codexmate 0.0.32 → 0.0.33

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 (147) hide show
  1. package/README.md +147 -363
  2. package/README.zh.md +147 -371
  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 +551 -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 -69
  16. package/cli/session-convert-io.js +82 -82
  17. package/cli/session-convert.js +150 -150
  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/update.js +162 -0
  23. package/cli/zip-commands.js +510 -510
  24. package/cli.js +16023 -15829
  25. package/lib/automation.js +404 -404
  26. package/lib/cli-file-utils.js +151 -151
  27. package/lib/cli-models-utils.js +440 -440
  28. package/lib/cli-network-utils.js +190 -190
  29. package/lib/cli-path-utils.js +85 -85
  30. package/lib/cli-session-utils.js +121 -121
  31. package/lib/cli-sessions.js +427 -426
  32. package/lib/cli-utils.js +155 -155
  33. package/lib/cli-webhook.js +126 -126
  34. package/lib/download-artifacts.js +92 -92
  35. package/lib/mcp-stdio.js +453 -453
  36. package/lib/task-orchestrator.js +869 -869
  37. package/lib/text-diff.js +303 -303
  38. package/lib/win-tray.js +119 -0
  39. package/lib/workflow-engine.js +340 -340
  40. package/package.json +76 -76
  41. package/plugins/README.md +20 -20
  42. package/plugins/README.zh-CN.md +20 -20
  43. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  44. package/plugins/prompt-templates/computed.mjs +253 -253
  45. package/plugins/prompt-templates/index.mjs +8 -8
  46. package/plugins/prompt-templates/manifest.mjs +15 -15
  47. package/plugins/prompt-templates/methods.mjs +553 -553
  48. package/plugins/prompt-templates/overview.mjs +91 -91
  49. package/plugins/prompt-templates/ownership.mjs +19 -19
  50. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  51. package/plugins/prompt-templates/storage.mjs +64 -64
  52. package/plugins/registry.mjs +16 -16
  53. package/web-ui/app.js +650 -647
  54. package/web-ui/index.html +36 -36
  55. package/web-ui/logic.agents-diff.mjs +386 -386
  56. package/web-ui/logic.claude.mjs +168 -168
  57. package/web-ui/logic.codex.mjs +69 -69
  58. package/web-ui/logic.mjs +5 -5
  59. package/web-ui/logic.runtime.mjs +128 -128
  60. package/web-ui/logic.session-convert.mjs +70 -70
  61. package/web-ui/logic.sessions.mjs +781 -781
  62. package/web-ui/modules/api.mjs +90 -90
  63. package/web-ui/modules/app.computed.dashboard.mjs +248 -248
  64. package/web-ui/modules/app.computed.index.mjs +17 -17
  65. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  66. package/web-ui/modules/app.computed.session.mjs +735 -693
  67. package/web-ui/modules/app.constants.mjs +15 -15
  68. package/web-ui/modules/app.methods.agents.mjs +651 -651
  69. package/web-ui/modules/app.methods.claude-config.mjs +269 -200
  70. package/web-ui/modules/app.methods.codex-config.mjs +861 -861
  71. package/web-ui/modules/app.methods.index.mjs +94 -94
  72. package/web-ui/modules/app.methods.install.mjs +205 -205
  73. package/web-ui/modules/app.methods.navigation.mjs +774 -774
  74. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  75. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  76. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  77. package/web-ui/modules/app.methods.providers.mjs +575 -529
  78. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  79. package/web-ui/modules/app.methods.session-actions.mjs +591 -591
  80. package/web-ui/modules/app.methods.session-browser.mjs +1012 -1012
  81. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  82. package/web-ui/modules/app.methods.session-trash.mjs +438 -438
  83. package/web-ui/modules/app.methods.startup-claude.mjs +538 -537
  84. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  85. package/web-ui/modules/app.methods.webhook.mjs +79 -79
  86. package/web-ui/modules/config-mode.computed.mjs +124 -124
  87. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  88. package/web-ui/modules/i18n.dict.mjs +3192 -3177
  89. package/web-ui/modules/i18n.mjs +62 -62
  90. package/web-ui/modules/plugins.computed.mjs +3 -3
  91. package/web-ui/modules/plugins.methods.mjs +3 -3
  92. package/web-ui/modules/plugins.storage.mjs +11 -11
  93. package/web-ui/modules/provider-url-display.mjs +17 -17
  94. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  95. package/web-ui/modules/skills.computed.mjs +107 -107
  96. package/web-ui/modules/skills.methods.mjs +482 -482
  97. package/web-ui/partials/index/layout-footer.html +13 -13
  98. package/web-ui/partials/index/layout-header.html +499 -503
  99. package/web-ui/partials/index/modal-config-template-agents.html +185 -185
  100. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  101. package/web-ui/partials/index/modal-health-check.html +45 -45
  102. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  103. package/web-ui/partials/index/modal-skills.html +200 -200
  104. package/web-ui/partials/index/modals-basic.html +173 -162
  105. package/web-ui/partials/index/panel-config-claude.html +166 -136
  106. package/web-ui/partials/index/panel-config-codex.html +190 -196
  107. package/web-ui/partials/index/panel-config-codex.html.bak +337 -0
  108. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  109. package/web-ui/partials/index/panel-dashboard.html +186 -219
  110. package/web-ui/partials/index/panel-docs.html +114 -114
  111. package/web-ui/partials/index/panel-market.html +177 -177
  112. package/web-ui/partials/index/panel-orchestration.html +391 -391
  113. package/web-ui/partials/index/panel-plugins.html +253 -253
  114. package/web-ui/partials/index/panel-sessions.html +319 -313
  115. package/web-ui/partials/index/panel-settings.html +190 -190
  116. package/web-ui/partials/index/panel-trash.html +82 -82
  117. package/web-ui/partials/index/panel-usage.html +137 -137
  118. package/web-ui/res/json5.min.js +1 -1
  119. package/web-ui/res/vue.global.prod.js +13 -13
  120. package/web-ui/session-helpers.mjs +591 -591
  121. package/web-ui/source-bundle.cjs +233 -233
  122. package/web-ui/styles/base-theme.css +281 -281
  123. package/web-ui/styles/bridge-pool.css +197 -197
  124. package/web-ui/styles/controls-forms.css +433 -433
  125. package/web-ui/styles/dashboard.css +406 -406
  126. package/web-ui/styles/docs-panel.css +245 -245
  127. package/web-ui/styles/feedback.css +108 -108
  128. package/web-ui/styles/health-check-dialog.css +144 -144
  129. package/web-ui/styles/layout-shell.css +628 -638
  130. package/web-ui/styles/modals-core.css +499 -466
  131. package/web-ui/styles/navigation-panels.css +391 -391
  132. package/web-ui/styles/openclaw-structured.css +266 -266
  133. package/web-ui/styles/plugins-panel.css +564 -564
  134. package/web-ui/styles/responsive.css +392 -392
  135. package/web-ui/styles/sessions-list.css +683 -647
  136. package/web-ui/styles/sessions-preview.css +407 -407
  137. package/web-ui/styles/sessions-toolbar-trash.css +518 -518
  138. package/web-ui/styles/sessions-usage.css +588 -588
  139. package/web-ui/styles/settings-panel.css +349 -349
  140. package/web-ui/styles/skills-list.css +305 -305
  141. package/web-ui/styles/skills-market.css +429 -429
  142. package/web-ui/styles/task-orchestration.css +822 -822
  143. package/web-ui/styles/titles-cards.css +472 -472
  144. package/web-ui/styles/trash-panel.css +90 -90
  145. package/web-ui/styles/webhook.css +81 -81
  146. package/web-ui/styles.css +24 -24
  147. 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,83 +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
- <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>
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
83
  </div>