codexmate 0.0.34 → 0.0.37

package/web-ui/modules/app.methods.navigation.mjs

@@ -56,6 +56,32 @@
             return null;
         }
     };
+
+    const canonicalizeWebUiRuntimeUrl = () => {
+        if (typeof window === 'undefined' || !window.location) return;
+        try {
+            const url = new URL(window.location.href);
+            if (url.pathname === '/session') return;
+            let pathname = url.pathname;
+            let previousPathname = '';
+            do {
+                previousPathname = pathname;
+                pathname = pathname.replace(/\/+web-ui\/+web-ui\/+/, '/web-ui/');
+            } while (pathname !== previousPathname);
+            if (pathname === '/web-ui' || pathname === '/web-ui/' || pathname === '/web-ui/index.html') {
+                pathname = '/';
+            }
+            url.pathname = pathname;
+            url.search = '';
+            url.hash = '';
+            const nextUrl = url.toString();
+            if (nextUrl === window.location.href) return;
+            if (window.history && typeof window.history.replaceState === 'function') {
+                window.history.replaceState(null, '', nextUrl);
+            }
+        } catch (_) {}
+    };
+
     const persistNavState = (vm, overrides = null) => {
         if (!vm || vm.__navStateRestoring) return;
         if (typeof localStorage === 'undefined') return;
@@ -138,6 +164,7 @@
             const normalizedMode = typeof mode === 'string'
                 ? mode.trim().toLowerCase()
                 : '';
+            canonicalizeWebUiRuntimeUrl();
             this.cancelTouchNavIntentReset();
             if (typeof this.ensureMainTabSwitchState === 'function') {
                 this.ensureMainTabSwitchState().pendingConfigMode = '';
@@ -412,6 +439,7 @@
                 : '';
             const targetTab = normalizedTab || tab;
             if (!targetTab) return;
+            canonicalizeWebUiRuntimeUrl();
             if (targetTab === 'orchestration' && this.taskOrchestrationTabEnabled !== true) {
                 return this.switchMainTab('config');
             }
@@ -419,20 +447,7 @@
                 mainTab: targetTab,
                 configMode: targetTab === 'config' ? this.configMode : this.configMode
             });
-            if (targetTab !== 'sessions') {
-                try {
-                    const url = new URL(window.location.href);
-                    if (url.pathname !== '/session') {
-                        url.searchParams.delete('s_source');
-                        url.searchParams.delete('s_path');
-                        url.searchParams.delete('s_query');
-                        url.searchParams.delete('s_role');
-                        url.searchParams.delete('s_time');
-                        url.searchParams.delete('tab');
-                        window.history.replaceState(null, '', url.toString());
-                    }
-                } catch (_) {}
-            }
+            // URL 保持静态，不写入任何状态
             this.cancelTouchNavIntentReset();
             if (targetTab === 'sessions') {
                 this.cancelScheduledSessionTabDeferredTeardown();
@@ -474,9 +489,10 @@
                 return;
             }
             const isLeavingSessions = previousTab === 'sessions' && targetTab !== 'sessions';
-            const shouldDeferApply = isLeavingSessions;
+            const shouldPreserveSessionRender = isLeavingSessions && this.preserveSessionRenderOnTabLeave === true;
+            const shouldDeferApply = isLeavingSessions && !shouldPreserveSessionRender;
             if (isLeavingSessions && !this.isSessionPanelFastHidden()) {
-                this.setSessionPanelFastHidden(true);
+                this.setSessionPanelFastHidden(!shouldPreserveSessionRender);
             }
             if (shouldDeferApply && typeof this.suspendSessionTabRender === 'function') {
                 this.suspendSessionTabRender();

package/web-ui/modules/app.methods.session-browser.mjs

@@ -264,6 +264,13 @@ export function createSessionBrowserMethods(options = {}) {
                 });
             if (urlState) {
                 applySessionsFilterUrlState(this, urlState);
+                // 清理 URL，保持静态
+                try {
+                    const url = new URL(window.location.href);
+                    url.search = '';
+                    url.hash = '';
+                    window.history.replaceState(null, '', url.toString());
+                } catch (_) {}
                 try {
                     const sortCache = localStorage.getItem('codexmateSessionSortMode');
                     this.sessionSortMode = normalizeSortMode(sortCache);

package/web-ui/modules/app.methods.session-trash.mjs

@@ -218,6 +218,36 @@ export function createSessionTrashMethods(options = {}) {
             await this.switchSettingsTab(tab);
         },
 
+        async onSettingsTabKeydown(event, tab) {
+            if (!event) {
+                return;
+            }
+            const tabs = ['general', 'data'];
+            const currentTab = this.normalizeSettingsTab(tab || this.settingsTab);
+            const currentIndex = Math.max(0, tabs.indexOf(currentTab));
+            let nextIndex = currentIndex;
+            if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
+                nextIndex = (currentIndex + 1) % tabs.length;
+            } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
+                nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+            } else if (event.key === 'Home') {
+                nextIndex = 0;
+            } else if (event.key === 'End') {
+                nextIndex = tabs.length - 1;
+            } else {
+                return;
+            }
+            event.preventDefault();
+            const nextTab = tabs[nextIndex];
+            await this.switchSettingsTab(nextTab);
+            const target = typeof document !== 'undefined'
+                ? document.getElementById(`settings-tab-${nextTab}`)
+                : null;
+            if (target && typeof target.focus === 'function') {
+                target.focus();
+            }
+        },
+
         async switchSettingsTab(tab, options = {}) {
             const nextTab = this.normalizeSettingsTab(tab);
             this.settingsTab = nextTab;

package/web-ui/modules/i18n.dict.mjs

@@ -532,6 +532,7 @@ const DICT = Object.freeze({
         'sessions.loadingList': '会话加载中...',
         'sessions.empty': '暂无可用会话记录',
         'sessions.unknownTime': '未知时间',
+
         'sessions.query.placeholder.enabled': '关键词检索（支持 Codex/Claude/Gemini/CodeBuddy，例：claude code）',
         'sessions.query.placeholder.disabled': '当前来源暂不支持关键词检索',
         'sessions.pin': '置顶',
@@ -1602,6 +1603,8 @@ const DICT = Object.freeze({
         'sessions.loadingList': 'セッション一覧を読み込み中...',
         'sessions.empty': 'セッションがありません',
         'sessions.unknownTime': '不明な時間',
+
+
         'sessions.query.placeholder.enabled': 'セッションを検索...',
         'sessions.query.placeholder.disabled': '現在のソースでは検索は利用できません',
         'sessions.pin': 'ピン留め',
@@ -2658,6 +2661,8 @@ const DICT = Object.freeze({
         'sessions.loadingList': 'Loading sessions...',
         'sessions.empty': 'No sessions found',
         'sessions.unknownTime': 'unknown time',
+
+
         'sessions.query.placeholder.enabled': 'Search keywords (Codex/Claude/Gemini/CodeBuddy, e.g. claude code)',
         'sessions.query.placeholder.disabled': 'Keyword search is not available for this source',
         'sessions.pin': 'Pin',

package/web-ui/modules/sessions-filters-url.mjs

@@ -55,20 +55,76 @@ export function applySessionsFilterUrlState(vm, state) {
     }
 }
 
+export function canonicalizeWebUiUrl(url) {
+    if (!url || typeof url !== 'object') return url;
+    if (url.pathname === '/web-ui/index.html') {
+        url.pathname = '/';
+    }
+    return url;
+}
+
+function canonicalizeWebUiHistoryUrl(value) {
+    if (typeof window === 'undefined' || !window.location) return value;
+    if (typeof value === 'undefined' || value === null) return value;
+    try {
+        const url = canonicalizeWebUiUrl(new URL(String(value), window.location.href));
+        return url && url.pathname === '/' ? url.href : value;
+    } catch (_) {
+        return value;
+    }
+}
+
+export function normalizeCurrentWebUiUrl() {
+    try {
+        const url = canonicalizeWebUiUrl(new URL(window.location.href));
+        if (url && url.href !== window.location.href) {
+            window.history.replaceState(null, '', url.href);
+        }
+        return url;
+    } catch (_) {
+        return null;
+    }
+}
+
+export function installWebUiUrlCanonicalization() {
+    if (typeof window === 'undefined' || !window.history) return false;
+    if (window.__codexmateWebUiUrlCanonicalizationInstalled) {
+        normalizeCurrentWebUiUrl();
+        return true;
+    }
+    try {
+        const originalReplaceState = window.history.replaceState;
+        const originalPushState = window.history.pushState;
+        if (typeof originalReplaceState === 'function') {
+            window.history.replaceState = function replaceState(state, title, url) {
+                return originalReplaceState.call(this, state, title, canonicalizeWebUiHistoryUrl(url));
+            };
+        }
+        if (typeof originalPushState === 'function') {
+            window.history.pushState = function pushState(state, title, url) {
+                return originalPushState.call(this, state, title, canonicalizeWebUiHistoryUrl(url));
+            };
+        }
+        window.__codexmateWebUiUrlCanonicalizationInstalled = true;
+        normalizeCurrentWebUiUrl();
+        return true;
+    } catch (_) {
+        normalizeCurrentWebUiUrl();
+        return false;
+    }
+}
+
 export function buildSessionsFilterShareUrl(vm) {
     try {
-        const url = new URL(window.location.href);
-        if (url.pathname === '/session') return '';
+        // 使用干净的根路径作为基础 URL，避免把 /web-ui/index.html 或 /session 带进分享链接。
+        const baseUrl = window.location.origin + '/';
+        const url = canonicalizeWebUiUrl(new URL(baseUrl));
+        url.searchParams.set('tab', 'sessions');
         url.searchParams.set('s_source', String(vm.sessionFilterSource || 'all'));
         if (vm.sessionPathFilter) url.searchParams.set('s_path', String(vm.sessionPathFilter || ''));
-        else url.searchParams.delete('s_path');
         if (vm.sessionQuery && isSessionQueryEnabled(vm.sessionFilterSource)) url.searchParams.set('s_query', String(vm.sessionQuery || ''));
-        else url.searchParams.delete('s_query');
         if (vm.sessionRoleFilter && vm.sessionRoleFilter !== 'all') url.searchParams.set('s_role', String(vm.sessionRoleFilter || 'all'));
-        else url.searchParams.delete('s_role');
         if (vm.sessionTimePreset && vm.sessionTimePreset !== 'all') url.searchParams.set('s_time', String(vm.sessionTimePreset || 'all'));
-        else url.searchParams.delete('s_time');
-        url.searchParams.set('tab', 'sessions');
         return url.toString();
     } catch (_) {
         return '';
@@ -76,10 +132,7 @@ export function buildSessionsFilterShareUrl(vm) {
 }
 
 export function syncSessionsFilterUrl(vm) {
-    const url = buildSessionsFilterShareUrl(vm);
-    if (!url) return;
-    try {
-        window.history.replaceState(null, '', url);
-    } catch (_) {}
+    // URL 保持静态，不同步状态到 URL
+    // 所有状态通过 localStorage 管理
 }
 

package/web-ui/modules/skills.methods.mjs

@@ -477,6 +477,37 @@ export function createSkillsMethods({ api }) {
                 this.skillsDeleting = false;
                 await this.scanImportableSkills({ silent: true });
             }
+        },
+
+        openSkillsMenu() {
+            // Open skills manager modal as menu
+            this.openSkillsManager();
+        },
+
+        async importSingleSkill(skill) {
+            if (this.skillsImporting || this.skillsZipImporting) return;
+            const key = this.buildSkillImportKey(skill);
+            this.skillsImporting = true;
+            try {
+                const res = await api('import-skills', {
+                    targetApp: this.skillsTargetApp,
+                    imports: [skill]
+                });
+                if (res && res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                const imported = Array.isArray(res && res.imported) ? res.imported : [];
+                if (imported.length > 0) {
+                    this.showMessage(`已导入 ${skill.displayName || skill.name}`, 'success');
+                    await this.refreshSkillsList({ silent: true });
+                    await this.scanImportableSkills({ silent: true });
+                }
+            } catch (e) {
+                this.showMessage('导入失败', 'error');
+            } finally {
+                this.skillsImporting = false;
+            }
         }
     };
 }

package/web-ui/partials/index/layout-header.html

@@ -1,6 +1,6 @@
     <div id="app" class="container" v-cloak>
         <div v-if="!sessionStandalone" class="top-tabs" role="tablist" :aria-label="t('nav.topTabs.aria')">
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-dashboard"
                 role="tab"
                 data-main-tab="dashboard"
@@ -10,7 +10,7 @@
                 :class="{ active: isMainTabNavActive('dashboard') }"
                 @pointerdown="onMainTabPointerDown('dashboard', $event)"
                 @click="onMainTabClick('dashboard', $event)">{{ t('tab.dashboard') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-docs"
                 role="tab"
                 data-main-tab="docs"
@@ -20,7 +20,7 @@
                 :class="{ active: isMainTabNavActive('docs') }"
                 @pointerdown="onMainTabPointerDown('docs', $event)"
                 @click="onMainTabClick('docs', $event)">{{ t('tab.docs') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-config"
                 role="tab"
                 data-main-tab="config"
@@ -31,7 +31,7 @@
                 :class="{ active: isMainTabNavActive('config') }"
                 @pointerdown="onMainTabPointerDown('config', $event)"
                 @click="onMainTabClick('config', $event)">{{ t('tab.config') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-sessions"
                 role="tab"
                 data-main-tab="sessions"
@@ -41,7 +41,7 @@
                 :class="{ active: isMainTabNavActive('sessions') }"
                 @pointerdown="onMainTabPointerDown('sessions', $event)"
                 @click="onMainTabClick('sessions', $event)">{{ t('tab.sessions') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-usage"
                 role="tab"
                 data-main-tab="usage"
@@ -51,7 +51,7 @@
                 :class="{ active: isMainTabNavActive('usage') }"
                 @pointerdown="onMainTabPointerDown('usage', $event)"
                 @click="onMainTabClick('usage', $event)">{{ t('tab.usage') }}</button>
-            <button v-if="taskOrchestrationTabEnabled" class="top-tab"
+            <button v-if="taskOrchestrationTabEnabled" type="button" class="top-tab"
                 id="tab-orchestration"
                 role="tab"
                 data-main-tab="orchestration"
@@ -61,7 +61,7 @@
                 :class="{ active: isMainTabNavActive('orchestration') }"
                 @pointerdown="onMainTabPointerDown('orchestration', $event)"
                 @click="onMainTabClick('orchestration', $event)">{{ t('tab.orchestration') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-market"
                 role="tab"
                 data-main-tab="market"
@@ -71,7 +71,7 @@
                 :class="{ active: isMainTabNavActive('market') }"
                 @pointerdown="onMainTabPointerDown('market', $event)"
                 @click="onMainTabClick('market', $event)">{{ t('tab.market') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-plugins"
                 role="tab"
                 data-main-tab="plugins"
@@ -81,7 +81,7 @@
                 :class="{ active: isMainTabNavActive('plugins') }"
                 @pointerdown="onMainTabPointerDown('plugins', $event)"
                 @click="onMainTabClick('plugins', $event)">{{ t('tab.plugins') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-settings"
                 role="tab"
                 data-main-tab="settings"
@@ -122,10 +122,9 @@
                     <div class="brand-head">
                         <img class="brand-logo" src="/res/logo-pack.webp" alt="Codex Mate logo">
                         <div class="brand-copy">
-                            <div class="brand-kicker">Codex Mate <span v-if="appVersion" class="brand-version">v{{ appVersion }}</span></div>
+                            <div class="brand-kicker">Codex Mate<span v-if="appVersion" class="brand-version"> v{{ appVersion }}</span></div>
                         </div>
                     </div>
-                    <div class="brand-subtitle">{{ t('brand.subtitle.localConfigSessionsWorkspace') }}</div>
                 </div>
 
                 <div class="side-rail-nav">
@@ -316,6 +315,10 @@
                         </div>
                     </button>
                 </div>
+                <div id="side-tab-new" class="side-item side-item-ghost" tabindex="-1" aria-hidden="true">
+                    <div class="side-item-title">New Tab</div>
+                    <div class="side-item-meta"><span>&nbsp;</span></div>
+                </div>
                 </div>
 
                 <div class="side-rail-lang" role="group" :aria-label="t('lang.label')">
@@ -479,6 +482,12 @@
                             <span class="value">{{ installRegistryPreview || t('common.defaultOfficial') }}</span>
                         </div>
                     </div>
+                    <div class="status-strip status-strip-placeholder" v-else-if="!sessionStandalone" aria-hidden="true">
+                        <div class="status-chip">
+                            <span class="label">&nbsp;</span>
+                            <span class="value">&nbsp;</span>
+                        </div>
+                    </div>
                     <div
                         v-if="!sessionStandalone && mainTab === 'config' && isProviderConfigMode && forceCompactLayout && !loading && !initError && displayProvidersList.length > 1"
                         class="provider-fast-switch">

package/web-ui/partials/index/panel-config-claude.html

@@ -100,7 +100,7 @@
                 </div>
 
                 <div class="card-list">
-                    <div :class="['card', { active: currentClaudeConfig === 'claude-local' }]" @click="applyClaudeLocalBridge()" @keydown.enter.self.prevent="applyClaudeLocalBridge()" @keydown.space.self.prevent="applyClaudeLocalBridge()" tabindex="0" role="button" :aria-current="currentClaudeConfig === 'claude-local' ? 'true' : null">
+                    <div :class="['card', { active: currentClaudeConfig === 'claude-local', disabled: isClaudeLocalBridgeDisabled() }]" @click="isClaudeLocalBridgeDisabled() ? null : applyClaudeLocalBridge()" @keydown.enter.self.prevent="isClaudeLocalBridgeDisabled() ? null : applyClaudeLocalBridge()" @keydown.space.self.prevent="isClaudeLocalBridgeDisabled() ? null : applyClaudeLocalBridge()" :tabindex="isClaudeLocalBridgeDisabled() ? -1 : 0" role="button" :aria-current="currentClaudeConfig === 'claude-local' ? 'true' : null">
                         <div class="card-leading">
                             <div class="card-icon">L</div>
                             <div class="card-content">
@@ -108,8 +108,10 @@
                                     <svg class="bridge-pool-summary-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="12" height="12"><circle cx="6" cy="6" r="2"/><circle cx="18" cy="6" r="2"/><circle cx="12" cy="18" r="2"/><path d="M6 8v4h6v4"/><path d="M18 8v4h-6v4"/></svg>
                                     <span class="bridge-pool-summary-text">{{ t('claude.localBridge.enabled') }} {{ claudeLocalBridgeCandidateProviders().filter(cp => !isClaudeLocalBridgeExcluded(cp.name)).length }} / {{ claudeLocalBridgeCandidateProviders().length }}</span>
                                 </div>
-                                <div class="card-title">claude-local</div>
-                                <div class="card-subtitle card-subtitle-model">{{ t('claude.localBridge.poolHint') }}</div>
+                                <div class="card-title">
+                                    <span>local</span>
+                                    <span class="provider-readonly-badge">{{ t('config.badge.system') }}</span>
+                                </div>
                             </div>
                         </div>
                         <div class="card-trailing">

package/web-ui/partials/index/panel-config-codex.html

@@ -120,7 +120,7 @@
                 </template>
 
                 <div v-if="!loading && !initError" class="card-list">
-                    <div v-for="provider in displayProvidersList" :key="provider.name" :class="['card', { active: displayCurrentProvider === provider.name }]" @click="switchProvider(provider.name)" @keydown.enter.self.prevent="switchProvider(provider.name)" @keydown.space.self.prevent="switchProvider(provider.name)" tabindex="0" role="button" :aria-current="displayCurrentProvider === provider.name ? 'true' : null">
+                    <div v-for="provider in displayProvidersList" :key="provider.name" :class="['card', { active: displayCurrentProvider === provider.name, disabled: provider.name === 'local' && isLocalProviderDisabled }]" @click="(provider.name === 'local' && isLocalProviderDisabled) ? null : switchProvider(provider.name)" @keydown.enter.self.prevent="(provider.name === 'local' && isLocalProviderDisabled) ? null : switchProvider(provider.name)" @keydown.space.self.prevent="(provider.name === 'local' && isLocalProviderDisabled) ? null : switchProvider(provider.name)" :tabindex="provider.name === 'local' && isLocalProviderDisabled ? -1 : 0" role="button" :aria-current="displayCurrentProvider === provider.name ? 'true' : null">
                         <div class="card-leading">
                             <div class="card-icon">{{ provider.name.charAt(0).toUpperCase() }}<span v-if="isTransformProvider(provider)" class="card-icon-dot" title="通过内建转换适配"></span></div>
                             <div class="card-content">