codexmate 0.0.30 → 0.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/README.md +363 -421
  2. package/README.zh.md +371 -354
  3. package/cli/agents-files.js +224 -224
  4. package/cli/archive-helpers.js +446 -446
  5. package/cli/auth-profiles.js +375 -375
  6. package/cli/builtin-proxy.js +1725 -1725
  7. package/cli/claude-proxy.js +1022 -1022
  8. package/cli/config-bootstrap.js +402 -402
  9. package/cli/config-health.js +454 -454
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/local-bridge.js +324 -324
  13. package/cli/openai-bridge.js +1653 -1653
  14. package/cli/openclaw-config.js +629 -629
  15. package/cli/session-convert-args.js +69 -65
  16. package/cli/session-convert-io.js +82 -82
  17. package/cli/session-convert.js +150 -43
  18. package/cli/session-usage.concurrent.js +28 -28
  19. package/cli/session-usage.js +118 -118
  20. package/cli/session-usage.models.js +176 -176
  21. package/cli/skills.js +1141 -1141
  22. package/cli/zip-commands.js +510 -510
  23. package/cli.js +15829 -15481
  24. package/lib/automation.js +404 -404
  25. package/lib/cli-file-utils.js +151 -151
  26. package/lib/cli-models-utils.js +440 -440
  27. package/lib/cli-network-utils.js +190 -190
  28. package/lib/cli-path-utils.js +85 -85
  29. package/lib/cli-session-utils.js +121 -121
  30. package/lib/cli-sessions.js +426 -417
  31. package/lib/cli-utils.js +155 -155
  32. package/lib/cli-webhook.js +126 -126
  33. package/lib/download-artifacts.js +92 -92
  34. package/lib/mcp-stdio.js +453 -453
  35. package/lib/task-orchestrator.js +869 -869
  36. package/lib/text-diff.js +303 -303
  37. package/lib/workflow-engine.js +340 -340
  38. package/package.json +76 -76
  39. package/plugins/README.md +20 -20
  40. package/plugins/README.zh-CN.md +20 -20
  41. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  42. package/plugins/prompt-templates/computed.mjs +253 -253
  43. package/plugins/prompt-templates/index.mjs +8 -8
  44. package/plugins/prompt-templates/manifest.mjs +15 -15
  45. package/plugins/prompt-templates/methods.mjs +553 -553
  46. package/plugins/prompt-templates/overview.mjs +91 -91
  47. package/plugins/prompt-templates/ownership.mjs +19 -19
  48. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  49. package/plugins/prompt-templates/storage.mjs +64 -64
  50. package/plugins/registry.mjs +16 -16
  51. package/web-ui/app.js +647 -645
  52. package/web-ui/index.html +36 -36
  53. package/web-ui/logic.agents-diff.mjs +386 -386
  54. package/web-ui/logic.claude.mjs +168 -168
  55. package/web-ui/logic.codex.mjs +69 -69
  56. package/web-ui/logic.mjs +5 -5
  57. package/web-ui/logic.runtime.mjs +128 -128
  58. package/web-ui/logic.session-convert.mjs +70 -70
  59. package/web-ui/logic.sessions.mjs +781 -765
  60. package/web-ui/modules/api.mjs +90 -90
  61. package/web-ui/modules/app.computed.dashboard.mjs +248 -248
  62. package/web-ui/modules/app.computed.index.mjs +17 -17
  63. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  64. package/web-ui/modules/app.computed.session.mjs +693 -999
  65. package/web-ui/modules/app.constants.mjs +15 -15
  66. package/web-ui/modules/app.methods.agents.mjs +651 -632
  67. package/web-ui/modules/app.methods.claude-config.mjs +200 -200
  68. package/web-ui/modules/app.methods.codex-config.mjs +861 -917
  69. package/web-ui/modules/app.methods.index.mjs +94 -94
  70. package/web-ui/modules/app.methods.install.mjs +205 -205
  71. package/web-ui/modules/app.methods.navigation.mjs +774 -774
  72. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  73. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  74. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  75. package/web-ui/modules/app.methods.providers.mjs +529 -529
  76. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  77. package/web-ui/modules/app.methods.session-actions.mjs +591 -593
  78. package/web-ui/modules/app.methods.session-browser.mjs +1012 -984
  79. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  80. package/web-ui/modules/app.methods.session-trash.mjs +438 -438
  81. package/web-ui/modules/app.methods.startup-claude.mjs +537 -534
  82. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  83. package/web-ui/modules/app.methods.webhook.mjs +79 -79
  84. package/web-ui/modules/config-mode.computed.mjs +124 -124
  85. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  86. package/web-ui/modules/i18n.dict.mjs +3177 -3146
  87. package/web-ui/modules/i18n.mjs +62 -62
  88. package/web-ui/modules/plugins.computed.mjs +3 -3
  89. package/web-ui/modules/plugins.methods.mjs +3 -3
  90. package/web-ui/modules/plugins.storage.mjs +11 -11
  91. package/web-ui/modules/provider-url-display.mjs +17 -17
  92. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  93. package/web-ui/modules/skills.computed.mjs +107 -107
  94. package/web-ui/modules/skills.methods.mjs +482 -482
  95. package/web-ui/partials/index/layout-footer.html +13 -13
  96. package/web-ui/partials/index/layout-header.html +503 -500
  97. package/web-ui/partials/index/modal-config-template-agents.html +185 -174
  98. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  99. package/web-ui/partials/index/modal-health-check.html +45 -45
  100. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  101. package/web-ui/partials/index/modal-skills.html +200 -200
  102. package/web-ui/partials/index/modals-basic.html +162 -162
  103. package/web-ui/partials/index/panel-config-claude.html +136 -194
  104. package/web-ui/partials/index/panel-config-codex.html +197 -337
  105. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  106. package/web-ui/partials/index/panel-dashboard.html +219 -219
  107. package/web-ui/partials/index/panel-docs.html +115 -147
  108. package/web-ui/partials/index/panel-market.html +177 -177
  109. package/web-ui/partials/index/panel-orchestration.html +391 -391
  110. package/web-ui/partials/index/panel-plugins.html +253 -253
  111. package/web-ui/partials/index/panel-sessions.html +313 -308
  112. package/web-ui/partials/index/panel-settings.html +190 -190
  113. package/web-ui/partials/index/panel-trash.html +83 -88
  114. package/web-ui/partials/index/panel-usage.html +138 -371
  115. package/web-ui/res/json5.min.js +1 -1
  116. package/web-ui/res/vue.global.prod.js +13 -13
  117. package/web-ui/session-helpers.mjs +591 -594
  118. package/web-ui/source-bundle.cjs +233 -233
  119. package/web-ui/styles/base-theme.css +281 -281
  120. package/web-ui/styles/bridge-pool.css +197 -0
  121. package/web-ui/styles/controls-forms.css +433 -422
  122. package/web-ui/styles/dashboard.css +406 -406
  123. package/web-ui/styles/docs-panel.css +245 -271
  124. package/web-ui/styles/feedback.css +108 -108
  125. package/web-ui/styles/health-check-dialog.css +144 -144
  126. package/web-ui/styles/layout-shell.css +638 -626
  127. package/web-ui/styles/modals-core.css +466 -466
  128. package/web-ui/styles/navigation-panels.css +391 -391
  129. package/web-ui/styles/openclaw-structured.css +266 -266
  130. package/web-ui/styles/plugins-panel.css +564 -564
  131. package/web-ui/styles/responsive.css +392 -454
  132. package/web-ui/styles/sessions-list.css +647 -417
  133. package/web-ui/styles/sessions-preview.css +407 -407
  134. package/web-ui/styles/sessions-toolbar-trash.css +518 -334
  135. package/web-ui/styles/sessions-usage.css +588 -1040
  136. package/web-ui/styles/settings-panel.css +349 -349
  137. package/web-ui/styles/skills-list.css +305 -305
  138. package/web-ui/styles/skills-market.css +429 -429
  139. package/web-ui/styles/task-orchestration.css +822 -822
  140. package/web-ui/styles/titles-cards.css +472 -472
  141. package/web-ui/styles/trash-panel.css +90 -90
  142. package/web-ui/styles/webhook.css +81 -81
  143. package/web-ui/styles.css +24 -23
  144. package/web-ui.html +17 -17
package/web-ui/partials/index/panel-settings.html CHANGED
@@ -1,190 +1,190 @@
1
-  <!-- 设置面板 -->
2
- <div
3
- v-show="mainTab === 'settings'"
4
- class="mode-content"
5
- id="panel-settings"
6
- role="tabpanel"
7
- :aria-labelledby="'tab-settings'">
8
- <div class="settings-subtabs-bar" role="tablist" :aria-label="t('settings.tabs.aria')">
9
- <button
10
- id="settings-tab-general"
11
- role="tab"
12
- aria-controls="settings-panel-general"
13
- :aria-selected="settingsTab === 'general'"
14
- :tabindex="settingsTab === 'general' ? 0 : -1"
15
- :class="['settings-subtab', { active: settingsTab === 'general' }]"
16
- @click="onSettingsTabClick('general')">
17
- {{ t('settings.tab.general') }}
18
- </button>
19
- <button
20
- id="settings-tab-data"
21
- role="tab"
22
- aria-controls="settings-panel-data"
23
- :aria-selected="settingsTab === 'data'"
24
- :tabindex="settingsTab === 'data' ? 0 : -1"
25
- :class="['settings-subtab', { active: settingsTab === 'data' }]"
26
- @click="onSettingsTabClick('data')">
27
- {{ t('settings.tab.data') }}
28
- </button>
29
- </div>
30
-
31
- <div
32
- v-show="settingsTab === 'general'"
33
- id="settings-panel-general"
34
- role="tabpanel"
35
- aria-labelledby="settings-tab-general">
36
- <div class="settings-layout">
37
- <div class="settings-grid">
38
- <section class="settings-card settings-card--wide" :aria-label="t('settings.sharePrefix.title')">
39
- <div class="settings-card-header">
40
- <div class="settings-card-title">{{ t('settings.sharePrefix.title') }}</div>
41
- <div class="settings-card-meta">{{ t('settings.sharePrefix.meta') }}</div>
42
- </div>
43
- <div class="settings-card-body">
44
- <div class="settings-field-row">
45
- <label class="settings-field-label" for="settings-share-prefix">{{ t('settings.sharePrefix.label') }}</label>
46
- <select
47
- id="settings-share-prefix"
48
- class="model-select"
49
- :value="shareCommandPrefix"
50
- @change="setShareCommandPrefix($event.target.value)">
51
- <option value="npm start">npm start</option>
52
- <option value="codexmate">codexmate</option>
53
- </select>
54
- </div>
55
- <div class="settings-card-hint">
56
- {{ t('settings.sharePrefix.hint') }}
57
- </div>
58
- </div>
59
- </section>
60
-
61
- <section class="settings-card settings-card--wide" :aria-label="t('settings.templateConfirm.title')">
62
- <div class="settings-card-header">
63
- <div class="settings-card-title">{{ t('settings.templateConfirm.title') }}</div>
64
- <div class="settings-card-meta">{{ t('settings.templateConfirm.meta') }}</div>
65
- </div>
66
- <div class="settings-card-body">
67
- <label class="health-remote-toggle settings-toggle">
68
- <input
69
- type="checkbox"
70
- :checked="configTemplateDiffConfirmEnabled"
71
- @change="setConfigTemplateDiffConfirmEnabled($event.target.checked)">
72
- <span>{{ t('settings.templateConfirm.toggle') }}</span>
73
- </label>
74
- <div class="settings-card-hint">
75
- {{ t('settings.templateConfirm.hint') }}
76
- </div>
77
- </div>
78
- </section>
79
-
80
- <section class="settings-card settings-card--wide" :aria-label="t('settings.webhook.title')">
81
- <div class="settings-card-header settings-card-header-row">
82
- <div>
83
- <div class="settings-card-title">Webhook</div>
84
- <div class="settings-card-meta">配置变更外发通知</div>
85
- </div>
86
- <span :class="webhookConfig.enabled ? 'status-on' : 'status-off'">{{ webhookConfig.enabled ? '● 已启用' : '○ 已禁用' }}</span>
87
- </div>
88
- <div class="settings-card-body">
89
- <div v-if="webhookConfig.url" class="webhook-readonly-row">
90
- <span class="webhook-readonly-label">URL</span>
91
- <code class="webhook-readonly-value">{{ webhookConfig.url }}</code>
92
- </div>
93
- <div class="webhook-readonly-row">
94
- <span class="webhook-readonly-label">事件</span>
95
- <div class="webhook-readonly-tags">
96
- <span v-for="ev in webhookConfig.events" :key="ev" class="webhook-event-tag">{{ ev }}</span>
97
- <span v-if="!webhookConfig.events.length" class="settings-card-hint">无</span>
98
- </div>
99
- </div>
100
- </div>
101
- </section>
102
- </div>
103
- </div>
104
- </div>
105
-
106
- <div
107
- v-show="settingsTab === 'data'"
108
- id="settings-panel-data"
109
- role="tabpanel"
110
- aria-labelledby="settings-tab-data">
111
- <div class="settings-layout">
112
- <div class="settings-grid">
113
- <section class="settings-card settings-card--wide" :aria-label="t('settings.backup.title')">
114
- <div class="settings-card-header settings-card-header-row">
115
- <div>
116
- <div class="settings-card-title">{{ t('settings.backup.title') }}</div>
117
- <div class="settings-card-meta">{{ t('settings.backup.meta') }}</div>
118
- </div>
119
- </div>
120
- <div class="settings-card-body">
121
- <div class="settings-backup-grid">
122
- <div class="settings-backup-slot">
123
- <div class="settings-backup-slot-label">Claude</div>
124
- <div class="settings-actions">
125
- <button class="btn-tool" @click="downloadClaudeDirectory" :disabled="claudeDownloadLoading">
126
- {{ claudeDownloadLoading ? t('settings.backup.progress', { percent: claudeDownloadProgress }) : t('settings.backup.oneClickClaude') }}
127
- </button>
128
- <button class="btn-tool" @click="triggerClaudeImport" :disabled="claudeImportLoading">
129
- {{ claudeImportLoading ? t('settings.importing') : t('settings.backup.importClaude') }}
130
- </button>
131
- </div>
132
- <input ref="claudeImportInput" class="sr-only" type="file" accept=".zip" @change="handleClaudeImportChange">
133
- </div>
134
- <div class="settings-backup-slot">
135
- <div class="settings-backup-slot-label">Codex</div>
136
- <div class="settings-actions">
137
- <button class="btn-tool" @click="downloadCodexDirectory" :disabled="codexDownloadLoading">
138
- {{ codexDownloadLoading ? t('settings.backup.progress', { percent: codexDownloadProgress }) : t('settings.backup.oneClickCodex') }}
139
- </button>
140
- <button class="btn-tool" @click="triggerCodexImport" :disabled="codexImportLoading">
141
- {{ codexImportLoading ? t('settings.importing') : t('settings.backup.importCodex') }}
142
- </button>
143
- </div>
144
- <input ref="codexImportInput" class="sr-only" type="file" accept=".zip" @change="handleCodexImportChange">
145
- </div>
146
- </div>
147
- </div>
148
- </section>
149
-
150
- <section class="settings-card settings-card--wide" :aria-label="t('settings.trashConfig.title')">
151
- <div class="settings-card-header settings-card-header-row">
152
- <div>
153
- <div class="settings-card-title">{{ t('settings.trashConfig.title') }}</div>
154
- <div class="settings-card-meta">{{ t('settings.trashConfig.meta') }}</div>
155
- </div>
156
- </div>
157
- <div class="settings-card-body">
158
- <div class="settings-trash-config-grid">
159
- <label class="settings-toggle">
160
- <input type="checkbox" :checked="sessionTrashEnabled" @change="setSessionTrashEnabled($event.target.checked)">
161
- <span>{{ t('settings.deleteBehavior.toggle') }}</span>
162
- </label>
163
- <label class="settings-retention-row">
164
- <span>{{ t('settings.trash.retentionLabel') }}</span>
165
- <input type="number" min="1" max="365" :value="sessionTrashRetentionDays" @change="setSessionTrashRetentionDays(Number($event.target.value))" class="settings-retention-input" />
166
- </label>
167
- </div>
168
- <div class="settings-card-hint">{{ t('settings.trash.retentionHint') }}</div>
169
- </div>
170
- </section>
171
-
172
-
173
- <section class="settings-card settings-card--wide settings-card--danger" :aria-label="t('settings.reset.title')">
174
- <div class="settings-card-header">
175
- <div class="settings-card-title">{{ t('settings.reset.title') }}</div>
176
- <div class="settings-card-meta">{{ t('settings.reset.meta') }}</div>
177
- </div>
178
- <div class="settings-card-body">
179
- <div class="settings-card-hint">{{ t('settings.reset.hint') }}</div>
180
- <div class="settings-actions">
181
- <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
182
- {{ resetConfigLoading ? t('settings.reset.loading') : t('settings.reset.button') }}
183
- </button>
184
- </div>
185
- </div>
186
- </section>
187
- </div>
188
- </div>
189
- </div>
190
- </div>
1
+  <!-- 设置面板 -->
2
+ <div
3
+ v-show="mainTab === 'settings'"
4
+ class="mode-content"
5
+ id="panel-settings"
6
+ role="tabpanel"
7
+ :aria-labelledby="'tab-settings'">
8
+ <div class="settings-subtabs-bar" role="tablist" :aria-label="t('settings.tabs.aria')">
9
+ <button
10
+ id="settings-tab-general"
11
+ role="tab"
12
+ aria-controls="settings-panel-general"
13
+ :aria-selected="settingsTab === 'general'"
14
+ :tabindex="settingsTab === 'general' ? 0 : -1"
15
+ :class="['settings-subtab', { active: settingsTab === 'general' }]"
16
+ @click="onSettingsTabClick('general')">
17
+ {{ t('settings.tab.general') }}
18
+ </button>
19
+ <button
20
+ id="settings-tab-data"
21
+ role="tab"
22
+ aria-controls="settings-panel-data"
23
+ :aria-selected="settingsTab === 'data'"
24
+ :tabindex="settingsTab === 'data' ? 0 : -1"
25
+ :class="['settings-subtab', { active: settingsTab === 'data' }]"
26
+ @click="onSettingsTabClick('data')">
27
+ {{ t('settings.tab.data') }}
28
+ </button>
29
+ </div>
30
+
31
+ <div
32
+ v-show="settingsTab === 'general'"
33
+ id="settings-panel-general"
34
+ role="tabpanel"
35
+ aria-labelledby="settings-tab-general">
36
+ <div class="settings-layout">
37
+ <div class="settings-grid">
38
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.sharePrefix.title')">
39
+ <div class="settings-card-header">
40
+ <div class="settings-card-title">{{ t('settings.sharePrefix.title') }}</div>
41
+ <div class="settings-card-meta">{{ t('settings.sharePrefix.meta') }}</div>
42
+ </div>
43
+ <div class="settings-card-body">
44
+ <div class="settings-field-row">
45
+ <label class="settings-field-label" for="settings-share-prefix">{{ t('settings.sharePrefix.label') }}</label>
46
+ <select
47
+ id="settings-share-prefix"
48
+ class="model-select"
49
+ :value="shareCommandPrefix"
50
+ @change="setShareCommandPrefix($event.target.value)">
51
+ <option value="npm start">npm start</option>
52
+ <option value="codexmate">codexmate</option>
53
+ </select>
54
+ </div>
55
+ <div class="settings-card-hint">
56
+ {{ t('settings.sharePrefix.hint') }}
57
+ </div>
58
+ </div>
59
+ </section>
60
+
61
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.templateConfirm.title')">
62
+ <div class="settings-card-header">
63
+ <div class="settings-card-title">{{ t('settings.templateConfirm.title') }}</div>
64
+ <div class="settings-card-meta">{{ t('settings.templateConfirm.meta') }}</div>
65
+ </div>
66
+ <div class="settings-card-body">
67
+ <label class="health-remote-toggle settings-toggle">
68
+ <input
69
+ type="checkbox"
70
+ :checked="configTemplateDiffConfirmEnabled"
71
+ @change="setConfigTemplateDiffConfirmEnabled($event.target.checked)">
72
+ <span>{{ t('settings.templateConfirm.toggle') }}</span>
73
+ </label>
74
+ <div class="settings-card-hint">
75
+ {{ t('settings.templateConfirm.hint') }}
76
+ </div>
77
+ </div>
78
+ </section>
79
+
80
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.webhook.title')">
81
+ <div class="settings-card-header settings-card-header-row">
82
+ <div>
83
+ <div class="settings-card-title">Webhook</div>
84
+ <div class="settings-card-meta">配置变更外发通知</div>
85
+ </div>
86
+ <span :class="webhookConfig.enabled ? 'status-on' : 'status-off'">{{ webhookConfig.enabled ? '● 已启用' : '○ 已禁用' }}</span>
87
+ </div>
88
+ <div class="settings-card-body">
89
+ <div v-if="webhookConfig.url" class="webhook-readonly-row">
90
+ <span class="webhook-readonly-label">URL</span>
91
+ <code class="webhook-readonly-value">{{ webhookConfig.url }}</code>
92
+ </div>
93
+ <div class="webhook-readonly-row">
94
+ <span class="webhook-readonly-label">事件</span>
95
+ <div class="webhook-readonly-tags">
96
+ <span v-for="ev in webhookConfig.events" :key="ev" class="webhook-event-tag">{{ ev }}</span>
97
+ <span v-if="!webhookConfig.events.length" class="settings-card-hint">无</span>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </section>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <div
107
+ v-show="settingsTab === 'data'"
108
+ id="settings-panel-data"
109
+ role="tabpanel"
110
+ aria-labelledby="settings-tab-data">
111
+ <div class="settings-layout">
112
+ <div class="settings-grid">
113
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.backup.title')">
114
+ <div class="settings-card-header settings-card-header-row">
115
+ <div>
116
+ <div class="settings-card-title">{{ t('settings.backup.title') }}</div>
117
+ <div class="settings-card-meta">{{ t('settings.backup.meta') }}</div>
118
+ </div>
119
+ </div>
120
+ <div class="settings-card-body">
121
+ <div class="settings-backup-grid">
122
+ <div class="settings-backup-slot">
123
+ <div class="settings-backup-slot-label">Claude</div>
124
+ <div class="settings-actions">
125
+ <button class="btn-tool" @click="downloadClaudeDirectory" :disabled="claudeDownloadLoading">
126
+ {{ claudeDownloadLoading ? t('settings.backup.progress', { percent: claudeDownloadProgress }) : t('settings.backup.oneClickClaude') }}
127
+ </button>
128
+ <button class="btn-tool" @click="triggerClaudeImport" :disabled="claudeImportLoading">
129
+ {{ claudeImportLoading ? t('settings.importing') : t('settings.backup.importClaude') }}
130
+ </button>
131
+ </div>
132
+ <input ref="claudeImportInput" class="sr-only" type="file" accept=".zip" @change="handleClaudeImportChange">
133
+ </div>
134
+ <div class="settings-backup-slot">
135
+ <div class="settings-backup-slot-label">Codex</div>
136
+ <div class="settings-actions">
137
+ <button class="btn-tool" @click="downloadCodexDirectory" :disabled="codexDownloadLoading">
138
+ {{ codexDownloadLoading ? t('settings.backup.progress', { percent: codexDownloadProgress }) : t('settings.backup.oneClickCodex') }}
139
+ </button>
140
+ <button class="btn-tool" @click="triggerCodexImport" :disabled="codexImportLoading">
141
+ {{ codexImportLoading ? t('settings.importing') : t('settings.backup.importCodex') }}
142
+ </button>
143
+ </div>
144
+ <input ref="codexImportInput" class="sr-only" type="file" accept=".zip" @change="handleCodexImportChange">
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </section>
149
+
150
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.trashConfig.title')">
151
+ <div class="settings-card-header settings-card-header-row">
152
+ <div>
153
+ <div class="settings-card-title">{{ t('settings.trashConfig.title') }}</div>
154
+ <div class="settings-card-meta">{{ t('settings.trashConfig.meta') }}</div>
155
+ </div>
156
+ </div>
157
+ <div class="settings-card-body">
158
+ <div class="settings-trash-config-grid">
159
+ <label class="settings-toggle">
160
+ <input type="checkbox" :checked="sessionTrashEnabled" @change="setSessionTrashEnabled($event.target.checked)">
161
+ <span>{{ t('settings.deleteBehavior.toggle') }}</span>
162
+ </label>
163
+ <label class="settings-retention-row">
164
+ <span>{{ t('settings.trash.retentionLabel') }}</span>
165
+ <input type="number" min="1" max="365" :value="sessionTrashRetentionDays" @change="setSessionTrashRetentionDays(Number($event.target.value))" class="settings-retention-input" />
166
+ </label>
167
+ </div>
168
+ <div class="settings-card-hint">{{ t('settings.trash.retentionHint') }}</div>
169
+ </div>
170
+ </section>
171
+
172
+
173
+ <section class="settings-card settings-card--wide settings-card--danger" :aria-label="t('settings.reset.title')">
174
+ <div class="settings-card-header">
175
+ <div class="settings-card-title">{{ t('settings.reset.title') }}</div>
176
+ <div class="settings-card-meta">{{ t('settings.reset.meta') }}</div>
177
+ </div>
178
+ <div class="settings-card-body">
179
+ <div class="settings-card-hint">{{ t('settings.reset.hint') }}</div>
180
+ <div class="settings-actions">
181
+ <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
182
+ {{ resetConfigLoading ? t('settings.reset.loading') : t('settings.reset.button') }}
183
+ </button>
184
+ </div>
185
+ </div>
186
+ </section>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </div>
package/web-ui/partials/index/panel-trash.html CHANGED
@@ -1,88 +1,83 @@
1
-  <!-- 回收站面板 — 极简·本质 -->
2
- <div
3
- v-show="mainTab === 'trash'"
4
- class="mode-content"
5
- id="panel-trash"
6
- role="tabpanel"
7
- aria-labelledby="tab-trash">
8
- <div v-if="!loading" class="trash-panel-shell">
9
- <!-- 空态 — 宁静的留白 -->
10
- <div v-if="getSessionTrashViewState() === 'empty'" class="trash-empty-state">
11
- <div class="trash-empty-icon">🗑</div>
12
- <div class="trash-empty-title">{{ t('settings.trash.empty') }}</div>
13
- <div class="trash-empty-hint">删除的会话将出现在这里，保留 {{ sessionTrashRetentionDays }} 天后自动清理</div>
14
- </div>
15
-
16
- <!-- 加载态 -->
17
- <div v-else-if="getSessionTrashViewState() === 'loading'" class="trash-empty-state">
18
- <div class="trash-empty-icon">⟳</div>
19
- <div class="trash-empty-title">{{ t('settings.trash.loading') }}</div>
20
- </div>
21
-
22
- <!-- 错误态 -->
23
- <div v-else-if="getSessionTrashViewState() === 'retry'" class="trash-empty-state">
24
- <div class="trash-empty-icon">⚠</div>
25
- <div class="trash-empty-title">{{ t('settings.trash.retry') }}</div>
26
- <button class="btn-tool" @click="loadSessionTrash({ forceRefresh: true })">重试</button>
27
- </div>
28
-
29
- <!-- 列表态 -->
30
- <template v-else>
31
- <div class="trash-toolbar">
32
- <div class="trash-toolbar-left">
33
- <span class="trash-toolbar-count">{{ sessionTrashCount }} 个已删除会话</span>
34
- <span class="trash-toolbar-retention">· {{ sessionTrashRetentionDays }} 天后自动清理</span>
35
- </div>
36
- <div class="trash-toolbar-right">
37
- <button class="btn-mini" @click="loadSessionTrash({ forceRefresh: true })" :disabled="sessionTrashLoading">
38
- {{ sessionTrashLoading ? '刷新中…' : '刷新' }}
39
- </button>
40
- <button class="btn-mini delete" @click="clearSessionTrash" :disabled="sessionTrashClearing || sessionTrashLoading || !(Number(sessionTrashCount) > 0)">
41
- {{ sessionTrashClearing ? '清空中…' : '清空回收站' }}
42
- </button>
43
- </div>
44
- </div>
45
-
46
- <div class="trash-list">
47
- <div v-for="item in visibleSessionTrashItems" :key="item.trashId" class="trash-item session-item session-card">
48
- <div class="trash-item-header session-item-header">
49
- <div class="trash-item-main">
50
- <div class="trash-item-mainline">
51
- <div class="trash-item-title">{{ item.title || item.sessionId }}</div>
52
- <span class="session-count-badge">{{ item.messageCount == null ? 0 : item.messageCount }}</span>
53
- </div>
54
- <div class="trash-item-meta session-item-meta">
55
- <span class="session-source">{{ item.sourceLabel }}</span>
56
- <span class="trash-item-dot">·</span>
57
- <span class="trash-item-time">{{ item.deletedAt || item.updatedAt || t('sessions.unknownTime') }}</span>
58
- </div>
59
- </div>
60
- <div class="trash-item-side">
61
- <div class="trash-item-actions session-item-actions">
62
- <button class="btn-mini" @click="restoreSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
63
- {{ sessionTrashRestoring[getSessionTrashActionKey(item)] ? '恢复中…' : '恢复' }}
64
- </button>
65
- <button class="btn-mini delete" @click="purgeSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
66
- {{ sessionTrashPurging[getSessionTrashActionKey(item)] ? '删除中…' : '彻底删除' }}
67
- </button>
68
- </div>
69
- </div>
70
- </div>
71
- <div v-if="item.cwd" class="trash-item-path session-item-sub session-item-wrap">
72
- <span class="trash-item-label">{{ t('settings.trash.workspace') }}</span>
73
- <span>{{ item.cwd }}</span>
74
- </div>
75
- <div class="trash-item-path session-item-sub session-item-wrap">
76
- <span class="trash-item-label">{{ t('settings.trash.originalFile') }}</span>
77
- <span>{{ item.originalFilePath }}</span>
78
- </div>
79
- </div>
80
- <div v-if="sessionTrashHasMoreItems" class="trash-list-footer">
81
- <button class="btn-tool btn-tool-compact" @click="loadMoreSessionTrashItems" :disabled="sessionTrashLoading || sessionTrashClearing">
82
- 加载更多（还有 {{ sessionTrashHiddenCount }} 条）
83
- </button>
84
- </div>
85
- </div>
86
- </template>
87
- </div>
88
- </div>
1
+ <!-- 回收站面板 -->
2
+ <div
3
+ v-show="mainTab === 'trash'"
4
+ class="mode-content"
5
+ id="panel-trash"
6
+ role="tabpanel"
7
+ aria-labelledby="tab-trash">
8
+ <div v-if="!loading" class="trash-panel-shell">
9
+ <!-- 空态 -->
10
+ <div v-if="getSessionTrashViewState() === 'empty'" class="trash-empty-state">
11
+ <svg class="trash-empty-svg" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="1.2">
12
+ <path d="M20 22l4 32h16l4-32"/>
13
+ <path d="M14 22h36"/>
14
+ <path d="M24 22v-4a4 4 0 014-4h8a4 4 0 014 4v4"/>
15
+ <path d="M28 30v16M36 30v16" stroke-width="1.6" stroke-linecap="round"/>
16
+ </svg>
17
+ <div class="trash-empty-title">{{ t('settings.trash.empty') }}</div>
18
+ <div class="trash-empty-hint">删除的会话保留 {{ sessionTrashRetentionDays }} 天后自动清理</div>
19
+ </div>
20
+
21
+ <!-- 加载态 -->
22
+ <div v-else-if="getSessionTrashViewState() === 'loading'" class="trash-empty-state">
23
+ <div class="trash-spinner"></div>
24
+ <div class="trash-empty-title">{{ t('settings.trash.loading') }}</div>
25
+ </div>
26
+
27
+ <!-- 错误态 -->
28
+ <div v-else-if="getSessionTrashViewState() === 'retry'" class="trash-empty-state">
29
+ <svg class="trash-empty-svg" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="1.2">
30
+ <circle cx="32" cy="32" r="22"/>
31
+ <path d="M32 20v16M32 44v2" stroke-width="2" stroke-linecap="round"/>
32
+ </svg>
33
+ <div class="trash-empty-title">{{ t('settings.trash.retry') }}</div>
34
+ <button class="btn-tool" @click="loadSessionTrash({ forceRefresh: true })">重试</button>
35
+ </div>
36
+
37
+ <!-- 列表态 -->
38
+ <template v-else>
39
+ <div class="trash-toolbar">
40
+ <div class="trash-toolbar-left">
41
+ <span class="trash-toolbar-count">{{ sessionTrashCount }} 个已删除会话</span>
42
+ <span class="trash-toolbar-retention">{{ sessionTrashRetentionDays }} 天后自动清理</span>
43
+ </div>
44
+ <div class="trash-toolbar-right">
45
+ <button class="btn-mini" @click="loadSessionTrash({ forceRefresh: true })" :disabled="sessionTrashLoading" :title="t('sessions.refresh')">
46
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="btn-icon-sm"><path d="M21 2v6h-6M3 12a9 9 0 0115-6.7L21 8M3 22v-6h6M21 12a9 9 0 01-15 6.7L3 16"/></svg>
47
+ </button>
48
+ <button class="btn-mini delete" @click="clearSessionTrash" :disabled="sessionTrashClearing || sessionTrashLoading || !(Number(sessionTrashCount) > 0)">
49
+ {{ sessionTrashClearing ? '清空中…' : '清空' }}
50
+ </button>
51
+ </div>
52
+ </div>
53
+
54
+ <div class="trash-list">
55
+ <div v-for="item in visibleSessionTrashItems" :key="item.trashId" class="trash-item">
56
+ <div class="trash-item-body">
57
+ <div class="trash-item-main">
58
+ <div class="trash-item-title">{{ item.title || item.sessionId }}</div>
59
+ <div class="trash-item-meta">
60
+ <span class="session-source" :data-source="item.source">{{ item.sourceLabel }}</span>
61
+ <span class="trash-item-time">{{ item.deletedAt || item.updatedAt || t('sessions.unknownTime') }}</span>
62
+ <span v-if="item.cwd" class="trash-item-cwd">{{ item.cwd }}</span>
63
+ </div>
64
+ </div>
65
+ <div class="trash-item-actions">
66
+ <button class="trash-action-btn restore" @click="restoreSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)" :title="sessionTrashRestoring[getSessionTrashActionKey(item)] ? '恢复中…' : '恢复'">
67
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 119 9"/><path d="M3 4v6h6"/></svg>
68
+ </button>
69
+ <button class="trash-action-btn delete" @click="purgeSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)" :title="sessionTrashPurging[getSessionTrashActionKey(item)] ? '删除中…' : '彻底删除'">
70
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6"/></svg>
71
+ </button>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ <div v-if="sessionTrashHasMoreItems" class="trash-list-footer">
76
+ <button class="btn-tool btn-tool-compact" @click="loadMoreSessionTrashItems" :disabled="sessionTrashLoading || sessionTrashClearing">
77
+ 加载更多（{{ sessionTrashHiddenCount }} 条）
78
+ </button>
79
+ </div>
80
+ </div>
81
+ </template>
82
+ </div>
83
+ </div>