codexmate 0.0.22 → 0.0.23

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

@@ -0,0 +1,85 @@
+import {
+    buildSessionFilterCacheState,
+    isSessionQueryEnabled
+} from '../logic.mjs';
+
+export function normalizeSessionRoleFilter(value) {
+    const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+    if (normalized === 'user' || normalized === 'assistant' || normalized === 'system') {
+        return normalized;
+    }
+    return 'all';
+}
+
+export function normalizeSessionTimePreset(value) {
+    const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+    if (normalized === '7d' || normalized === '30d' || normalized === '90d') {
+        return normalized;
+    }
+    return 'all';
+}
+
+export function readSessionsFilterUrlState() {
+    try {
+        const url = new URL(window.location.href);
+        if (url.pathname === '/session') return null;
+        const source = (url.searchParams.get('s_source') || '').trim().toLowerCase();
+        const pathFilter = url.searchParams.get('s_path') || '';
+        const query = url.searchParams.get('s_query') || '';
+        const roleFilter = url.searchParams.get('s_role') || 'all';
+        const timeRangePreset = url.searchParams.get('s_time') || 'all';
+        const hasAny = !!(source || pathFilter || query || roleFilter !== 'all' || timeRangePreset !== 'all');
+        if (!hasAny) return null;
+        return {
+            source: source || 'all',
+            pathFilter,
+            query,
+            roleFilter,
+            timeRangePreset
+        };
+    } catch (_) {
+        return null;
+    }
+}
+
+export function applySessionsFilterUrlState(vm, state) {
+    if (!vm || !state) return;
+    const cached = buildSessionFilterCacheState(state.source, state.pathFilter);
+    vm.sessionFilterSource = cached.source;
+    vm.sessionPathFilter = cached.pathFilter;
+    vm.sessionQuery = typeof state.query === 'string' ? state.query : '';
+    vm.sessionRoleFilter = normalizeSessionRoleFilter(state.roleFilter);
+    vm.sessionTimePreset = normalizeSessionTimePreset(state.timeRangePreset);
+    if (typeof vm.refreshSessionPathOptions === 'function') {
+        vm.refreshSessionPathOptions(vm.sessionFilterSource);
+    }
+}
+
+export function buildSessionsFilterShareUrl(vm) {
+    try {
+        const url = new URL(window.location.href);
+        if (url.pathname === '/session') return '';
+        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 '';
+    }
+}
+
+export function syncSessionsFilterUrl(vm) {
+    const url = buildSessionsFilterShareUrl(vm);
+    if (!url) return;
+    try {
+        window.history.replaceState(null, '', url);
+    } catch (_) {}
+}
+

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

@@ -128,11 +128,11 @@
                     <div class="brand-head">
                         <img class="brand-logo" src="/res/logo.png" alt="Codex Mate logo">
                         <div class="brand-copy">
-                            <div class="brand-kicker">Workspace</div>
+                            <div class="brand-kicker">{{ t('brand.kicker.workspace') }}</div>
                             <div class="brand-title">Codex Mate</div>
                         </div>
                     </div>
-                    <div class="brand-subtitle">Local config & sessions workspace</div>
+                    <div class="brand-subtitle">{{ t('brand.subtitle.localConfigSessionsWorkspace') }}</div>
                 </div>
 
                 <div class="side-rail-nav">

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

@@ -5,6 +5,26 @@
                     id="panel-config-claude"
                     role="tabpanel"
                     :aria-labelledby="'tab-config-claude'">
+                <template v-if="shouldShowCliInstallPlaceholder('claude')">
+                    <div class="selector-section">
+                        <div class="empty-state">
+                            <div class="empty-state-title">{{ t('cli.missing.title', { name: 'Claude' }) }}</div>
+                            <div class="empty-state-subtitle">{{ t('cli.missing.subtitle', { name: 'Claude' }) }}</div>
+                            <div class="docs-command-row">
+                                <div class="docs-command-box" role="group" :aria-label="t('cli.missing.commandAria', { name: 'Claude' })">
+                                    <code class="install-command">{{ getInstallCommand('claude', 'install') }}</code>
+                                    <button
+                                        type="button"
+                                        class="btn-mini docs-copy-btn"
+                                        :disabled="!getInstallCommand('claude', 'install')"
+                                        @click="copyInstallCommand(getInstallCommand('claude', 'install'))">{{ t('common.copy') }}</button>
+                                </div>
+                            </div>
+                            <button type="button" class="btn-tool btn-tool-compact" @click="mainTab = 'docs'; setInstallCommandAction('install')">{{ t('cli.missing.openDocs') }}</button>
+                        </div>
+                    </div>
+                </template>
+                <template v-else>
                 <!-- 添加提供商按钮 -->
                 <button class="btn-add" @click="openClaudeConfigModal" v-if="!loading && !initError">
                     <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
@@ -135,4 +155,5 @@
                         </div>
                     </div>
                 </div>
+                </template>
             </div>

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

@@ -5,6 +5,26 @@
                         id="panel-config-provider"
                         role="tabpanel"
                         :aria-labelledby="'tab-config-' + configMode">
+                <template v-if="isCodexConfigMode && shouldShowCliInstallPlaceholder('codex')">
+                    <div class="selector-section">
+                        <div class="empty-state">
+                            <div class="empty-state-title">{{ t('cli.missing.title', { name: 'Codex' }) }}</div>
+                            <div class="empty-state-subtitle">{{ t('cli.missing.subtitle', { name: 'Codex' }) }}</div>
+                            <div class="docs-command-row">
+                                <div class="docs-command-box" role="group" :aria-label="t('cli.missing.commandAria', { name: 'Codex' })">
+                                    <code class="install-command">{{ getInstallCommand('codex', 'install') }}</code>
+                                    <button
+                                        type="button"
+                                        class="btn-mini docs-copy-btn"
+                                        :disabled="!getInstallCommand('codex', 'install')"
+                                        @click="copyInstallCommand(getInstallCommand('codex', 'install'))">{{ t('common.copy') }}</button>
+                                </div>
+                            </div>
+                            <button type="button" class="btn-tool btn-tool-compact" @click="mainTab = 'docs'; setInstallCommandAction('install')">{{ t('cli.missing.openDocs') }}</button>
+                        </div>
+                    </div>
+                </template>
+                <template v-else>
                 <!-- 添加提供商按钮 -->
                 <button class="btn-add" @click="showAddModal = true" v-if="!loading && !initError">
                     <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
@@ -231,4 +251,5 @@
                         </div>
                     </div>
                 </div>
+                </template>
             </div>