Changeset 0.10.5 (#61)

src/js/ui-core.js

@@ -211,7 +211,26 @@ const UI = {
 
     toggleUserMenu() {
         const flyout = document.getElementById('userFlyout');
+        const opening = !flyout.classList.contains('open');
         flyout.classList.toggle('open');
+
+        // On open: refresh team admin button visibility (fire-and-forget)
+        if (opening) {
+            const menuBtn = document.getElementById('menuTeamAdmin');
+            if (menuBtn) {
+                // Show from cache immediately if available
+                if (UI._myTeams && UI._myTeams.length > 0) {
+                    const cached = UI._myTeams.some(t => t.my_role === 'admin');
+                    menuBtn.style.display = cached ? '' : 'none';
+                }
+                // Refresh in background
+                API.listMyTeams().then(resp => {
+                    const teams = resp.data || [];
+                    UI._myTeams = teams;
+                    menuBtn.style.display = teams.some(t => t.my_role === 'admin') ? '' : 'none';
+                }).catch(() => {});
+            }
+        }
     },
 
     closeUserMenu() {
@@ -749,31 +768,7 @@ const UI = {
             return;
         }
 
-        const badges = [];
-
-        // Output tokens
-        if (caps.max_output_tokens > 0) {
-            const k = caps.max_output_tokens >= 1000
-                ? (caps.max_output_tokens / 1000).toFixed(0) + 'K'
-                : caps.max_output_tokens;
-            badges.push(`<span class="cap-badge cap-context" title="Max output: ${caps.max_output_tokens.toLocaleString()} tokens">${k} out</span>`);
-        }
-
-        // Context window
-        if (caps.max_context > 0) {
-            const k = (caps.max_context / 1000).toFixed(0) + 'K';
-            badges.push(`<span class="cap-badge cap-context" title="Context window: ${caps.max_context.toLocaleString()} tokens">${k} ctx</span>`);
-        }
-
-        // Capability flags
-        if (caps.tool_calling)   badges.push('<span class="cap-badge cap-accent" title="Supports tool/function calling">🔧 tools</span>');
-        if (caps.vision)         badges.push('<span class="cap-badge cap-accent" title="Supports image/vision input">👁 vision</span>');
-        if (caps.thinking)       badges.push('<span class="cap-badge cap-accent" title="Supports extended thinking">💭 thinking</span>');
-        if (caps.reasoning)      badges.push('<span class="cap-badge cap-accent" title="Reasoning model (chain-of-thought)">🧠 reasoning</span>');
-        if (caps.code_optimized) badges.push('<span class="cap-badge" title="Optimized for code generation">⟨/⟩ code</span>');
-        if (caps.web_search)     badges.push('<span class="cap-badge" title="Supports web search">🔍 search</span>');
-
-        el.innerHTML = badges.join('');
+        el.innerHTML = renderCapBadges(caps);
     },
 
     // ── User / Connection ────────────────────