codexmate 0.0.53 → 0.0.55

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

@@ -0,0 +1,161 @@
+export function createWebUiPreferencesMethods(options = {}) {
+    const api = typeof options.api === 'function' ? options.api : async () => ({});
+    const storageOverride = options.storage && typeof options.storage === 'object' ? options.storage : null;
+
+    const getLocalStorage = () => {
+        const storage = storageOverride || (typeof globalThis !== 'undefined' ? globalThis.localStorage : null);
+        return storage && typeof storage.setItem === 'function' && typeof storage.removeItem === 'function'
+            ? storage
+            : null;
+    };
+
+    const setLocalStorageValue = (key, value) => {
+        const storage = getLocalStorage();
+        if (!storage) return;
+        try {
+            if (value === null || value === undefined || value === '') {
+                storage.removeItem(key);
+            } else {
+                storage.setItem(key, String(value));
+            }
+        } catch (_) {}
+    };
+
+    const normalizeUsageTimeRange = (value) => {
+        const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+        if (normalized === 'all' || normalized === '30d') return normalized;
+        return '7d';
+    };
+
+    const normalizePromptsSubTab = (value) => {
+        const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+        return normalized === 'claude-project' ? 'claude-project' : 'codex';
+    };
+
+    const normalizeNavigationSnapshot = (vm, source = {}) => {
+        const currentSkillsTargetApp = vm.skillsTargetApp === 'claude' ? 'claude' : 'codex';
+        const currentPromptTemplatesMode = vm.promptTemplatesMode === 'manage' ? 'manage' : 'compose';
+        return {
+            mainTab: typeof source.mainTab === 'string' ? source.mainTab : vm.mainTab,
+            configMode: typeof source.configMode === 'string' ? source.configMode : vm.configMode,
+            settingsTab: typeof source.settingsTab === 'string' ? source.settingsTab : vm.settingsTab,
+            skillsTargetApp: source.skillsTargetApp === 'claude' || source.skillsTargetApp === 'codex'
+                ? source.skillsTargetApp
+                : currentSkillsTargetApp,
+            promptTemplatesMode: source.promptTemplatesMode === 'manage' || source.promptTemplatesMode === 'compose'
+                ? source.promptTemplatesMode
+                : currentPromptTemplatesMode
+        };
+    };
+
+    return {
+        buildWebUiPreferencesSnapshot(overrides = {}) {
+            const navigationOverride = overrides && typeof overrides.navigation === 'object' && overrides.navigation
+                ? overrides.navigation
+                : null;
+            return {
+                shareCommandPrefix: typeof this.normalizeShareCommandPrefix === 'function'
+                    ? this.normalizeShareCommandPrefix(overrides.shareCommandPrefix || this.shareCommandPrefix)
+                    : (this.shareCommandPrefix || 'npm start'),
+                sessionTrashEnabled: typeof this.normalizeSessionTrashEnabled === 'function'
+                    ? this.normalizeSessionTrashEnabled(Object.prototype.hasOwnProperty.call(overrides, 'sessionTrashEnabled') ? overrides.sessionTrashEnabled : this.sessionTrashEnabled)
+                    : this.sessionTrashEnabled !== false,
+                sessionTrashRetentionDays: typeof this.normalizeSessionTrashRetentionDays === 'function'
+                    ? this.normalizeSessionTrashRetentionDays(Object.prototype.hasOwnProperty.call(overrides, 'sessionTrashRetentionDays') ? overrides.sessionTrashRetentionDays : this.sessionTrashRetentionDays)
+                    : 30,
+                sessionTimelineStyle: typeof this.normalizeSessionTimelineStyle === 'function'
+                    ? this.normalizeSessionTimelineStyle(overrides.sessionTimelineStyle || this.sessionTimelineStyle)
+                    : (this.sessionTimelineStyle === 'bar' ? 'bar' : 'dots'),
+                configTemplateDiffConfirmEnabled: typeof this.normalizeConfigTemplateDiffConfirmEnabled === 'function'
+                    ? this.normalizeConfigTemplateDiffConfirmEnabled(Object.prototype.hasOwnProperty.call(overrides, 'configTemplateDiffConfirmEnabled') ? overrides.configTemplateDiffConfirmEnabled : this.configTemplateDiffConfirmEnabled)
+                    : this.configTemplateDiffConfirmEnabled !== false,
+                sessionsUsageTimeRange: normalizeUsageTimeRange(overrides.sessionsUsageTimeRange || this.sessionsUsageTimeRange),
+                promptsSubTab: normalizePromptsSubTab(overrides.promptsSubTab || this.promptsSubTab),
+                projectClaudeMdPath: typeof overrides.projectClaudeMdPath === 'string'
+                    ? overrides.projectClaudeMdPath
+                    : (typeof this.projectClaudeMdPath === 'string' ? this.projectClaudeMdPath : ''),
+                navigation: normalizeNavigationSnapshot(this, navigationOverride || {})
+            };
+        },
+
+        applyWebUiPreferences(preferences = {}, options = {}) {
+            const source = preferences && typeof preferences === 'object' ? preferences : {};
+            const shouldApplyNavigation = !(options && options.applyNavigation === false);
+            this.__webUiPreferencesApplying = true;
+            try {
+                if (typeof source.shareCommandPrefix === 'string' && typeof this.normalizeShareCommandPrefix === 'function') {
+                    this.shareCommandPrefix = this.normalizeShareCommandPrefix(source.shareCommandPrefix);
+                    setLocalStorageValue('codexmateShareCommandPrefix', this.shareCommandPrefix);
+                }
+                if (Object.prototype.hasOwnProperty.call(source, 'sessionTrashEnabled') && typeof this.normalizeSessionTrashEnabled === 'function') {
+                    this.sessionTrashEnabled = this.normalizeSessionTrashEnabled(source.sessionTrashEnabled);
+                    setLocalStorageValue('codexmateSessionTrashEnabled', this.sessionTrashEnabled ? 'true' : 'false');
+                }
+                if (Object.prototype.hasOwnProperty.call(source, 'sessionTrashRetentionDays') && typeof this.normalizeSessionTrashRetentionDays === 'function') {
+                    this.sessionTrashRetentionDays = this.normalizeSessionTrashRetentionDays(source.sessionTrashRetentionDays);
+                    setLocalStorageValue('codexmateSessionTrashRetentionDays', this.sessionTrashRetentionDays);
+                }
+                if (typeof source.sessionTimelineStyle === 'string' && typeof this.normalizeSessionTimelineStyle === 'function') {
+                    this.sessionTimelineStyle = this.normalizeSessionTimelineStyle(source.sessionTimelineStyle);
+                    setLocalStorageValue('codexmateSessionTimelineStyle', this.sessionTimelineStyle);
+                }
+                if (Object.prototype.hasOwnProperty.call(source, 'configTemplateDiffConfirmEnabled') && typeof this.normalizeConfigTemplateDiffConfirmEnabled === 'function') {
+                    this.configTemplateDiffConfirmEnabled = this.normalizeConfigTemplateDiffConfirmEnabled(source.configTemplateDiffConfirmEnabled);
+                    setLocalStorageValue('codexmateConfigTemplateDiffConfirmEnabled', this.configTemplateDiffConfirmEnabled ? 'true' : 'false');
+                }
+                if (typeof source.sessionsUsageTimeRange === 'string') {
+                    this.sessionsUsageTimeRange = normalizeUsageTimeRange(source.sessionsUsageTimeRange);
+                    setLocalStorageValue('sessionsUsageTimeRange', this.sessionsUsageTimeRange);
+                }
+                if (typeof source.promptsSubTab === 'string') {
+                    this.promptsSubTab = normalizePromptsSubTab(source.promptsSubTab);
+                    setLocalStorageValue('codexmate_prompts_sub_tab', this.promptsSubTab);
+                }
+                if (typeof source.projectClaudeMdPath === 'string') {
+                    this.projectClaudeMdPath = source.projectClaudeMdPath;
+                    setLocalStorageValue('codexmate_project_claude_md_path', this.projectClaudeMdPath);
+                }
+                if (shouldApplyNavigation && source.navigation && typeof source.navigation === 'object') {
+                    const nav = source.navigation;
+                    if (typeof nav.settingsTab === 'string' && typeof this.normalizeSettingsTab === 'function') {
+                        this.settingsTab = this.normalizeSettingsTab(nav.settingsTab);
+                    }
+                    if (typeof nav.configMode === 'string') this.configMode = nav.configMode;
+                    if (typeof nav.mainTab === 'string') {
+                        if (typeof this.switchMainTab === 'function') {
+                            this.switchMainTab(nav.mainTab);
+                        } else {
+                            this.mainTab = nav.mainTab;
+                        }
+                    }
+                    if (nav.skillsTargetApp === 'codex' || nav.skillsTargetApp === 'claude') this.skillsTargetApp = nav.skillsTargetApp;
+                    if (nav.promptTemplatesMode === 'compose' || nav.promptTemplatesMode === 'manage') this.promptTemplatesMode = nav.promptTemplatesMode;
+                    if (typeof this.saveNavState === 'function') this.saveNavState();
+                }
+            } finally {
+                this.__webUiPreferencesApplying = false;
+            }
+        },
+
+        async loadWebUiPreferences(options = {}) {
+            try {
+                const res = await api('get-web-ui-preferences');
+                if (res && res.preferences && typeof res.preferences === 'object') {
+                    this.applyWebUiPreferences(res.preferences, options && typeof options === 'object' ? options : {});
+                }
+            } catch (_) {}
+        },
+
+        persistWebUiPreferences(overrides = {}) {
+            if (this.__webUiPreferencesApplying) return;
+            const snapshot = this.buildWebUiPreferencesSnapshot(overrides && typeof overrides === 'object' ? overrides : {});
+            if (this.__webUiPreferencesPersistTimer) {
+                clearTimeout(this.__webUiPreferencesPersistTimer);
+            }
+            this.__webUiPreferencesPersistTimer = setTimeout(() => {
+                this.__webUiPreferencesPersistTimer = 0;
+                api('set-web-ui-preferences', { preferences: snapshot }).catch(() => {});
+            }, 120);
+        }
+    };
+}

package/web-ui/modules/i18n/locales/en.mjs

@@ -1089,6 +1089,39 @@ const en = Object.freeze({
     'settings.tabs.aria': 'Settings categories',
     'settings.quickSettings.title': 'Quick Settings',
     'settings.language.sideLabel': 'Language: {language}',
+    'announcement.providerCache.open': 'Feature announcement',
+    'announcement.project.eyebrow': 'Start here',
+    'announcement.project.closeAria': 'Close feature announcement',
+    'announcement.project.primaryAction': 'Enter workspace',
+    'announcement.project.title': 'Your AI tool hub starts here',
+    'announcement.project.subtitle': 'Connect models, find conversations, review usage, and keep common maintenance actions in one workspace.',
+    'announcement.project.features.aria': 'Codex Mate feature overview',
+    'announcement.project.feature.config.title': 'Connect models',
+    'announcement.project.feature.config.meta': 'Set models and service endpoints for your AI tools.',
+    'announcement.project.feature.sessions.title': 'Find conversations',
+    'announcement.project.feature.sessions.meta': 'Search, export, or clean past sessions by source.',
+    'announcement.project.feature.usage.title': 'Check usage',
+    'announcement.project.feature.usage.meta': 'Review recent and long-term local usage trends.',
+    'announcement.project.feature.tasks.title': 'Track tasks',
+    'announcement.project.feature.tasks.meta': 'Inspect plans, queues, and run history.',
+    'announcement.project.feature.skills.title': 'Reuse workflows',
+    'announcement.project.feature.skills.meta': 'Manage Skills and prompt templates.',
+    'announcement.project.feature.data.title': 'Maintain data',
+    'announcement.project.feature.data.meta': 'Handle backups, imports, trash, and caches.',
+    'announcement.project.status.aria': 'Current workspace status',
+    'announcement.project.status.provider': 'Provider',
+    'announcement.project.status.model': 'Current model',
+    'announcement.project.status.cacheFiles': 'Cache files',
+    'announcement.project.cache.title': 'Advanced maintenance status',
+    'announcement.project.cache.meta': 'Open only when you need troubleshooting or sync; you can ignore it for everyday use.',
+    'announcement.project.cache.files': 'Cache files',
+    'announcement.project.cache.providers': 'Provider summaries',
+    'announcement.project.cache.groups': 'Cache groups',
+    'announcement.project.cache.groupList': 'Provider cache group summary',
+    'announcement.project.cache.groupSummary': '{files} files · {providers} providers',
+    'announcement.project.cache.sync': 'Sync cache',
+    'announcement.project.cache.refresh': 'Refresh summary',
+    'announcement.project.cache.details': 'View cache details',
     'settings.language.title': 'Language',
     'settings.language.meta': 'Choose the Web UI display language',
     'settings.language.label': 'Interface language',
@@ -1096,7 +1129,7 @@ const en = Object.freeze({
     'settings.sharePrefix.title': 'Share command prefix',
     'settings.sharePrefix.meta': 'Used as the prefix for “Copy share command” in the Web UI',
     'settings.sharePrefix.label': 'Prefix',
-    'settings.sharePrefix.hint': 'Defaults to npm start (project-local). You can switch to global codexmate. This setting is stored in the browser.',
+    'settings.sharePrefix.hint': 'Defaults to npm start (project-local). You can switch to global codexmate. This setting is stored in ~/.codexmate/preferences.json.',
     'settings.claude.title': 'Claude config',
     'settings.claude.meta': 'Backup / import ~/.claude',
     'settings.codex.title': 'Codex config',
@@ -1108,6 +1141,37 @@ const en = Object.freeze({
     'settings.backup.importCodex': 'Import ~/.codex backup',
     'settings.importing': 'Importing...',
 
+    'settings.providerCache.title': 'Provider cache records',
+    'settings.providerCache.meta': 'Inspect Claude / Codex / OpenCode caches under ~/.codexmate',
+    'settings.providerCache.open': 'View cache records',
+    'settings.providerCache.sync': 'Sync cache records',
+    'settings.providerCache.syncing': 'Syncing...',
+    'settings.providerCache.loading': 'Loading...',
+    'settings.providerCache.hint': 'Read-only view of cache files. Sensitive fields are redacted automatically. Sync writes the current provider configuration to ~/.codexmate cache files.',
+    'modal.providerCache.title': 'Provider cache records',
+    'modal.providerCache.root': 'Cache directory',
+    'modal.providerCache.refresh': 'Refresh',
+    'modal.providerCache.refreshing': 'Refreshing...',
+    'modal.providerCache.sync': 'Sync',
+    'modal.providerCache.syncing': 'Syncing...',
+    'modal.providerCache.syncSucceeded': 'Synced {count} providers to {fileCount} cache files',
+    'modal.providerCache.syncFailed': 'Failed to sync cache records',
+    'modal.providerCache.noSyncableProviders': 'No syncable providers found',
+    'modal.providerCache.loading': 'Loading cache records...',
+    'modal.providerCache.loadedAt': 'Loaded at',
+    'modal.providerCache.groupMeta': '{count} cache files found',
+    'modal.providerCache.empty': 'No cache files found',
+    'modal.providerCache.providerCount': '{count} providers',
+    'modal.providerCache.rawJsonOnly': 'No provider summary detected; showing raw JSON',
+    'modal.providerCache.tooLarge': 'File is too large; JSON read skipped',
+    'modal.providerCache.parseFailed': 'JSON parse failed',
+    'modal.providerCache.rawJson': 'Raw JSON',
+    'modal.providerCache.errorDetails': 'Error details',
+    'modal.providerCache.loadFailed': 'Failed to load cache records',
+
+    'settings.trashConfig.title': 'Trash configuration',
+    'settings.trashConfig.meta': 'Trash toggle and automatic cleanup retention',
+
     'settings.deleteBehavior.title': 'Session deletion behavior',
     'settings.deleteBehavior.meta': 'Whether “Delete” moves to trash first',
     'settings.deleteBehavior.toggle': 'Move deleted sessions to trash first',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -1078,6 +1078,39 @@ const ja = Object.freeze({
     'settings.tabs.aria': '設定カテゴリ',
     'settings.quickSettings.title': 'クイック設定',
     'settings.language.sideLabel': '言語：{language}',
+    'announcement.providerCache.open': '機能のお知らせ',
+    'announcement.project.eyebrow': 'ここから開始',
+    'announcement.project.closeAria': '機能のお知らせを閉じる',
+    'announcement.project.primaryAction': 'ワークスペースへ',
+    'announcement.project.title': 'AI ツール入口はここです',
+    'announcement.project.subtitle': 'モデル接続、会話検索、使用量確認、保守操作をひとつのワークスペースにまとめます。',
+    'announcement.project.features.aria': 'Codex Mate 機能概要',
+    'announcement.project.feature.config.title': 'モデルを接続',
+    'announcement.project.feature.config.meta': 'AI ツールのモデルと接続先を設定します。',
+    'announcement.project.feature.sessions.title': '会話を探す',
+    'announcement.project.feature.sessions.meta': '過去のセッションを検索、エクスポート、整理します。',
+    'announcement.project.feature.usage.title': '使用量を見る',
+    'announcement.project.feature.usage.meta': '最近と長期のローカル使用量を確認します。',
+    'announcement.project.feature.tasks.title': 'タスクを追跡',
+    'announcement.project.feature.tasks.meta': '計画、キュー、実行履歴を確認します。',
+    'announcement.project.feature.skills.title': 'ワークフロー再利用',
+    'announcement.project.feature.skills.meta': 'Skills とプロンプトテンプレートを管理します。',
+    'announcement.project.feature.data.title': 'データ保守',
+    'announcement.project.feature.data.meta': 'バックアップ、インポート、ゴミ箱、キャッシュを扱います。',
+    'announcement.project.status.aria': '現在のワークスペース状態',
+    'announcement.project.status.provider': 'Provider',
+    'announcement.project.status.model': '現在のモデル',
+    'announcement.project.status.cacheFiles': 'キャッシュファイル',
+    'announcement.project.cache.title': '高度な保守状態',
+    'announcement.project.cache.meta': '同期や調査が必要なときだけ展開します。普段は無視してかまいません。',
+    'announcement.project.cache.files': 'キャッシュファイル',
+    'announcement.project.cache.providers': 'Provider 概要',
+    'announcement.project.cache.groups': 'キャッシュグループ',
+    'announcement.project.cache.groupList': 'Provider キャッシュグループ概要',
+    'announcement.project.cache.groupSummary': '{files} ファイル · {providers} provider',
+    'announcement.project.cache.sync': 'キャッシュ同期',
+    'announcement.project.cache.refresh': '概要を更新',
+    'announcement.project.cache.details': 'キャッシュ詳細を見る',
     'settings.language.title': '言語',
     'settings.language.meta': 'Web UI の表示言語を選択',
     'settings.language.label': 'インターフェース言語',
@@ -1085,7 +1118,7 @@ const ja = Object.freeze({
     'settings.sharePrefix.title': '共有コマンドプレフィックス',
     'settings.sharePrefix.meta': 'Web UI の「共有コマンドをコピー」のプレフィックスに影響',
     'settings.sharePrefix.label': 'プレフィックス',
-    'settings.sharePrefix.hint': 'デフォルトはプロジェクト内の npm start を使用します。グローバル codexmate に切り替えることもできます。この設定はブラウザローカルにキャッシュされます。',
+    'settings.sharePrefix.hint': 'デフォルトはプロジェクト内の npm start を使用します。グローバル codexmate に切り替えることもできます。この設定は ~/.codexmate/preferences.json に保存されます。',
     'settings.backup.title': 'データバックアップ',
     'settings.backup.meta': 'Claude と Codex 設定のエクスポート / インポート',
     'settings.claude.title': 'Claude 設定',
@@ -1099,6 +1132,34 @@ const ja = Object.freeze({
     'settings.backup.importCodex': '~/.codex バックアップをインポート',
     'settings.importing': 'インポート中...',
 
+    'settings.providerCache.title': 'Provider キャッシュ記録',
+    'settings.providerCache.meta': '~/.codexmate 内の Claude / Codex / OpenCode キャッシュを確認',
+    'settings.providerCache.open': 'キャッシュ記録を表示',
+    'settings.providerCache.sync': 'キャッシュ記録を同期',
+    'settings.providerCache.syncing': '同期中...',
+    'settings.providerCache.loading': '読み込み中...',
+    'settings.providerCache.hint': 'キャッシュファイルの読み取り専用表示です。機密フィールドは自動的にマスクされます。同期すると現在の provider 設定を ~/.codexmate キャッシュファイルへ書き込みます。',
+    'modal.providerCache.title': 'Provider キャッシュ記録',
+    'modal.providerCache.root': 'キャッシュディレクトリ',
+    'modal.providerCache.refresh': '更新',
+    'modal.providerCache.refreshing': '更新中...',
+    'modal.providerCache.sync': '同期',
+    'modal.providerCache.syncing': '同期中...',
+    'modal.providerCache.syncSucceeded': '{count} 個の provider を {fileCount} 個のキャッシュファイルへ同期しました',
+    'modal.providerCache.syncFailed': 'キャッシュ記録の同期に失敗しました',
+    'modal.providerCache.noSyncableProviders': '同期できる provider がありません',
+    'modal.providerCache.loading': 'キャッシュ記録を読み込み中...',
+    'modal.providerCache.loadedAt': '読み込み時刻',
+    'modal.providerCache.groupMeta': '{count} 個のキャッシュファイル',
+    'modal.providerCache.empty': 'キャッシュファイルは見つかりません',
+    'modal.providerCache.providerCount': '{count} 個の provider',
+    'modal.providerCache.rawJsonOnly': 'provider の概要を検出できないため、Raw JSON を表示します',
+    'modal.providerCache.tooLarge': 'ファイルが大きすぎるため JSON 読み取りをスキップしました',
+    'modal.providerCache.parseFailed': 'JSON 解析に失敗しました',
+    'modal.providerCache.rawJson': 'Raw JSON',
+    'modal.providerCache.errorDetails': 'エラー詳細',
+    'modal.providerCache.loadFailed': 'キャッシュ記録の読み込みに失敗しました',
+
     'settings.trashConfig.title': 'ゴミ箱設定',
     'settings.trashConfig.meta': 'ゴミ箱の有効/無効と自動クリーンアップ日数',
     'settings.deleteBehavior.title': 'セッション削除動作',