glad-web 1.0.46 → 2.0.2

package/lib/web/session.js

@@ -1,361 +0,0 @@
-        function joinSession(id, sessionName, toolKey = null) {
-            if (typeof clearComposerAttachments === 'function' && (selectedImageAttachments.length || selectedFileAttachments.length)) {
-                void clearComposerAttachments();
-            }
-            stopTimedInputTimers();
-            activeSessionId = id;
-            window.activeSessionId = id;
-            activeToolKey = toolKey;
-            if (typeof resetComposerSendState === 'function') resetComposerSendState();
-            clearTimeout(sessionPollTimer);
-            sessionPollTimer = null;
-            markCompletionRead(id);
-            loadTimedInputs();
-            document.getElementById('session-title').innerText = sessionName;
-            updateToolShortcuts(activeToolKey);
-            document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-            document.getElementById('terminal-view').classList.add('active');
-            setClaudeModeEnabled(isClaudeSession());
-            if (currentSocket) { currentSocket.close(); currentSocket = null; }
-            initTerminal(id);
-            if (typeof isSplitLayout === 'function' && isSplitLayout()) refreshSessionsNow();
-        }
-
-        function initTerminal(sessionId) {
-            if (isClaudeSession()) {
-                initClaudeSession(sessionId);
-                return;
-            }
-            if (isCodexSession()) {
-                initCodexSession(sessionId);
-                return;
-            }
-            if (typeof Terminal === 'undefined') {
-                alert('Terminal library not loaded yet.');
-                showLobby();
-                return;
-            }
-            function isTerminalAutoResponse(data) {
-                return /^\x1b\[\?[\d;]*c$/.test(data) || /^\x1b\[>[\d;]*c$/.test(data);
-            }
-            if (!term) {
-                term = new Terminal({ theme: typeof getGladTerminalTheme === 'function' ? getGladTerminalTheme() : { background: '#000', foreground: '#fff', cursor: '#0f0' }, cursorBlink: true, fontSize: 14, cursorStyle: 'bar', scrollback: 10000 });
-                fitAddon = new FitAddon.FitAddon();
-                term.loadAddon(fitAddon);
-                term.open(document.getElementById('terminal'));
-                term.onData(data => {
-                    if (isTerminalAutoResponse(data)) return;
-                    let finalData = data;
-                    if (modifiers.ctrl && data.length === 1) {
-                        const code = data.toLowerCase().charCodeAt(0);
-                        if (code >= 97 && code <= 122) finalData = String.fromCharCode(code - 96);
-                    }
-                    sendWS(finalData);
-                });
-            } else { term.clear(); }
-            const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-            currentSocket = new WebSocket(protocol + '//' + window.location.host + '?sessionId=' + sessionId);
-            currentSocket.onopen = () => {
-                syncLayout();
-                setTimeout(() => logViewSnapshot('ws-open'), 300);
-            };
-            currentSocket.onmessage = (e) => {
-                const msg = JSON.parse(e.data);
-                if (msg.type === 'output') term.write(msg.data);
-                if (msg.type === 'reset') term.reset();
-                if (msg.type === 'exit') showLobby();
-            };
-        }
-
-        async function initClaudeSession(sessionId) {
-            claudeMessages = [];
-            claudePendingPermissions = [];
-            claudeStatus = 'idle';
-            const runtimeConfig = await refreshClaudeRuntimeConfig();
-            claudeState = {
-                permissionMode: 'default',
-                model: (runtimeConfig && runtimeConfig.defaultModel) || 'default',
-                effort: (runtimeConfig && runtimeConfig.defaultEffort) || 'medium',
-                claudeSessionId: null,
-                resumeSessionId: null,
-                canAbort: false,
-                pendingPermissionCount: 0
-            };
-            claudeResumePanelOpen = false;
-            claudeForkPanelOpen = false;
-            claudePickerOpen = null;
-            claudeUsagePending = false;
-            claudeContextPending = false;
-            claudeResumeItemsLoaded = false;
-            document.getElementById('claude-resume-panel').classList.remove('active');
-            document.getElementById('claude-resume-panel').innerHTML = '';
-            document.getElementById('claude-fork-panel').classList.remove('active');
-            document.getElementById('claude-fork-panel').innerHTML = '';
-            closeClaudePicker();
-            updateTerminalControlsHeight();
-            applyClaudeRuntimeConfig(runtimeConfig);
-            applyClaudeState(claudeState);
-            renderClaudeChat();
-            const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-            currentSocket = new WebSocket(protocol + '//' + window.location.host + '?sessionId=' + sessionId);
-            currentSocket.onopen = () => logViewSnapshot('claude-ws-open');
-            currentSocket.onmessage = (e) => {
-                const msg = JSON.parse(e.data);
-                if (msg.type === 'claude-snapshot' && msg.snapshot) {
-                    claudeMessages = msg.snapshot.messages || [];
-                    claudePendingPermissions = msg.snapshot.pendingPermissions || [];
-                    claudeStatus = msg.snapshot.status || 'idle';
-                    applyClaudeState(msg.snapshot.state || {
-                        status: claudeStatus,
-                        pendingPermissionCount: claudePendingPermissions.filter(item => item.status === 'pending').length,
-                        canAbort: claudeStatus === 'thinking'
-                    }, { providerStateReceived: true });
-                    renderClaudeChat();
-                }
-                if (msg.type === 'claude-event') applyClaudeEvent(msg.event);
-                if (msg.type === 'exit') showLobby();
-            };
-        }
-
-        function initCodexSession(sessionId) {
-            codexMessages = [];
-            codexPendingPermissions = [];
-            codexModelPanelOpen = false;
-            codexModelCandidate = null;
-            codexResumePanelOpen = false;
-            codexForkPanelOpen = false;
-            codexPromptPanelOpen = false;
-            codexPromptItems = [];
-            codexPromptNextOffset = 0;
-            codexPromptHasMore = false;
-            codexPromptTotal = 0;
-            codexPromptLoading = false;
-            codexExpandedPrompts = new Set();
-            codexSkillPanelOpen = false;
-            codexSkillItems = [];
-            codexSkillLoading = false;
-            codexSkillQuery = '';
-            codexSkillError = '';
-            selectedCodexSkill = null;
-            codexDetailRequestSeq = 0;
-            codexDetailRequests = new Map();
-            codexDetailRevisions = new Map();
-            clearTimeout(codexDetailRefreshTimer);
-            codexDetailRefreshTimer = null;
-            codexDetailRefreshIds = new Set();
-            document.getElementById('codex-model-panel').classList.remove('active');
-            document.getElementById('codex-resume-panel').classList.remove('active');
-            document.getElementById('codex-fork-panel').classList.remove('active');
-            document.getElementById('codex-prompt-panel').classList.remove('active');
-            document.getElementById('codex-skill-panel').classList.remove('active');
-            document.getElementById('codex-control-rail').scrollLeft = 0;
-            codexState = createDefaultCodexState();
-            setClaudeModeEnabled(false);
-            applyCodexState(codexState);
-            installCodexLazyDetailHandler();
-            const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-            currentSocket = new WebSocket(protocol + '//' + window.location.host + '?sessionId=' + sessionId);
-            currentSocket.onmessage = (e) => {
-                const msg = JSON.parse(e.data);
-                if (msg.type === 'codex-snapshot' && msg.snapshot) {
-                    codexMessages = msg.snapshot.messages || [];
-                    codexPendingPermissions = msg.snapshot.pendingPermissions || [];
-                    applyCodexState(msg.snapshot.state || {}, { providerStateReceived: true });
-                }
-                if (msg.type === 'codex-detail-response' && msg.detail) applyCodexDetailResponse(msg);
-                if (msg.type === 'codex-event') applyCodexEvent(msg.event);
-                if (msg.type === 'exit') showLobby();
-            };
-        }
-
-        function sendWS(data) {
-            if (currentSocket && currentSocket.readyState === 1) currentSocket.send(JSON.stringify({ type: 'input', data }));
-        }
-
-        let layoutTimer = null;
-        let layoutKeepAtBottom = false;
-
-        function isTerminalAtBottom() {
-            if (!term || !term.buffer || !term.buffer.active) return true;
-            const active = term.buffer.active;
-            return active.viewportY >= active.baseY - 1;
-        }
-
-        function scrollTerminalViewportToBottom() {
-            if (!term) return;
-            term.scrollToBottom();
-            const viewport = document.querySelector('#terminal .xterm-viewport');
-            if (viewport) viewport.scrollTop = viewport.scrollHeight;
-        }
-
-        function restoreTerminalBottomSoon() {
-            scrollTerminalViewportToBottom();
-            requestAnimationFrame(() => {
-                scrollTerminalViewportToBottom();
-                requestAnimationFrame(scrollTerminalViewportToBottom);
-            });
-            setTimeout(scrollTerminalViewportToBottom, 120);
-        }
-
-        function syncLayout(options = {}) {
-            if (!fitAddon || !currentSocket) return;
-            const keepAtBottom = typeof options.keepAtBottom === 'boolean' ? options.keepAtBottom : isTerminalAtBottom();
-            layoutKeepAtBottom = layoutKeepAtBottom || keepAtBottom;
-            clearTimeout(layoutTimer);
-            layoutTimer = setTimeout(() => {
-                const shouldRestoreBottom = layoutKeepAtBottom;
-                layoutKeepAtBottom = false;
-                fitAddon.fit();
-                if (shouldRestoreBottom) restoreTerminalBottomSoon();
-                if (currentSocket.readyState === 1) currentSocket.send(JSON.stringify({ type: 'resize', cols: term.cols, rows: term.rows }));
-            }, 50);
-        }
-
-        function previewText(text, maxChars = 320) {
-            if (!text) return '';
-            const normalized = String(text)
-                .replace(/\r/g, '\\r')
-                .replace(/\n/g, '\\n')
-                .replace(/\t/g, '\\t')
-                .replace(/\x1b/g, '\\x1b');
-            return normalized.length > maxChars ? normalized.slice(-maxChars) : normalized;
-        }
-
-        async function logClientDebug(event, payload) {
-            try {
-                await fetch('/api/debug/client-log', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ sessionId: activeSessionId, event, payload })
-                });
-            } catch (_) {}
-        }
-
-        function snapshotTerminalBuffer(maxLines = 12) {
-            if (!term || !term.buffer || !term.buffer.active) return null;
-            const active = term.buffer.active;
-            const totalLines = active.length || 0;
-            const start = Math.max(0, totalLines - maxLines);
-            const tailLines = [];
-            for (let i = start; i < totalLines; i++) {
-                const line = active.getLine(i);
-                if (!line) continue;
-                tailLines.push(line.translateToString(true));
-            }
-            return {
-                cols: term.cols,
-                rows: term.rows,
-                baseY: active.baseY,
-                viewportY: active.viewportY,
-                cursorX: active.cursorX,
-                cursorY: active.cursorY,
-                totalLines,
-                tailPreview: previewText(tailLines.join('\n'))
-            };
-        }
-
-        function logViewSnapshot(event) {
-            logClientDebug(event, {
-                sessionId: activeSessionId,
-                terminalSnapshot: snapshotTerminalBuffer()
-            });
-        }
-
-        // Navigation
-        function showTerminal() {
-            clearTimeout(sessionPollTimer);
-            sessionPollTimer = null;
-            document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-            document.getElementById('terminal-view').classList.add('active');
-            logViewSnapshot('show-terminal');
-            syncLayout();
-        }
-
-        function showGitPreview() {
-            clearTimeout(sessionPollTimer);
-            sessionPollTimer = null;
-            document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-            document.getElementById('git-view').classList.add('active');
-            switchGitTab('changes');
-        }
-
-        let historyWrapEnabled = true;
-
-        function showHistory() {
-            clearTimeout(sessionPollTimer);
-            sessionPollTimer = null;
-            document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-            document.getElementById('history-view').classList.add('active');
-            logViewSnapshot('show-history-before-load');
-            loadHistory();
-        }
-
-        function toggleHistoryWrap() {
-            historyWrapEnabled = !historyWrapEnabled;
-            const contentEl = document.getElementById('history-content');
-            contentEl.classList.toggle('nowrap', !historyWrapEnabled);
-            document.getElementById('history-wrap-btn').style.color = historyWrapEnabled ? 'var(--primary)' : 'var(--text-dim)';
-        }
-
-        async function loadHistory() {
-            const contentEl = document.getElementById('history-content');
-            const metaEl = document.getElementById('history-meta');
-            if (!activeSessionId) {
-                metaEl.textContent = 'No active session.';
-                contentEl.textContent = '';
-                return;
-            }
-
-            metaEl.textContent = 'Loading...';
-            try {
-                const res = await fetchWithTimeout(`/api/sessions/${activeSessionId}/history`, {}, 30000);
-                const data = await res.json();
-                if (!data.success) throw new Error(data.error || 'Failed to load history');
-
-                const updatedAt = data.updatedAt ? new Date(data.updatedAt).toLocaleTimeString() : 'unknown';
-                const size = typeof data.bytes === 'number' ? `${Math.round(data.bytes / 1024)} KB` : 'unknown size';
-                const truncated = data.truncated ? ' | truncated' : '';
-                metaEl.textContent = `${data.tool || 'Session'} | ${data.lines || 0} lines | ${size} | updated ${updatedAt}${truncated}`;
-                contentEl.textContent = data.text || 'No readable history yet.';
-                contentEl.classList.toggle('nowrap', !historyWrapEnabled);
-                document.getElementById('history-wrap-btn').style.color = historyWrapEnabled ? 'var(--primary)' : 'var(--text-dim)';
-                logClientDebug('history-loaded', {
-                    meta: metaEl.textContent,
-                    historyLines: data.lines || 0,
-                    historyBytes: data.bytes || 0,
-                    historyTail: previewText(data.text || '')
-                });
-                requestAnimationFrame(() => {
-                    contentEl.scrollTop = contentEl.scrollHeight;
-                });
-            } catch (e) {
-                metaEl.textContent = 'Failed to load history.';
-                contentEl.textContent = e.message;
-                logClientDebug('history-load-failed', { message: e.message });
-            }
-        }
-
-        async function copyHistoryContent() {
-            const contentEl = document.getElementById('history-content');
-            const text = contentEl.textContent || '';
-            if (!text || text === 'Loading...' || text === 'No readable history yet.') {
-                alert('No history to copy.');
-                return;
-            }
-
-            try {
-                if (navigator.clipboard && window.isSecureContext) {
-                    await navigator.clipboard.writeText(text);
-                } else {
-                    const range = document.createRange();
-                    range.selectNode(contentEl);
-                    window.getSelection().removeAllRanges();
-                    window.getSelection().addRange(range);
-                    document.execCommand('copy');
-                    window.getSelection().removeAllRanges();
-                }
-                alert('History copied.');
-            } catch (e) {
-                alert('Copy failed. You can select the history text manually.');
-            }
-        }

package/lib/web/shell.js

@@ -1,74 +0,0 @@
-        async function deleteSession(id, e) {
-            e?.stopPropagation();
-            if (!confirm('Terminate session?')) return;
-            const button = e?.currentTarget;
-            if (button) button.disabled = true;
-            try {
-                const response = await fetchWithTimeout('/api/sessions/' + encodeURIComponent(id), { method: 'DELETE' }, 10000);
-                if (!response.ok) {
-                    const data = await response.json().catch(() => ({}));
-                    throw new Error(data.error || `HTTP ${response.status}`);
-                }
-                if (id === activeSessionId) showLobby();
-                else await refreshSessionsNow();
-            } catch (error) {
-                if (button?.isConnected) button.disabled = false;
-                alert(`Failed to delete session: ${error.message}`);
-            }
-        }
-
-        function showLobby() {
-            if (currentSocket) { currentSocket.close(); currentSocket = null; }
-            closeTimedSendPanel();
-            stopTimedInputTimers();
-            activeSessionId = null;
-            window.activeSessionId = null;
-            activeToolKey = null;
-            if (typeof resetComposerSendState === 'function') resetComposerSendState();
-            document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-            document.getElementById('lobby-view').classList.add('active');
-            refreshSessionsNow();
-        }
-
-        function updateToolShortcuts(toolKey) {
-            const usesUsageCommand = ['antigravity', 'claude-code'].includes(toolKey);
-            const usageCommand = usesUsageCommand ? '/usage' : '/stat';
-            const defaultShortcuts = [
-                { key: 'left', label: '←', special: true },
-                { key: 'right', label: '→', special: true },
-                { key: 'ctrl-c', label: 'Ctrl+C' },
-                { command: '/model' },
-                { command: '/resume' },
-                { command: usageCommand }
-            ];
-            const toolShortcuts = {
-                codex: [
-                    { key: 'ctrl-c', label: 'Ctrl+C' },
-                    { key: 'codex-perm', label: '/perm', title: 'Send /perm' },
-                    { command: '/model' },
-                    { command: '/resume' },
-                    { command: '/stat' }
-                ]
-            };
-            const shortcuts = toolShortcuts[toolKey] || defaultShortcuts;
-            const shortcutGroup = document.querySelector('[data-role="tool-shortcuts"]');
-            if (!shortcutGroup) return;
-
-            shortcutGroup.style.gridTemplateColumns = `repeat(${shortcuts.length}, minmax(0, 1fr))`;
-            shortcutGroup.replaceChildren(...shortcuts.map(shortcut => {
-                const button = document.createElement(shortcut.command ? 'button' : 'div');
-                button.className = shortcut.command
-                    ? 'command-key'
-                    : `key-btn${shortcut.special ? ' special-key' : ''}`;
-                if (shortcut.command) {
-                    button.dataset.command = shortcut.command;
-                    button.textContent = shortcut.command;
-                    button.title = `Send ${shortcut.command}`;
-                } else {
-                    button.dataset.key = shortcut.key;
-                    button.textContent = shortcut.label;
-                    button.title = shortcut.title || '';
-                }
-                return button;
-            }));
-        }

package/lib/web/skillhub.js

@@ -1,197 +0,0 @@
-        let skillHubSettings = null;
-        let skillHallSkills = [];
-        let skillHallQuery = '';
-
-        function applySkillHubAvailability(available) {
-            const button = document.getElementById('skill-hall-button');
-            if (!button) return;
-            button.disabled = !available;
-            button.title = available ? 'Skill Hall' : 'Skill暂不可用';
-            button.setAttribute('aria-label', button.title);
-        }
-
-        async function refreshSkillHubAvailability() {
-            try {
-                const response = await fetchWithTimeout('/api/skillhub/status', {}, 5000);
-                const data = await response.json();
-                applySkillHubAvailability(Boolean(response.ok && data.available));
-            } catch (_) {
-                applySkillHubAvailability(false);
-            }
-        }
-
-        function setSkillHubStatus(message, type = '') {
-            const target = document.getElementById('skillhub-settings-status');
-            if (!target) return;
-            target.textContent = message;
-            target.className = `serverchan-settings-status${type ? ` ${type}` : ''}`;
-        }
-
-        function setSkillHubBusy(busy) {
-            for (const id of ['skillhub-save-btn', 'skillhub-test-btn', 'skillhub-remove-btn']) {
-                const button = document.getElementById(id);
-                if (button) button.disabled = busy;
-            }
-        }
-
-        function currentSkillHubForm() {
-            return {
-                baseUrl: document.getElementById('skillhub-base-url').value.trim(),
-                token: document.getElementById('skillhub-token').value.trim()
-            };
-        }
-
-        async function loadSkillHubSettings() {
-            setSkillHubStatus('Loading configuration…');
-            try {
-                const response = await fetchWithTimeout('/api/skillhub/settings', {}, 10000);
-                const data = await response.json();
-                if (!response.ok) throw new Error(data.error || 'Could not load SkillHub configuration');
-                skillHubSettings = data;
-                document.getElementById('skillhub-base-url').value = data.baseUrl || '';
-                const token = document.getElementById('skillhub-token');
-                token.value = '';
-                token.placeholder = data.configured ? data.maskedToken : 'clh_...';
-                document.getElementById('skillhub-token-hint').textContent = data.configured
-                    ? `Saved: ${data.maskedToken}. Leave blank to keep the current Token.`
-                    : 'The Token is encrypted on this Glad host.';
-                document.getElementById('skillhub-remove-btn').style.display = data.configured ? 'inline-flex' : 'none';
-                setSkillHubStatus(data.configured ? 'Configuration saved.' : 'SkillHub is not configured.');
-            } catch (error) {
-                setSkillHubStatus(error.message || 'Could not load SkillHub configuration', 'error');
-            }
-        }
-
-        async function saveSkillHubSettings() {
-            setSkillHubBusy(true);
-            setSkillHubStatus('Testing and saving…');
-            try {
-                const response = await fetchWithTimeout('/api/skillhub/settings', {
-                    method: 'PUT',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify(currentSkillHubForm())
-                }, 20000);
-                const data = await response.json();
-                if (!response.ok) throw new Error(data.error || 'Could not save SkillHub configuration');
-                skillHubSettings = data.settings;
-                const token = document.getElementById('skillhub-token');
-                token.value = '';
-                token.placeholder = data.settings.maskedToken;
-                document.getElementById('skillhub-token-hint').textContent =
-                    `Saved: ${data.settings.maskedToken}. Leave blank to keep the current Token.`;
-                document.getElementById('skillhub-remove-btn').style.display = 'inline-flex';
-                const handle = data.user?.handle || data.user?.data?.handle || '';
-                setSkillHubStatus(`Connected${handle ? ` as ${handle}` : ''}.`, 'success');
-            } catch (error) {
-                setSkillHubStatus(error.message || 'Could not save SkillHub configuration', 'error');
-            } finally {
-                setSkillHubBusy(false);
-            }
-        }
-
-        async function testSkillHubSettings() {
-            setSkillHubBusy(true);
-            setSkillHubStatus('Testing connection…');
-            try {
-                const response = await fetchWithTimeout('/api/skillhub/settings/test', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify(currentSkillHubForm())
-                }, 20000);
-                const data = await response.json();
-                if (!response.ok) throw new Error(data.error || 'SkillHub connection failed');
-                const handle = data.user?.handle || data.user?.data?.handle || '';
-                setSkillHubStatus(`Connection successful${handle ? ` · ${handle}` : ''}.`, 'success');
-            } catch (error) {
-                setSkillHubStatus(error.message || 'SkillHub connection failed', 'error');
-            } finally {
-                setSkillHubBusy(false);
-            }
-        }
-
-        async function removeSkillHubSettings() {
-            if (!confirm('Remove the SkillHub connection?')) return;
-            setSkillHubBusy(true);
-            try {
-                const response = await fetchWithTimeout('/api/skillhub/settings', { method: 'DELETE' }, 10000);
-                const data = await response.json();
-                if (!response.ok) throw new Error(data.error || 'Could not remove SkillHub configuration');
-                skillHubSettings = data.settings;
-                document.getElementById('skillhub-base-url').value = '';
-                document.getElementById('skillhub-token').value = '';
-                document.getElementById('skillhub-token').placeholder = 'clh_...';
-                document.getElementById('skillhub-token-hint').textContent = 'The Token is encrypted on this Glad host.';
-                document.getElementById('skillhub-remove-btn').style.display = 'none';
-                setSkillHubStatus('SkillHub configuration removed.', 'success');
-            } catch (error) {
-                setSkillHubStatus(error.message || 'Could not remove SkillHub configuration', 'error');
-            } finally {
-                setSkillHubBusy(false);
-            }
-        }
-
-        function skillHallCard(skill, index) {
-            const name = String(skill.displayName || skill.name || skill.slug || 'Unnamed Skill');
-            const description = String(skill.description || '');
-            const meta = [skill.kind, skill.version].filter(Boolean).join(' · ');
-            return `<button type="button" class="skill-hall-card" onclick="selectSkillHallSkill(${index})"><span class="skill-hall-card-name">${escapeHtml(name)}</span>${description ? `<span class="skill-hall-card-description">${escapeHtml(description)}</span>` : ''}<span class="skill-hall-card-meta">${escapeHtml(meta)}</span></button>`;
-        }
-
-        function renderSkillHall() {
-            const grid = document.getElementById('skill-hall-grid');
-            const status = document.getElementById('skill-hall-status');
-            if (!grid || !status) return;
-            const query = skillHallQuery.trim().toLocaleLowerCase();
-            const matches = skillHallSkills.map((skill, index) => ({ skill, index })).filter(({ skill }) => {
-                if (!query) return true;
-                return [skill.displayName, skill.name, skill.slug, skill.description, skill.kind, skill.version]
-                    .some(value => String(value || '').toLocaleLowerCase().includes(query));
-            });
-            status.textContent = matches.length ? `${matches.length} Skill${matches.length === 1 ? '' : 's'}`
-                : (query ? 'No matching Skills.' : 'No Skills are available for this account.');
-            grid.innerHTML = matches.map(({ skill, index }) => skillHallCard(skill, index)).join('');
-        }
-
-        async function openSkillHall(event = null) {
-            event?.stopPropagation();
-            if (document.getElementById('skill-hall-button')?.disabled) {
-                showAppToast('Skill暂不可用');
-                return;
-            }
-            document.getElementById('skill-hall-overlay').style.display = 'flex';
-            document.getElementById('skill-hall-search').value = '';
-            document.getElementById('skill-hall-status').textContent = 'Loading Skills…';
-            document.getElementById('skill-hall-grid').innerHTML = '';
-            skillHallQuery = '';
-            try {
-                const response = await fetchWithTimeout('/api/skillhub/skills', {}, 30000);
-                const data = await response.json();
-                if (!response.ok || !data.success) throw new Error(data.error || 'Could not load Skills');
-                skillHallSkills = Array.isArray(data.skills) ? data.skills : [];
-                renderSkillHall();
-                requestAnimationFrame(() => document.getElementById('skill-hall-search')?.focus());
-            } catch (error) {
-                skillHallSkills = [];
-                document.getElementById('skill-hall-status').textContent = error.message || 'Could not load Skills';
-                if (error.message === 'Skill暂不可用') applySkillHubAvailability(false);
-            }
-        }
-
-        function closeSkillHall(event = null) {
-            if (event && event.target.id !== 'skill-hall-overlay') return;
-            document.getElementById('skill-hall-overlay').style.display = 'none';
-        }
-
-        function filterSkillHall(value) {
-            skillHallQuery = String(value || '');
-            renderSkillHall();
-        }
-
-        function selectSkillHallSkill(index) {
-            const skill = skillHallSkills[index];
-            if (!skill) return;
-            closeSkillHall();
-            showToolModal(skill);
-        }
-
-        void refreshSkillHubAvailability();