// ==UserScript==
// @name         Avatar Preview - canto inferior esquerdo (clean + arredondado)
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  Mostra a foto de avatar no canto inferior esquerdo (grande, sem borda branca, mas arredondado)
// @match        http://localhost:3000/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function showAvatar() {
        let avatarImg = document.querySelector('img[data-scope="avatar"]');
        if (!avatarImg) return;

        let preview = document.getElementById("tm-avatar-preview");

        if (!preview) {
            preview = document.createElement("img");
            preview.id = "tm-avatar-preview";
            Object.assign(preview.style, {
                position: "fixed",
                bottom: "10px",
                left: "10px",
                width: "470px", // aumentado 2,2x
                height: "auto",
                border: "none", // sem borda
                borderRadius: "15px", // arredondado bonito
                zIndex: "99999",
                background: "transparent",
                padding: "0",
                boxShadow: "none"
            });
            document.body.appendChild(preview);
        }

        // só atualiza se mudar
        if (preview.src !== avatarImg.src) {
            preview.src = avatarImg.src;
        }
    }

    // tenta logo no load
    window.addEventListener('load', showAvatar);

    // observa mudanças
    const observer = new MutationObserver(() => {
        showAvatar();
    });
    observer.observe(document.body, { childList: true, subtree: true });

})();