codexmate 0.0.25 → 0.0.26

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 (135) hide show
  1. package/README.md +416 -413
  2. package/README.zh.md +349 -346
  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 +1079 -1079
  7. package/cli/claude-proxy.js +1022 -1022
  8. package/cli/config-bootstrap.js +384 -384
  9. package/cli/config-health.js +338 -338
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/openai-bridge.js +997 -997
  13. package/cli/openclaw-config.js +629 -629
  14. package/cli/session-convert-args.js +65 -0
  15. package/cli/session-convert-io.js +82 -0
  16. package/cli/session-convert.js +43 -0
  17. package/cli/session-usage.concurrent.js +28 -28
  18. package/cli/session-usage.js +118 -118
  19. package/cli/session-usage.models.js +176 -176
  20. package/cli/skills.js +1141 -1141
  21. package/cli/zip-commands.js +510 -510
  22. package/cli.js +15218 -14736
  23. package/lib/automation.js +404 -404
  24. package/lib/cli-file-utils.js +151 -151
  25. package/lib/cli-models-utils.js +379 -379
  26. package/lib/cli-network-utils.js +190 -190
  27. package/lib/cli-path-utils.js +85 -85
  28. package/lib/cli-session-utils.js +121 -121
  29. package/lib/cli-sessions.js +417 -417
  30. package/lib/cli-utils.js +155 -155
  31. package/lib/download-artifacts.js +92 -92
  32. package/lib/mcp-stdio.js +453 -453
  33. package/lib/task-orchestrator.js +869 -869
  34. package/lib/text-diff.js +303 -303
  35. package/lib/workflow-engine.js +340 -340
  36. package/package.json +74 -74
  37. package/plugins/README.md +20 -20
  38. package/plugins/README.zh-CN.md +20 -20
  39. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  40. package/plugins/prompt-templates/computed.mjs +253 -253
  41. package/plugins/prompt-templates/index.mjs +8 -8
  42. package/plugins/prompt-templates/manifest.mjs +15 -15
  43. package/plugins/prompt-templates/methods.mjs +619 -619
  44. package/plugins/prompt-templates/overview.mjs +90 -90
  45. package/plugins/prompt-templates/ownership.mjs +19 -19
  46. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  47. package/plugins/prompt-templates/storage.mjs +64 -64
  48. package/plugins/registry.mjs +16 -16
  49. package/web-ui/app.js +625 -612
  50. package/web-ui/index.html +35 -35
  51. package/web-ui/logic.agents-diff.mjs +386 -386
  52. package/web-ui/logic.claude.mjs +168 -168
  53. package/web-ui/logic.mjs +5 -5
  54. package/web-ui/logic.runtime.mjs +128 -128
  55. package/web-ui/logic.session-convert.mjs +70 -0
  56. package/web-ui/logic.sessions.mjs +709 -614
  57. package/web-ui/modules/api.mjs +90 -90
  58. package/web-ui/modules/app.computed.dashboard.mjs +171 -128
  59. package/web-ui/modules/app.computed.index.mjs +17 -17
  60. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  61. package/web-ui/modules/app.computed.session.mjs +946 -670
  62. package/web-ui/modules/app.constants.mjs +15 -15
  63. package/web-ui/modules/app.methods.agents.mjs +632 -632
  64. package/web-ui/modules/app.methods.claude-config.mjs +179 -174
  65. package/web-ui/modules/app.methods.codex-config.mjs +860 -784
  66. package/web-ui/modules/app.methods.index.mjs +92 -92
  67. package/web-ui/modules/app.methods.install.mjs +205 -205
  68. package/web-ui/modules/app.methods.navigation.mjs +743 -695
  69. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  70. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  71. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  72. package/web-ui/modules/app.methods.providers.mjs +404 -404
  73. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  74. package/web-ui/modules/app.methods.session-actions.mjs +596 -544
  75. package/web-ui/modules/app.methods.session-browser.mjs +985 -722
  76. package/web-ui/modules/app.methods.session-timeline.mjs +479 -448
  77. package/web-ui/modules/app.methods.session-trash.mjs +424 -424
  78. package/web-ui/modules/app.methods.startup-claude.mjs +522 -417
  79. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  80. package/web-ui/modules/config-mode.computed.mjs +124 -124
  81. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  82. package/web-ui/modules/i18n.dict.mjs +2113 -2055
  83. package/web-ui/modules/i18n.mjs +56 -56
  84. package/web-ui/modules/plugins.computed.mjs +3 -3
  85. package/web-ui/modules/plugins.methods.mjs +3 -3
  86. package/web-ui/modules/plugins.storage.mjs +11 -11
  87. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  88. package/web-ui/modules/skills.computed.mjs +107 -107
  89. package/web-ui/modules/skills.methods.mjs +481 -481
  90. package/web-ui/partials/index/layout-footer.html +13 -13
  91. package/web-ui/partials/index/layout-header.html +475 -475
  92. package/web-ui/partials/index/modal-config-template-agents.html +174 -174
  93. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  94. package/web-ui/partials/index/modal-health-check.html +45 -45
  95. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  96. package/web-ui/partials/index/modal-skills.html +200 -200
  97. package/web-ui/partials/index/modals-basic.html +165 -165
  98. package/web-ui/partials/index/panel-config-claude.html +184 -179
  99. package/web-ui/partials/index/panel-config-codex.html +283 -283
  100. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  101. package/web-ui/partials/index/panel-dashboard.html +186 -186
  102. package/web-ui/partials/index/panel-docs.html +147 -147
  103. package/web-ui/partials/index/panel-market.html +177 -177
  104. package/web-ui/partials/index/panel-orchestration.html +391 -391
  105. package/web-ui/partials/index/panel-plugins.html +279 -279
  106. package/web-ui/partials/index/panel-sessions.html +326 -303
  107. package/web-ui/partials/index/panel-settings.html +258 -258
  108. package/web-ui/partials/index/panel-usage.html +342 -361
  109. package/web-ui/res/json5.min.js +1 -1
  110. package/web-ui/res/vue.global.prod.js +13 -13
  111. package/web-ui/session-helpers.mjs +576 -573
  112. package/web-ui/source-bundle.cjs +233 -233
  113. package/web-ui/styles/base-theme.css +268 -264
  114. package/web-ui/styles/controls-forms.css +423 -423
  115. package/web-ui/styles/dashboard.css +274 -274
  116. package/web-ui/styles/docs-panel.css +247 -247
  117. package/web-ui/styles/feedback.css +108 -108
  118. package/web-ui/styles/health-check-dialog.css +144 -144
  119. package/web-ui/styles/layout-shell.css +603 -603
  120. package/web-ui/styles/modals-core.css +464 -464
  121. package/web-ui/styles/navigation-panels.css +390 -390
  122. package/web-ui/styles/openclaw-structured.css +266 -266
  123. package/web-ui/styles/plugins-panel.css +523 -523
  124. package/web-ui/styles/responsive.css +454 -454
  125. package/web-ui/styles/sessions-list.css +415 -398
  126. package/web-ui/styles/sessions-preview.css +411 -411
  127. package/web-ui/styles/sessions-toolbar-trash.css +330 -268
  128. package/web-ui/styles/sessions-usage.css +945 -912
  129. package/web-ui/styles/settings-panel.css +166 -166
  130. package/web-ui/styles/skills-list.css +303 -303
  131. package/web-ui/styles/skills-market.css +406 -406
  132. package/web-ui/styles/task-orchestration.css +822 -822
  133. package/web-ui/styles/titles-cards.css +408 -408
  134. package/web-ui/styles.css +21 -21
  135. package/web-ui.html +17 -17
package/web-ui/partials/index/panel-settings.html CHANGED
@@ -1,258 +1,258 @@
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="config-subtabs settings-subtabs" role="tablist" :aria-label="t('settings.tabs.aria')">
9
- <button
10
- id="settings-tab-backup"
11
- role="tab"
12
- aria-controls="settings-panel-backup"
13
- :aria-selected="settingsTab === 'backup'"
14
- :tabindex="settingsTab === 'backup' ? 0 : -1"
15
- :class="['config-subtab', { active: settingsTab === 'backup' }]"
16
- @click="onSettingsTabClick('backup')">
17
- {{ t('settings.tab.backup') }}
18
- </button>
19
- <button
20
- id="settings-tab-trash"
21
- role="tab"
22
- aria-controls="settings-panel-trash"
23
- :aria-selected="settingsTab === 'trash'"
24
- :tabindex="settingsTab === 'trash' ? 0 : -1"
25
- :class="['config-subtab', { active: settingsTab === 'trash' }]"
26
- @click="onSettingsTabClick('trash')">
27
- {{ t('settings.tab.trash') }}
28
- <span class="settings-tab-badge">{{ sessionTrashCount }}</span>
29
- </button>
30
- <button
31
- id="settings-tab-device"
32
- role="tab"
33
- aria-controls="settings-panel-device"
34
- :aria-selected="settingsTab === 'device'"
35
- :tabindex="settingsTab === 'device' ? 0 : -1"
36
- :class="['config-subtab', { active: settingsTab === 'device' }]"
37
- @click="onSettingsTabClick('device')">
38
- {{ t('settings.tab.device') }}
39
- </button>
40
- </div>
41
-
42
- <div
43
- v-show="settingsTab === 'backup'"
44
- id="settings-panel-backup"
45
- role="tabpanel"
46
- aria-labelledby="settings-tab-backup">
47
- <div class="settings-layout">
48
- <div class="settings-grid">
49
- <section class="settings-card settings-card--wide" :aria-label="t('settings.sharePrefix.title')">
50
- <div class="settings-card-header">
51
- <div class="settings-card-title">{{ t('settings.sharePrefix.title') }}</div>
52
- <div class="settings-card-meta">{{ t('settings.sharePrefix.meta') }}</div>
53
- </div>
54
- <div class="settings-card-body">
55
- <div class="settings-field-row">
56
- <label class="settings-field-label" for="settings-share-prefix">{{ t('settings.sharePrefix.label') }}</label>
57
- <select
58
- id="settings-share-prefix"
59
- class="model-select"
60
- :value="shareCommandPrefix"
61
- @change="setShareCommandPrefix($event.target.value)">
62
- <option value="npm start">npm start</option>
63
- <option value="codexmate">codexmate</option>
64
- </select>
65
- </div>
66
- <div class="settings-card-hint">
67
- {{ t('settings.sharePrefix.hint') }}
68
- </div>
69
- </div>
70
- </section>
71
-
72
- <section class="settings-card" :aria-label="t('settings.claude.title')">
73
- <div class="settings-card-header">
74
- <div class="settings-card-title">{{ t('settings.claude.title') }}</div>
75
- <div class="settings-card-meta">{{ t('settings.claude.meta') }}</div>
76
- </div>
77
- <div class="settings-card-body">
78
- <div class="settings-actions">
79
- <button class="btn-tool" @click="downloadClaudeDirectory" :disabled="claudeDownloadLoading">
80
- {{ claudeDownloadLoading ? t('settings.backup.progress', { percent: claudeDownloadProgress }) : t('settings.backup.oneClickClaude') }}
81
- </button>
82
- <button class="btn-tool" @click="triggerClaudeImport" :disabled="claudeImportLoading">
83
- {{ claudeImportLoading ? t('settings.importing') : t('settings.backup.importClaude') }}
84
- </button>
85
- </div>
86
- <input
87
- ref="claudeImportInput"
88
- class="sr-only"
89
- type="file"
90
- accept=".zip"
91
- @change="handleClaudeImportChange">
92
- </div>
93
- </section>
94
-
95
- <section class="settings-card" :aria-label="t('settings.codex.title')">
96
- <div class="settings-card-header">
97
- <div class="settings-card-title">{{ t('settings.codex.title') }}</div>
98
- <div class="settings-card-meta">{{ t('settings.codex.meta') }}</div>
99
- </div>
100
- <div class="settings-card-body">
101
- <div class="settings-actions">
102
- <button class="btn-tool" @click="downloadCodexDirectory" :disabled="codexDownloadLoading">
103
- {{ codexDownloadLoading ? t('settings.backup.progress', { percent: codexDownloadProgress }) : t('settings.backup.oneClickCodex') }}
104
- </button>
105
- <button class="btn-tool" @click="triggerCodexImport" :disabled="codexImportLoading">
106
- {{ codexImportLoading ? t('settings.importing') : t('settings.backup.importCodex') }}
107
- </button>
108
- </div>
109
- <input
110
- ref="codexImportInput"
111
- class="sr-only"
112
- type="file"
113
- accept=".zip"
114
- @change="handleCodexImportChange">
115
- </div>
116
- </section>
117
- </div>
118
- </div>
119
- </div>
120
-
121
- <div
122
- v-show="settingsTab === 'trash'"
123
- id="settings-panel-trash"
124
- role="tabpanel"
125
- aria-labelledby="settings-tab-trash">
126
- <div class="settings-layout">
127
- <div class="settings-grid">
128
- <section class="settings-card settings-card--wide" :aria-label="t('settings.deleteBehavior.title')">
129
- <div class="settings-card-header">
130
- <div class="settings-card-title">{{ t('settings.deleteBehavior.title') }}</div>
131
- <div class="settings-card-meta">{{ t('settings.deleteBehavior.meta') }}</div>
132
- </div>
133
- <div class="settings-card-body">
134
- <label class="health-remote-toggle settings-toggle">
135
- <input type="checkbox" :checked="sessionTrashEnabled" @change="setSessionTrashEnabled($event.target.checked)">
136
- <span>{{ t('settings.deleteBehavior.toggle') }}</span>
137
- </label>
138
- <div class="settings-card-hint">
139
- {{ t('settings.deleteBehavior.hint') }}
140
- </div>
141
- </div>
142
- </section>
143
-
144
- <section class="settings-card settings-card--wide" :aria-label="t('settings.trash.title')">
145
- <div class="settings-card-header settings-card-header-row">
146
- <div>
147
- <div class="settings-card-title">{{ t('settings.trash.title') }}</div>
148
- <div class="settings-card-meta">{{ t('settings.trash.meta') }}</div>
149
- </div>
150
- <div class="settings-card-actions">
151
- <button class="btn-tool btn-tool-compact" @click="loadSessionTrash({ forceRefresh: true })" :disabled="sessionTrashLoading || sessionTrashClearing">
152
- {{ sessionTrashLoading ? t('settings.trash.refreshing') : t('settings.trash.refresh') }}
153
- </button>
154
- <button class="btn-tool btn-tool-compact" @click="clearSessionTrash" :disabled="sessionTrashClearing || sessionTrashLoading || !(Number(sessionTrashCount) > 0)">
155
- {{ sessionTrashClearing ? t('settings.trash.clearing') : t('settings.trash.clear') }}
156
- </button>
157
- </div>
158
- </div>
159
-
160
- <div class="settings-card-body">
161
- <div v-if="getSessionTrashViewState() === 'loading'" class="session-empty">
162
- {{ t('settings.trash.loading') }}
163
- </div>
164
- <div v-else-if="getSessionTrashViewState() === 'empty'" class="session-empty">
165
- {{ t('settings.trash.empty') }}
166
- </div>
167
- <div v-else-if="getSessionTrashViewState() === 'retry'" class="session-empty">
168
- {{ t('settings.trash.retry') }}
169
- </div>
170
- <div v-else class="trash-list">
171
- <div v-for="item in visibleSessionTrashItems" :key="item.trashId" class="trash-item session-item session-card">
172
- <div class="trash-item-header session-item-header">
173
- <div class="trash-item-main">
174
- <div class="trash-item-mainline">
175
- <div class="trash-item-title">{{ item.title || item.sessionId }}</div>
176
- <span class="session-count-badge">{{ item.messageCount == null ? 0 : item.messageCount }}</span>
177
- </div>
178
- <div class="trash-item-meta session-item-meta">
179
- <span class="session-source">{{ item.sourceLabel }}</span>
180
- </div>
181
- </div>
182
- <div class="trash-item-side">
183
- <div class="trash-item-actions session-item-actions">
184
- <button class="btn-mini" @click="restoreSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
185
- {{ sessionTrashRestoring[getSessionTrashActionKey(item)] ? t('settings.trash.restoring') : t('settings.trash.restore') }}
186
- </button>
187
- <button class="btn-mini delete" @click="purgeSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
188
- {{ sessionTrashPurging[getSessionTrashActionKey(item)] ? t('settings.trash.purging') : t('settings.trash.purge') }}
189
- </button>
190
- </div>
191
- <div class="trash-item-time session-item-time">{{ item.deletedAt || item.updatedAt || t('sessions.unknownTime') }}</div>
192
- </div>
193
- </div>
194
- <div v-if="item.cwd" class="trash-item-path session-item-sub session-item-wrap">
195
- <span class="trash-item-label">{{ t('settings.trash.workspace') }}</span>
196
- <span>{{ item.cwd }}</span>
197
- </div>
198
- <div class="trash-item-path session-item-sub session-item-wrap">
199
- <span class="trash-item-label">{{ t('settings.trash.originalFile') }}</span>
200
- <span>{{ item.originalFilePath }}</span>
201
- </div>
202
- </div>
203
- <div v-if="sessionTrashHasMoreItems" class="trash-list-footer">
204
- <button class="btn-tool btn-tool-compact" @click="loadMoreSessionTrashItems" :disabled="sessionTrashLoading || sessionTrashClearing">
205
- {{ t('settings.trash.loadMore', { count: sessionTrashHiddenCount }) }}
206
- </button>
207
- </div>
208
- </div>
209
- </div>
210
- </section>
211
- </div>
212
- </div>
213
- </div>
214
-
215
- <div
216
- v-show="settingsTab === 'device'"
217
- id="settings-panel-device"
218
- role="tabpanel"
219
- aria-labelledby="settings-tab-device">
220
- <div class="settings-layout">
221
- <div class="settings-grid">
222
- <section class="settings-card settings-card--wide" :aria-label="t('settings.templateConfirm.title')">
223
- <div class="settings-card-header">
224
- <div class="settings-card-title">{{ t('settings.templateConfirm.title') }}</div>
225
- <div class="settings-card-meta">{{ t('settings.templateConfirm.meta') }}</div>
226
- </div>
227
- <div class="settings-card-body">
228
- <label class="health-remote-toggle settings-toggle">
229
- <input
230
- type="checkbox"
231
- :checked="configTemplateDiffConfirmEnabled"
232
- @change="setConfigTemplateDiffConfirmEnabled($event.target.checked)">
233
- <span>{{ t('settings.templateConfirm.toggle') }}</span>
234
- </label>
235
- <div class="settings-card-hint">
236
- {{ t('settings.templateConfirm.hint') }}
237
- </div>
238
- </div>
239
- </section>
240
-
241
- <section class="settings-card settings-card--wide settings-card--danger" :aria-label="t('settings.reset.title')">
242
- <div class="settings-card-header">
243
- <div class="settings-card-title">{{ t('settings.reset.title') }}</div>
244
- <div class="settings-card-meta">{{ t('settings.reset.meta') }}</div>
245
- </div>
246
- <div class="settings-card-body">
247
- <div class="settings-card-hint">{{ t('settings.reset.hint') }}</div>
248
- <div class="settings-actions">
249
- <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
250
- {{ resetConfigLoading ? t('settings.reset.loading') : t('settings.reset.button') }}
251
- </button>
252
- </div>
253
- </div>
254
- </section>
255
- </div>
256
- </div>
257
- </div>
258
- </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="config-subtabs settings-subtabs" role="tablist" :aria-label="t('settings.tabs.aria')">
9
+ <button
10
+ id="settings-tab-backup"
11
+ role="tab"
12
+ aria-controls="settings-panel-backup"
13
+ :aria-selected="settingsTab === 'backup'"
14
+ :tabindex="settingsTab === 'backup' ? 0 : -1"
15
+ :class="['config-subtab', { active: settingsTab === 'backup' }]"
16
+ @click="onSettingsTabClick('backup')">
17
+ {{ t('settings.tab.backup') }}
18
+ </button>
19
+ <button
20
+ id="settings-tab-trash"
21
+ role="tab"
22
+ aria-controls="settings-panel-trash"
23
+ :aria-selected="settingsTab === 'trash'"
24
+ :tabindex="settingsTab === 'trash' ? 0 : -1"
25
+ :class="['config-subtab', { active: settingsTab === 'trash' }]"
26
+ @click="onSettingsTabClick('trash')">
27
+ {{ t('settings.tab.trash') }}
28
+ <span class="settings-tab-badge">{{ sessionTrashCount }}</span>
29
+ </button>
30
+ <button
31
+ id="settings-tab-device"
32
+ role="tab"
33
+ aria-controls="settings-panel-device"
34
+ :aria-selected="settingsTab === 'device'"
35
+ :tabindex="settingsTab === 'device' ? 0 : -1"
36
+ :class="['config-subtab', { active: settingsTab === 'device' }]"
37
+ @click="onSettingsTabClick('device')">
38
+ {{ t('settings.tab.device') }}
39
+ </button>
40
+ </div>
41
+
42
+ <div
43
+ v-show="settingsTab === 'backup'"
44
+ id="settings-panel-backup"
45
+ role="tabpanel"
46
+ aria-labelledby="settings-tab-backup">
47
+ <div class="settings-layout">
48
+ <div class="settings-grid">
49
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.sharePrefix.title')">
50
+ <div class="settings-card-header">
51
+ <div class="settings-card-title">{{ t('settings.sharePrefix.title') }}</div>
52
+ <div class="settings-card-meta">{{ t('settings.sharePrefix.meta') }}</div>
53
+ </div>
54
+ <div class="settings-card-body">
55
+ <div class="settings-field-row">
56
+ <label class="settings-field-label" for="settings-share-prefix">{{ t('settings.sharePrefix.label') }}</label>
57
+ <select
58
+ id="settings-share-prefix"
59
+ class="model-select"
60
+ :value="shareCommandPrefix"
61
+ @change="setShareCommandPrefix($event.target.value)">
62
+ <option value="npm start">npm start</option>
63
+ <option value="codexmate">codexmate</option>
64
+ </select>
65
+ </div>
66
+ <div class="settings-card-hint">
67
+ {{ t('settings.sharePrefix.hint') }}
68
+ </div>
69
+ </div>
70
+ </section>
71
+
72
+ <section class="settings-card" :aria-label="t('settings.claude.title')">
73
+ <div class="settings-card-header">
74
+ <div class="settings-card-title">{{ t('settings.claude.title') }}</div>
75
+ <div class="settings-card-meta">{{ t('settings.claude.meta') }}</div>
76
+ </div>
77
+ <div class="settings-card-body">
78
+ <div class="settings-actions">
79
+ <button class="btn-tool" @click="downloadClaudeDirectory" :disabled="claudeDownloadLoading">
80
+ {{ claudeDownloadLoading ? t('settings.backup.progress', { percent: claudeDownloadProgress }) : t('settings.backup.oneClickClaude') }}
81
+ </button>
82
+ <button class="btn-tool" @click="triggerClaudeImport" :disabled="claudeImportLoading">
83
+ {{ claudeImportLoading ? t('settings.importing') : t('settings.backup.importClaude') }}
84
+ </button>
85
+ </div>
86
+ <input
87
+ ref="claudeImportInput"
88
+ class="sr-only"
89
+ type="file"
90
+ accept=".zip"
91
+ @change="handleClaudeImportChange">
92
+ </div>
93
+ </section>
94
+
95
+ <section class="settings-card" :aria-label="t('settings.codex.title')">
96
+ <div class="settings-card-header">
97
+ <div class="settings-card-title">{{ t('settings.codex.title') }}</div>
98
+ <div class="settings-card-meta">{{ t('settings.codex.meta') }}</div>
99
+ </div>
100
+ <div class="settings-card-body">
101
+ <div class="settings-actions">
102
+ <button class="btn-tool" @click="downloadCodexDirectory" :disabled="codexDownloadLoading">
103
+ {{ codexDownloadLoading ? t('settings.backup.progress', { percent: codexDownloadProgress }) : t('settings.backup.oneClickCodex') }}
104
+ </button>
105
+ <button class="btn-tool" @click="triggerCodexImport" :disabled="codexImportLoading">
106
+ {{ codexImportLoading ? t('settings.importing') : t('settings.backup.importCodex') }}
107
+ </button>
108
+ </div>
109
+ <input
110
+ ref="codexImportInput"
111
+ class="sr-only"
112
+ type="file"
113
+ accept=".zip"
114
+ @change="handleCodexImportChange">
115
+ </div>
116
+ </section>
117
+ </div>
118
+ </div>
119
+ </div>
120
+
121
+ <div
122
+ v-show="settingsTab === 'trash'"
123
+ id="settings-panel-trash"
124
+ role="tabpanel"
125
+ aria-labelledby="settings-tab-trash">
126
+ <div class="settings-layout">
127
+ <div class="settings-grid">
128
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.deleteBehavior.title')">
129
+ <div class="settings-card-header">
130
+ <div class="settings-card-title">{{ t('settings.deleteBehavior.title') }}</div>
131
+ <div class="settings-card-meta">{{ t('settings.deleteBehavior.meta') }}</div>
132
+ </div>
133
+ <div class="settings-card-body">
134
+ <label class="health-remote-toggle settings-toggle">
135
+ <input type="checkbox" :checked="sessionTrashEnabled" @change="setSessionTrashEnabled($event.target.checked)">
136
+ <span>{{ t('settings.deleteBehavior.toggle') }}</span>
137
+ </label>
138
+ <div class="settings-card-hint">
139
+ {{ t('settings.deleteBehavior.hint') }}
140
+ </div>
141
+ </div>
142
+ </section>
143
+
144
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.trash.title')">
145
+ <div class="settings-card-header settings-card-header-row">
146
+ <div>
147
+ <div class="settings-card-title">{{ t('settings.trash.title') }}</div>
148
+ <div class="settings-card-meta">{{ t('settings.trash.meta') }}</div>
149
+ </div>
150
+ <div class="settings-card-actions">
151
+ <button class="btn-tool btn-tool-compact" @click="loadSessionTrash({ forceRefresh: true })" :disabled="sessionTrashLoading || sessionTrashClearing">
152
+ {{ sessionTrashLoading ? t('settings.trash.refreshing') : t('settings.trash.refresh') }}
153
+ </button>
154
+ <button class="btn-tool btn-tool-compact" @click="clearSessionTrash" :disabled="sessionTrashClearing || sessionTrashLoading || !(Number(sessionTrashCount) > 0)">
155
+ {{ sessionTrashClearing ? t('settings.trash.clearing') : t('settings.trash.clear') }}
156
+ </button>
157
+ </div>
158
+ </div>
159
+
160
+ <div class="settings-card-body">
161
+ <div v-if="getSessionTrashViewState() === 'loading'" class="session-empty">
162
+ {{ t('settings.trash.loading') }}
163
+ </div>
164
+ <div v-else-if="getSessionTrashViewState() === 'empty'" class="session-empty">
165
+ {{ t('settings.trash.empty') }}
166
+ </div>
167
+ <div v-else-if="getSessionTrashViewState() === 'retry'" class="session-empty">
168
+ {{ t('settings.trash.retry') }}
169
+ </div>
170
+ <div v-else class="trash-list">
171
+ <div v-for="item in visibleSessionTrashItems" :key="item.trashId" class="trash-item session-item session-card">
172
+ <div class="trash-item-header session-item-header">
173
+ <div class="trash-item-main">
174
+ <div class="trash-item-mainline">
175
+ <div class="trash-item-title">{{ item.title || item.sessionId }}</div>
176
+ <span class="session-count-badge">{{ item.messageCount == null ? 0 : item.messageCount }}</span>
177
+ </div>
178
+ <div class="trash-item-meta session-item-meta">
179
+ <span class="session-source">{{ item.sourceLabel }}</span>
180
+ </div>
181
+ </div>
182
+ <div class="trash-item-side">
183
+ <div class="trash-item-actions session-item-actions">
184
+ <button class="btn-mini" @click="restoreSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
185
+ {{ sessionTrashRestoring[getSessionTrashActionKey(item)] ? t('settings.trash.restoring') : t('settings.trash.restore') }}
186
+ </button>
187
+ <button class="btn-mini delete" @click="purgeSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
188
+ {{ sessionTrashPurging[getSessionTrashActionKey(item)] ? t('settings.trash.purging') : t('settings.trash.purge') }}
189
+ </button>
190
+ </div>
191
+ <div class="trash-item-time session-item-time">{{ item.deletedAt || item.updatedAt || t('sessions.unknownTime') }}</div>
192
+ </div>
193
+ </div>
194
+ <div v-if="item.cwd" class="trash-item-path session-item-sub session-item-wrap">
195
+ <span class="trash-item-label">{{ t('settings.trash.workspace') }}</span>
196
+ <span>{{ item.cwd }}</span>
197
+ </div>
198
+ <div class="trash-item-path session-item-sub session-item-wrap">
199
+ <span class="trash-item-label">{{ t('settings.trash.originalFile') }}</span>
200
+ <span>{{ item.originalFilePath }}</span>
201
+ </div>
202
+ </div>
203
+ <div v-if="sessionTrashHasMoreItems" class="trash-list-footer">
204
+ <button class="btn-tool btn-tool-compact" @click="loadMoreSessionTrashItems" :disabled="sessionTrashLoading || sessionTrashClearing">
205
+ {{ t('settings.trash.loadMore', { count: sessionTrashHiddenCount }) }}
206
+ </button>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </section>
211
+ </div>
212
+ </div>
213
+ </div>
214
+
215
+ <div
216
+ v-show="settingsTab === 'device'"
217
+ id="settings-panel-device"
218
+ role="tabpanel"
219
+ aria-labelledby="settings-tab-device">
220
+ <div class="settings-layout">
221
+ <div class="settings-grid">
222
+ <section class="settings-card settings-card--wide" :aria-label="t('settings.templateConfirm.title')">
223
+ <div class="settings-card-header">
224
+ <div class="settings-card-title">{{ t('settings.templateConfirm.title') }}</div>
225
+ <div class="settings-card-meta">{{ t('settings.templateConfirm.meta') }}</div>
226
+ </div>
227
+ <div class="settings-card-body">
228
+ <label class="health-remote-toggle settings-toggle">
229
+ <input
230
+ type="checkbox"
231
+ :checked="configTemplateDiffConfirmEnabled"
232
+ @change="setConfigTemplateDiffConfirmEnabled($event.target.checked)">
233
+ <span>{{ t('settings.templateConfirm.toggle') }}</span>
234
+ </label>
235
+ <div class="settings-card-hint">
236
+ {{ t('settings.templateConfirm.hint') }}
237
+ </div>
238
+ </div>
239
+ </section>
240
+
241
+ <section class="settings-card settings-card--wide settings-card--danger" :aria-label="t('settings.reset.title')">
242
+ <div class="settings-card-header">
243
+ <div class="settings-card-title">{{ t('settings.reset.title') }}</div>
244
+ <div class="settings-card-meta">{{ t('settings.reset.meta') }}</div>
245
+ </div>
246
+ <div class="settings-card-body">
247
+ <div class="settings-card-hint">{{ t('settings.reset.hint') }}</div>
248
+ <div class="settings-actions">
249
+ <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
250
+ {{ resetConfigLoading ? t('settings.reset.loading') : t('settings.reset.button') }}
251
+ </button>
252
+ </div>
253
+ </div>
254
+ </section>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </div>