Function updateAuthUI

apps/catgpt/script.js:485–558

({ skipModelPick = false } = {})

}

async function updateAuthUI({ skipModelPick = false } = {}) {
    const loggedOutEl = $("authLoggedOut");
    const loggedInEl = $("authLoggedIn");
    if (!loggedOutEl || !loggedInEl) return;

    $("authLoginBtn").onclick = () => {
        window.location.href = getAuthorizeUrl();
    };
    $("authLogoutBtn").onclick = () => {
        clearApiKey();
        updateAuthUI();
        notify("Logged out. Log in to use CatGPT.");
    };

    const generatorSection = document.querySelector(".generator-section");
    const heroHeader = document.querySelector("header");

    const apiKey = getStoredApiKey();
    if (!apiKey) {
        show(loggedOutEl);
        hide(loggedInEl);
        hide(generatorSection);
        show(heroHeader);
        return;
    }

    hide(loggedOutEl);
    show(loggedInEl);
    show(generatorSection);
    hide(heroHeader);
    $("authApiKey").textContent = `${apiKey.substring(0, 4)}••••••••`;

    // Pick best available model (skip if URL param already set one)
    if (!skipModelPick) {
        pickModel(apiKey).then(({ model, isPremium }) => {
            setActiveModel(model);
            const upsellEl = $("modelUpsell");
            isPremium ? hide(upsellEl) : show(upsellEl);
        });
    }

    try {
        const [profile, balance] = await Promise.all([
            fetchProfile(apiKey).catch(() => null),
            fetchBalance(apiKey).catch(() => null),
        ]);

        if (profile) {
            const name = profile.githubUsername || "User";
            $("authUserName").textContent = name;

            const avatarImg = $("authAvatar");
            const avatarFallback = $("authAvatarFallback");
            if (profile.image) {
                avatarImg.src = profile.image;
                show(avatarImg);
                hide(avatarFallback);
            } else {