codexmate 0.0.41 → 0.0.43

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 (155) hide show
  1. package/README.md +168 -168
  2. package/README.zh.md +168 -168
  3. package/cli/agents-files.js +230 -230
  4. package/cli/analytics-export-args.js +68 -68
  5. package/cli/archive-helpers.js +453 -453
  6. package/cli/auth-profiles.js +375 -375
  7. package/cli/builtin-proxy.js +2144 -2144
  8. package/cli/claude-proxy.js +1022 -1022
  9. package/cli/config-bootstrap.js +407 -407
  10. package/cli/config-health.js +454 -454
  11. package/cli/doctor-core.js +903 -903
  12. package/cli/import-skills-url.js +356 -356
  13. package/cli/local-bridge.js +556 -556
  14. package/cli/openai-bridge.js +1984 -1984
  15. package/cli/openclaw-config.js +629 -629
  16. package/cli/session-convert-args.js +69 -69
  17. package/cli/session-convert-io.js +82 -82
  18. package/cli/session-convert.js +150 -150
  19. package/cli/session-usage.concurrent.js +28 -28
  20. package/cli/session-usage.js +304 -304
  21. package/cli/session-usage.models.js +176 -176
  22. package/cli/skills.js +1141 -1141
  23. package/cli/update.js +171 -171
  24. package/cli/zip-commands.js +510 -510
  25. package/cli.js +16495 -16458
  26. package/lib/automation.js +404 -404
  27. package/lib/cli-file-utils.js +151 -151
  28. package/lib/cli-models-utils.js +440 -440
  29. package/lib/cli-network-utils.js +190 -190
  30. package/lib/cli-path-utils.js +85 -85
  31. package/lib/cli-session-utils.js +121 -121
  32. package/lib/cli-sessions.js +427 -427
  33. package/lib/cli-utils.js +155 -155
  34. package/lib/cli-webhook.js +154 -154
  35. package/lib/download-artifacts.js +92 -92
  36. package/lib/mcp-stdio.js +453 -453
  37. package/lib/task-orchestrator.js +869 -869
  38. package/lib/text-diff.js +303 -303
  39. package/lib/win-tray.js +119 -119
  40. package/lib/workflow-engine.js +340 -340
  41. package/package.json +77 -77
  42. package/plugins/README.md +20 -20
  43. package/plugins/README.zh-CN.md +20 -20
  44. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  45. package/plugins/prompt-templates/computed.mjs +311 -311
  46. package/plugins/prompt-templates/index.mjs +8 -8
  47. package/plugins/prompt-templates/manifest.mjs +18 -18
  48. package/plugins/prompt-templates/methods.mjs +553 -553
  49. package/plugins/prompt-templates/overview.mjs +91 -91
  50. package/plugins/prompt-templates/ownership.mjs +19 -19
  51. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  52. package/plugins/prompt-templates/storage.mjs +64 -64
  53. package/plugins/registry.mjs +16 -16
  54. package/web-ui/app.js +705 -695
  55. package/web-ui/index.html +37 -37
  56. package/web-ui/logic.agents-diff.mjs +386 -386
  57. package/web-ui/logic.claude.mjs +172 -172
  58. package/web-ui/logic.codex.mjs +69 -69
  59. package/web-ui/logic.mjs +5 -5
  60. package/web-ui/logic.runtime.mjs +128 -128
  61. package/web-ui/logic.session-convert.mjs +70 -70
  62. package/web-ui/logic.sessions.mjs +782 -782
  63. package/web-ui/modules/api.mjs +90 -90
  64. package/web-ui/modules/app.computed.dashboard.mjs +252 -252
  65. package/web-ui/modules/app.computed.index.mjs +17 -17
  66. package/web-ui/modules/app.computed.main-tabs.mjs +214 -214
  67. package/web-ui/modules/app.computed.session.mjs +876 -876
  68. package/web-ui/modules/app.constants.mjs +15 -15
  69. package/web-ui/modules/app.methods.agents.mjs +651 -651
  70. package/web-ui/modules/app.methods.claude-config.mjs +412 -412
  71. package/web-ui/modules/app.methods.codex-config.mjs +869 -869
  72. package/web-ui/modules/app.methods.index.mjs +96 -96
  73. package/web-ui/modules/app.methods.install.mjs +205 -205
  74. package/web-ui/modules/app.methods.navigation.mjs +804 -804
  75. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  76. package/web-ui/modules/app.methods.openclaw-editing.mjs +420 -420
  77. package/web-ui/modules/app.methods.openclaw-persist.mjs +375 -375
  78. package/web-ui/modules/app.methods.providers.mjs +602 -601
  79. package/web-ui/modules/app.methods.runtime.mjs +426 -420
  80. package/web-ui/modules/app.methods.session-actions.mjs +617 -591
  81. package/web-ui/modules/app.methods.session-browser.mjs +1018 -1018
  82. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  83. package/web-ui/modules/app.methods.session-trash.mjs +468 -468
  84. package/web-ui/modules/app.methods.startup-claude.mjs +557 -554
  85. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  86. package/web-ui/modules/app.methods.tool-config-permissions.mjs +90 -87
  87. package/web-ui/modules/app.methods.webhook.mjs +87 -87
  88. package/web-ui/modules/config-mode.computed.mjs +124 -124
  89. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  90. package/web-ui/modules/i18n/locales/en.mjs +1187 -1140
  91. package/web-ui/modules/i18n/locales/ja.mjs +1178 -1130
  92. package/web-ui/modules/i18n/locales/vi.mjs +294 -239
  93. package/web-ui/modules/i18n/locales/zh.mjs +1190 -1143
  94. package/web-ui/modules/i18n.dict.mjs +14 -14
  95. package/web-ui/modules/i18n.mjs +111 -111
  96. package/web-ui/modules/plugins.computed.mjs +3 -3
  97. package/web-ui/modules/plugins.methods.mjs +3 -3
  98. package/web-ui/modules/plugins.storage.mjs +11 -11
  99. package/web-ui/modules/provider-url-display.mjs +17 -17
  100. package/web-ui/modules/sessions-filters-url.mjs +138 -138
  101. package/web-ui/modules/skills.computed.mjs +107 -107
  102. package/web-ui/modules/skills.methods.mjs +513 -513
  103. package/web-ui/partials/index/layout-footer.html +13 -13
  104. package/web-ui/partials/index/layout-header.html +478 -478
  105. package/web-ui/partials/index/modal-config-template-agents.html +185 -185
  106. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  107. package/web-ui/partials/index/modal-health-check.html +45 -45
  108. package/web-ui/partials/index/modal-openclaw-config.html +344 -344
  109. package/web-ui/partials/index/modal-skills.html +200 -200
  110. package/web-ui/partials/index/modal-webhook.html +42 -42
  111. package/web-ui/partials/index/modals-basic.html +263 -263
  112. package/web-ui/partials/index/panel-config-claude.html +187 -187
  113. package/web-ui/partials/index/panel-config-codex.html +205 -205
  114. package/web-ui/partials/index/panel-config-openclaw.html +89 -89
  115. package/web-ui/partials/index/panel-dashboard.html +171 -171
  116. package/web-ui/partials/index/panel-docs.html +114 -114
  117. package/web-ui/partials/index/panel-market.html +104 -104
  118. package/web-ui/partials/index/panel-orchestration.html +391 -391
  119. package/web-ui/partials/index/panel-plugins.html +253 -253
  120. package/web-ui/partials/index/panel-sessions.html +325 -319
  121. package/web-ui/partials/index/panel-settings.html +181 -181
  122. package/web-ui/partials/index/panel-trash.html +82 -82
  123. package/web-ui/partials/index/panel-usage.html +181 -181
  124. package/web-ui/res/json5.min.js +1 -1
  125. package/web-ui/res/vue.global.prod.js +13 -13
  126. package/web-ui/res/vue.runtime.global.prod.js +7 -7
  127. package/web-ui/res/web-ui-render.precompiled.js +7671 -7666
  128. package/web-ui/session-helpers.mjs +602 -602
  129. package/web-ui/source-bundle.cjs +305 -305
  130. package/web-ui/styles/base-theme.css +291 -291
  131. package/web-ui/styles/bridge-pool.css +266 -266
  132. package/web-ui/styles/controls-forms.css +532 -532
  133. package/web-ui/styles/dashboard.css +438 -438
  134. package/web-ui/styles/docs-panel.css +245 -245
  135. package/web-ui/styles/feedback.css +108 -108
  136. package/web-ui/styles/health-check-dialog.css +144 -144
  137. package/web-ui/styles/layout-shell.css +711 -711
  138. package/web-ui/styles/modals-core.css +499 -499
  139. package/web-ui/styles/navigation-panels.css +399 -399
  140. package/web-ui/styles/openclaw-structured.css +616 -616
  141. package/web-ui/styles/plugins-panel.css +564 -564
  142. package/web-ui/styles/responsive.css +501 -501
  143. package/web-ui/styles/sessions-list.css +683 -683
  144. package/web-ui/styles/sessions-preview.css +407 -407
  145. package/web-ui/styles/sessions-toolbar-trash.css +518 -518
  146. package/web-ui/styles/sessions-usage.css +849 -849
  147. package/web-ui/styles/settings-panel.css +419 -419
  148. package/web-ui/styles/skills-list.css +305 -305
  149. package/web-ui/styles/skills-market.css +723 -723
  150. package/web-ui/styles/task-orchestration.css +822 -822
  151. package/web-ui/styles/titles-cards.css +492 -486
  152. package/web-ui/styles/trash-panel.css +90 -90
  153. package/web-ui/styles/webhook.css +115 -115
  154. package/web-ui/styles.css +24 -24
  155. package/web-ui.html +17 -17
package/web-ui/partials/index/modal-skills.html CHANGED
@@ -1,200 +1,200 @@
1
- <div v-if="showSkillsModal" class="modal-overlay" @click.self="closeSkillsModal">
2
- <div class="modal modal-wide skills-modal" role="dialog" aria-modal="true" aria-labelledby="skills-modal-title">
3
- <div class="modal-header skills-modal-header">
4
- <div>
5
- <div class="modal-title" id="skills-modal-title">{{ t('modal.skills.title') }}</div>
6
- <div class="skills-modal-subtitle">{{ t('modal.skills.subtitle') }}</div>
7
- </div>
8
- <div class="modal-header-actions skills-modal-actions">
9
- <div class="market-target-switch market-target-switch-compact" role="group" :aria-label="t('modal.skills.target.aria')">
10
- <button
11
- type="button"
12
- :class="['market-target-chip', { active: skillsTargetApp === 'codex' }]"
13
- :aria-pressed="skillsTargetApp === 'codex'"
14
- :disabled="loading || !!initError || skillsMarketBusy"
15
- @click="setSkillsTargetApp('codex', { silent: false })">
16
- Codex
17
- </button>
18
- <button
19
- type="button"
20
- :class="['market-target-chip', { active: skillsTargetApp === 'claude' }]"
21
- :aria-pressed="skillsTargetApp === 'claude'"
22
- :disabled="loading || !!initError || skillsMarketBusy"
23
- @click="setSkillsTargetApp('claude', { silent: false })">
24
- Claude Code
25
- </button>
26
- </div>
27
- <button class="btn-mini" @click="refreshSkillsList({ silent: false })" :disabled="skillsLoading || skillsDeleting || skillsScanningImports || skillsImporting || skillsZipImporting || skillsExporting">
28
- {{ skillsLoading ? t('common.refreshing') : t('common.refresh') }}
29
- </button>
30
- </div>
31
- </div>
32
-
33
- <div class="form-group skills-root-group">
34
- <label class="form-label">{{ t('modal.skills.rootDir', { label: skillsTargetLabel }) }}</label>
35
- <div class="skills-root-box">{{ skillsRootPath || skillsDefaultRootPath }}</div>
36
- </div>
37
-
38
- <div class="skills-summary-strip">
39
- <div class="skills-summary-item">
40
- <span class="skills-summary-label">{{ t('modal.skills.summary.target') }}</span>
41
- <strong class="skills-summary-value">{{ skillsTargetLabel }}</strong>
42
- </div>
43
- <div class="skills-summary-item">
44
- <span class="skills-summary-label">{{ t('modal.skills.summary.total') }}</span>
45
- <strong class="skills-summary-value">{{ skillsList.length }}</strong>
46
- </div>
47
- <div class="skills-summary-item">
48
- <span class="skills-summary-label">{{ t('modal.skills.summary.withSkill') }}</span>
49
- <strong class="skills-summary-value">{{ skillsConfiguredCount }}</strong>
50
- </div>
51
- <div class="skills-summary-item">
52
- <span class="skills-summary-label">{{ t('modal.skills.summary.missingSkill') }}</span>
53
- <strong class="skills-summary-value">{{ skillsMissingSkillFileCount }}</strong>
54
- </div>
55
- <div class="skills-summary-item">
56
- <span class="skills-summary-label">{{ t('modal.skills.summary.importable') }}</span>
57
- <strong class="skills-summary-value">{{ skillsImportList.length }}</strong>
58
- </div>
59
- </div>
60
-
61
- <div class="skills-manager-grid" :aria-label="t('modal.skills.panel.aria')">
62
- <div class="skills-manager-col skills-manager-left">
63
- <div class="skills-panel">
64
- <div class="skills-panel-header">
65
- <div class="skills-panel-title-wrap">
66
- <div class="skills-panel-title">{{ t('modal.skills.local.title') }}</div>
67
- <div class="skills-panel-note">{{ t('modal.skills.local.note') }}</div>
68
- </div>
69
- <button
70
- class="btn-mini"
71
- @click="resetSkillsFilters"
72
- :disabled="skillsLoading || skillsDeleting || !skillsFilterDirty">
73
- {{ t('common.resetFilters') }}
74
- </button>
75
- </div>
76
-
77
- <div class="skills-filter-row">
78
- <input
79
- class="form-input"
80
- type="text"
81
- v-model.trim="skillsKeyword"
82
- :aria-label="t('modal.skills.filter.keywordAria')"
83
- :placeholder="t('modal.skills.filter.keywordPlaceholder')">
84
- <select class="form-select skills-status-select" v-model="skillsStatusFilter" :aria-label="t('modal.skills.filter.statusAria')">
85
- <option value="all">{{ t('modal.skills.filter.status.all') }}</option>
86
- <option value="with-skill-file">{{ t('modal.skills.filter.status.withSkill') }}</option>
87
- <option value="missing-skill-file">{{ t('modal.skills.filter.status.missingSkill') }}</option>
88
- </select>
89
- </div>
90
-
91
- <div class="skill-toolbar">
92
- <label class="skill-select-all">
93
- <input type="checkbox" :checked="skillsAllSelected" @change="toggleAllSkillsSelection" :disabled="skillsLoading || skillsDeleting || skillsSelectableNames.length === 0">
94
- <span>{{ skillsAllSelected ? t('common.unselectAll') : t('common.selectAll') }}</span>
95
- </label>
96
- <span class="skill-toolbar-count">{{ t('modal.skills.selection.stats', { selected: skillsSelectedCount, filtered: filteredSkillsList.length, total: skillsList.length, visibleSelected: skillsVisibleSelectedCount }) }}</span>
97
- </div>
98
-
99
- <div v-if="skillsList.length === 0" class="skills-empty-state">{{ t('modal.skills.empty.local') }}</div>
100
- <div v-else-if="filteredSkillsList.length === 0" class="skills-empty-state">{{ t('modal.skills.empty.filtered') }}</div>
101
- <div v-else class="skill-list">
102
- <label
103
- class="skill-item"
104
- :class="{ selected: skillsSelectedNames.includes(skill.name) }"
105
- v-for="skill in filteredSkillsList"
106
- :key="'skill-' + skill.name">
107
- <input type="checkbox" v-model="skillsSelectedNames" :value="skill.name" :disabled="skillsDeleting">
108
- <div class="skill-item-main">
109
- <div class="skill-item-title">{{ skill.displayName || skill.name }}</div>
110
- <div v-if="skill.description" class="skill-item-description">{{ skill.description }}</div>
111
- <div class="skill-item-meta">
112
- <span class="skill-item-path" :title="skill.path">{{ skill.path }}</span>
113
- <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
114
- {{ skill.hasSkillFile ? t('modal.skills.pill.hasSkillFile') : t('modal.skills.pill.missingSkillFile') }}
115
- </span>
116
- <span class="pill source">{{ skill.sourceType === 'symlink' ? t('modal.skills.pill.symlink') : t('modal.skills.pill.dir') }}</span>
117
- </div>
118
- </div>
119
- </label>
120
- </div>
121
- </div>
122
- </div>
123
-
124
- <div class="skills-manager-col skills-manager-right">
125
- <div class="skills-panel skills-import-block">
126
- <div class="skills-panel-header">
127
- <div class="skills-panel-title-wrap">
128
- <div class="skills-import-title">{{ t('modal.skills.import.title') }}</div>
129
- <div class="skills-panel-note">{{ t('modal.skills.import.note', { label: skillsTargetLabel }) }}</div>
130
- </div>
131
- <button class="btn-mini" @click="scanImportableSkills" :disabled="skillsLoading || skillsDeleting || skillsScanningImports || skillsImporting || skillsZipImporting || skillsExporting">
132
- {{ skillsScanningImports ? t('common.scanning') : t('modal.skills.import.scan') }}
133
- </button>
134
- </div>
135
- <div class="skill-toolbar">
136
- <label class="skill-select-all">
137
- <input type="checkbox" :checked="skillsImportAllSelected" @change="toggleAllSkillsImportSelection" :disabled="skillsScanningImports || skillsImporting || skillsImportSelectableKeys.length === 0">
138
- <span>{{ skillsImportAllSelected ? t('common.unselectAll') : t('common.selectAll') }}</span>
139
- </label>
140
- <span class="skill-toolbar-count">{{ t('modal.skills.import.stats', { selected: skillsImportSelectedCount, total: skillsImportSelectableKeys.length, configured: skillsImportConfiguredCount, missing: skillsImportMissingSkillFileCount }) }}</span>
141
- </div>
142
- <div v-if="skillsImportList.length === 0" class="skills-empty-state skills-import-empty">{{ t('modal.skills.import.emptyHint') }}</div>
143
- <div v-else class="skill-list skills-import-list">
144
- <label
145
- class="skill-item"
146
- :class="{ selected: skillsImportSelectedKeys.includes(buildSkillImportKey(skill)) }"
147
- v-for="skill in skillsImportList"
148
- :key="'import-skill-' + buildSkillImportKey(skill)">
149
- <input type="checkbox" v-model="skillsImportSelectedKeys" :value="buildSkillImportKey(skill)" :disabled="skillsImporting">
150
- <div class="skill-item-main">
151
- <div class="skill-item-title">{{ skill.displayName || skill.name }}</div>
152
- <div v-if="skill.description" class="skill-item-description">{{ skill.description }}</div>
153
- <div class="skill-item-meta">
154
- <span class="skill-item-path" :title="skill.sourcePath">{{ skill.sourcePath }}</span>
155
- <span class="pill source">{{ skill.sourceLabel }}</span>
156
- <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
157
- {{ skill.hasSkillFile ? t('modal.skills.pill.hasSkillFile') : t('modal.skills.pill.missingSkillFile') }}
158
- </span>
159
- </div>
160
- </div>
161
- </label>
162
- </div>
163
- </div>
164
-
165
- <div class="skills-panel skills-actions-panel">
166
- <div class="skills-panel-header">
167
- <div class="skills-panel-title-wrap">
168
- <div class="skills-panel-title">{{ t('modal.skills.bulk.title') }}</div>
169
- <div class="skills-panel-note">{{ t('modal.skills.bulk.note') }}</div>
170
- </div>
171
- </div>
172
- <div class="skills-actions-grid">
173
- <button class="btn btn-cancel" @click="triggerSkillsZipImport" :disabled="skillsZipImporting || skillsDeleting || skillsImporting || skillsScanningImports || skillsExporting">
174
- {{ skillsZipImporting ? t('modal.skills.actions.zipImporting') : t('modal.skills.actions.zipImport') }}
175
- </button>
176
- <button class="btn btn-confirm" @click="exportSelectedSkills" :disabled="skillsExporting || skillsSelectedCount === 0 || skillsDeleting || skillsImporting || skillsScanningImports || skillsZipImporting">
177
- {{ skillsExporting ? t('modal.skills.actions.exporting') : t('modal.skills.actions.exportSelected') }}
178
- </button>
179
- <button class="btn btn-confirm secondary" @click="importSelectedSkills" :disabled="skillsImporting || skillsScanningImports || skillsImportSelectedCount === 0 || skillsZipImporting || skillsExporting || skillsDeleting">
180
- {{ skillsImporting ? t('modal.skills.actions.importing') : t('modal.skills.actions.importSelected') }}
181
- </button>
182
- <button class="btn btn-confirm btn-danger" @click="deleteSelectedSkills" :disabled="skillsDeleting || skillsSelectedCount === 0 || skillsImporting || skillsZipImporting || skillsExporting">
183
- {{ skillsDeleting ? t('modal.skills.actions.deleting') : t('modal.skills.actions.deleteSelected') }}
184
- </button>
185
- <button class="btn btn-cancel skills-close-btn" @click="closeSkillsModal" :disabled="skillsLoading || skillsDeleting || skillsImporting || skillsScanningImports || skillsZipImporting || skillsExporting">
186
- {{ t('common.close') }}
187
- </button>
188
- </div>
189
- </div>
190
- </div>
191
- </div>
192
- </div>
193
- </div>
194
-
195
- <input
196
- ref="skillsZipImportInput"
197
- type="file"
198
- accept=".zip,application/zip"
199
- style="display:none"
200
- @change="handleSkillsZipImportChange">
1
+ <div v-if="showSkillsModal" class="modal-overlay" @click.self="closeSkillsModal">
2
+ <div class="modal modal-wide skills-modal" role="dialog" aria-modal="true" aria-labelledby="skills-modal-title">
3
+ <div class="modal-header skills-modal-header">
4
+ <div>
5
+ <div class="modal-title" id="skills-modal-title">{{ t('modal.skills.title') }}</div>
6
+ <div class="skills-modal-subtitle">{{ t('modal.skills.subtitle') }}</div>
7
+ </div>
8
+ <div class="modal-header-actions skills-modal-actions">
9
+ <div class="market-target-switch market-target-switch-compact" role="group" :aria-label="t('modal.skills.target.aria')">
10
+ <button
11
+ type="button"
12
+ :class="['market-target-chip', { active: skillsTargetApp === 'codex' }]"
13
+ :aria-pressed="skillsTargetApp === 'codex'"
14
+ :disabled="loading || !!initError || skillsMarketBusy"
15
+ @click="setSkillsTargetApp('codex', { silent: false })">
16
+ Codex
17
+ </button>
18
+ <button
19
+ type="button"
20
+ :class="['market-target-chip', { active: skillsTargetApp === 'claude' }]"
21
+ :aria-pressed="skillsTargetApp === 'claude'"
22
+ :disabled="loading || !!initError || skillsMarketBusy"
23
+ @click="setSkillsTargetApp('claude', { silent: false })">
24
+ Claude Code
25
+ </button>
26
+ </div>
27
+ <button class="btn-mini" @click="refreshSkillsList({ silent: false })" :disabled="skillsLoading || skillsDeleting || skillsScanningImports || skillsImporting || skillsZipImporting || skillsExporting">
28
+ {{ skillsLoading ? t('common.refreshing') : t('common.refresh') }}
29
+ </button>
30
+ </div>
31
+ </div>
32
+
33
+ <div class="form-group skills-root-group">
34
+ <label class="form-label">{{ t('modal.skills.rootDir', { label: skillsTargetLabel }) }}</label>
35
+ <div class="skills-root-box">{{ skillsRootPath || skillsDefaultRootPath }}</div>
36
+ </div>
37
+
38
+ <div class="skills-summary-strip">
39
+ <div class="skills-summary-item">
40
+ <span class="skills-summary-label">{{ t('modal.skills.summary.target') }}</span>
41
+ <strong class="skills-summary-value">{{ skillsTargetLabel }}</strong>
42
+ </div>
43
+ <div class="skills-summary-item">
44
+ <span class="skills-summary-label">{{ t('modal.skills.summary.total') }}</span>
45
+ <strong class="skills-summary-value">{{ skillsList.length }}</strong>
46
+ </div>
47
+ <div class="skills-summary-item">
48
+ <span class="skills-summary-label">{{ t('modal.skills.summary.withSkill') }}</span>
49
+ <strong class="skills-summary-value">{{ skillsConfiguredCount }}</strong>
50
+ </div>
51
+ <div class="skills-summary-item">
52
+ <span class="skills-summary-label">{{ t('modal.skills.summary.missingSkill') }}</span>
53
+ <strong class="skills-summary-value">{{ skillsMissingSkillFileCount }}</strong>
54
+ </div>
55
+ <div class="skills-summary-item">
56
+ <span class="skills-summary-label">{{ t('modal.skills.summary.importable') }}</span>
57
+ <strong class="skills-summary-value">{{ skillsImportList.length }}</strong>
58
+ </div>
59
+ </div>
60
+
61
+ <div class="skills-manager-grid" :aria-label="t('modal.skills.panel.aria')">
62
+ <div class="skills-manager-col skills-manager-left">
63
+ <div class="skills-panel">
64
+ <div class="skills-panel-header">
65
+ <div class="skills-panel-title-wrap">
66
+ <div class="skills-panel-title">{{ t('modal.skills.local.title') }}</div>
67
+ <div class="skills-panel-note">{{ t('modal.skills.local.note') }}</div>
68
+ </div>
69
+ <button
70
+ class="btn-mini"
71
+ @click="resetSkillsFilters"
72
+ :disabled="skillsLoading || skillsDeleting || !skillsFilterDirty">
73
+ {{ t('common.resetFilters') }}
74
+ </button>
75
+ </div>
76
+
77
+ <div class="skills-filter-row">
78
+ <input
79
+ class="form-input"
80
+ type="text"
81
+ v-model.trim="skillsKeyword"
82
+ :aria-label="t('modal.skills.filter.keywordAria')"
83
+ :placeholder="t('modal.skills.filter.keywordPlaceholder')">
84
+ <select class="form-select skills-status-select" v-model="skillsStatusFilter" :aria-label="t('modal.skills.filter.statusAria')">
85
+ <option value="all">{{ t('modal.skills.filter.status.all') }}</option>
86
+ <option value="with-skill-file">{{ t('modal.skills.filter.status.withSkill') }}</option>
87
+ <option value="missing-skill-file">{{ t('modal.skills.filter.status.missingSkill') }}</option>
88
+ </select>
89
+ </div>
90
+
91
+ <div class="skill-toolbar">
92
+ <label class="skill-select-all">
93
+ <input type="checkbox" :checked="skillsAllSelected" @change="toggleAllSkillsSelection" :disabled="skillsLoading || skillsDeleting || skillsSelectableNames.length === 0">
94
+ <span>{{ skillsAllSelected ? t('common.unselectAll') : t('common.selectAll') }}</span>
95
+ </label>
96
+ <span class="skill-toolbar-count">{{ t('modal.skills.selection.stats', { selected: skillsSelectedCount, filtered: filteredSkillsList.length, total: skillsList.length, visibleSelected: skillsVisibleSelectedCount }) }}</span>
97
+ </div>
98
+
99
+ <div v-if="skillsList.length === 0" class="skills-empty-state">{{ t('modal.skills.empty.local') }}</div>
100
+ <div v-else-if="filteredSkillsList.length === 0" class="skills-empty-state">{{ t('modal.skills.empty.filtered') }}</div>
101
+ <div v-else class="skill-list">
102
+ <label
103
+ class="skill-item"
104
+ :class="{ selected: skillsSelectedNames.includes(skill.name) }"
105
+ v-for="skill in filteredSkillsList"
106
+ :key="'skill-' + skill.name">
107
+ <input type="checkbox" v-model="skillsSelectedNames" :value="skill.name" :disabled="skillsDeleting">
108
+ <div class="skill-item-main">
109
+ <div class="skill-item-title">{{ skill.displayName || skill.name }}</div>
110
+ <div v-if="skill.description" class="skill-item-description">{{ skill.description }}</div>
111
+ <div class="skill-item-meta">
112
+ <span class="skill-item-path" :title="skill.path">{{ skill.path }}</span>
113
+ <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
114
+ {{ skill.hasSkillFile ? t('modal.skills.pill.hasSkillFile') : t('modal.skills.pill.missingSkillFile') }}
115
+ </span>
116
+ <span class="pill source">{{ skill.sourceType === 'symlink' ? t('modal.skills.pill.symlink') : t('modal.skills.pill.dir') }}</span>
117
+ </div>
118
+ </div>
119
+ </label>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <div class="skills-manager-col skills-manager-right">
125
+ <div class="skills-panel skills-import-block">
126
+ <div class="skills-panel-header">
127
+ <div class="skills-panel-title-wrap">
128
+ <div class="skills-import-title">{{ t('modal.skills.import.title') }}</div>
129
+ <div class="skills-panel-note">{{ t('modal.skills.import.note', { label: skillsTargetLabel }) }}</div>
130
+ </div>
131
+ <button class="btn-mini" @click="scanImportableSkills" :disabled="skillsLoading || skillsDeleting || skillsScanningImports || skillsImporting || skillsZipImporting || skillsExporting">
132
+ {{ skillsScanningImports ? t('common.scanning') : t('modal.skills.import.scan') }}
133
+ </button>
134
+ </div>
135
+ <div class="skill-toolbar">
136
+ <label class="skill-select-all">
137
+ <input type="checkbox" :checked="skillsImportAllSelected" @change="toggleAllSkillsImportSelection" :disabled="skillsScanningImports || skillsImporting || skillsImportSelectableKeys.length === 0">
138
+ <span>{{ skillsImportAllSelected ? t('common.unselectAll') : t('common.selectAll') }}</span>
139
+ </label>
140
+ <span class="skill-toolbar-count">{{ t('modal.skills.import.stats', { selected: skillsImportSelectedCount, total: skillsImportSelectableKeys.length, configured: skillsImportConfiguredCount, missing: skillsImportMissingSkillFileCount }) }}</span>
141
+ </div>
142
+ <div v-if="skillsImportList.length === 0" class="skills-empty-state skills-import-empty">{{ t('modal.skills.import.emptyHint') }}</div>
143
+ <div v-else class="skill-list skills-import-list">
144
+ <label
145
+ class="skill-item"
146
+ :class="{ selected: skillsImportSelectedKeys.includes(buildSkillImportKey(skill)) }"
147
+ v-for="skill in skillsImportList"
148
+ :key="'import-skill-' + buildSkillImportKey(skill)">
149
+ <input type="checkbox" v-model="skillsImportSelectedKeys" :value="buildSkillImportKey(skill)" :disabled="skillsImporting">
150
+ <div class="skill-item-main">
151
+ <div class="skill-item-title">{{ skill.displayName || skill.name }}</div>
152
+ <div v-if="skill.description" class="skill-item-description">{{ skill.description }}</div>
153
+ <div class="skill-item-meta">
154
+ <span class="skill-item-path" :title="skill.sourcePath">{{ skill.sourcePath }}</span>
155
+ <span class="pill source">{{ skill.sourceLabel }}</span>
156
+ <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
157
+ {{ skill.hasSkillFile ? t('modal.skills.pill.hasSkillFile') : t('modal.skills.pill.missingSkillFile') }}
158
+ </span>
159
+ </div>
160
+ </div>
161
+ </label>
162
+ </div>
163
+ </div>
164
+
165
+ <div class="skills-panel skills-actions-panel">
166
+ <div class="skills-panel-header">
167
+ <div class="skills-panel-title-wrap">
168
+ <div class="skills-panel-title">{{ t('modal.skills.bulk.title') }}</div>
169
+ <div class="skills-panel-note">{{ t('modal.skills.bulk.note') }}</div>
170
+ </div>
171
+ </div>
172
+ <div class="skills-actions-grid">
173
+ <button class="btn btn-cancel" @click="triggerSkillsZipImport" :disabled="skillsZipImporting || skillsDeleting || skillsImporting || skillsScanningImports || skillsExporting">
174
+ {{ skillsZipImporting ? t('modal.skills.actions.zipImporting') : t('modal.skills.actions.zipImport') }}
175
+ </button>
176
+ <button class="btn btn-confirm" @click="exportSelectedSkills" :disabled="skillsExporting || skillsSelectedCount === 0 || skillsDeleting || skillsImporting || skillsScanningImports || skillsZipImporting">
177
+ {{ skillsExporting ? t('modal.skills.actions.exporting') : t('modal.skills.actions.exportSelected') }}
178
+ </button>
179
+ <button class="btn btn-confirm secondary" @click="importSelectedSkills" :disabled="skillsImporting || skillsScanningImports || skillsImportSelectedCount === 0 || skillsZipImporting || skillsExporting || skillsDeleting">
180
+ {{ skillsImporting ? t('modal.skills.actions.importing') : t('modal.skills.actions.importSelected') }}
181
+ </button>
182
+ <button class="btn btn-confirm btn-danger" @click="deleteSelectedSkills" :disabled="skillsDeleting || skillsSelectedCount === 0 || skillsImporting || skillsZipImporting || skillsExporting">
183
+ {{ skillsDeleting ? t('modal.skills.actions.deleting') : t('modal.skills.actions.deleteSelected') }}
184
+ </button>
185
+ <button class="btn btn-cancel skills-close-btn" @click="closeSkillsModal" :disabled="skillsLoading || skillsDeleting || skillsImporting || skillsScanningImports || skillsZipImporting || skillsExporting">
186
+ {{ t('common.close') }}
187
+ </button>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+
195
+ <input
196
+ ref="skillsZipImportInput"
197
+ type="file"
198
+ accept=".zip,application/zip"
199
+ style="display:none"
200
+ @change="handleSkillsZipImportChange">
package/web-ui/partials/index/modal-webhook.html CHANGED
@@ -1,42 +1,42 @@
1
- <!-- Webhook settings modal -->
2
- <div v-if="showWebhookModal" class="modal-overlay" @click.self="closeWebhookModal">
3
- <div class="modal" role="dialog" aria-modal="true" aria-labelledby="webhook-modal-title">
4
- <div class="modal-title" id="webhook-modal-title">{{ t('settings.webhook.modalTitle') }}</div>
5
-
6
- <div class="form-group">
7
- <label class="form-label">{{ t('settings.webhook.enabledLabel') }}</label>
8
- <label class="settings-toggle">
9
- <input type="checkbox" v-model="webhookConfig.enabled">
10
- <span>{{ t('settings.webhook.enableToggle') }}</span>
11
- </label>
12
- </div>
13
-
14
- <div class="form-group">
15
- <label class="form-label">{{ t('settings.webhook.urlLabel') }}</label>
16
- <input
17
- v-model="webhookConfig.url"
18
- class="form-input"
19
- type="url"
20
- placeholder="https://example.com/webhook"
21
- autocomplete="off"
22
- spellcheck="false">
23
- </div>
24
-
25
- <div class="form-group">
26
- <label class="form-label">{{ t('settings.webhook.eventsLabel') }}</label>
27
- <div class="webhook-events-checkbox-list">
28
- <label v-for="ev in webhookEventOptions" :key="ev" class="webhook-event-checkbox-item">
29
- <input type="checkbox" :checked="webhookConfig.events.includes(ev)" @change="toggleWebhookEvent(ev)">
30
- <span>{{ ev }}</span>
31
- </label>
32
- </div>
33
- </div>
34
-
35
- <div class="btn-group">
36
- <button class="btn btn-cancel" @click="closeWebhookModal">{{ t('common.cancel') }}</button>
37
- <button class="btn btn-confirm" @click="saveWebhookSettings" :disabled="webhookSaving">
38
- {{ webhookSaving ? t('common.saving') : t('common.save') }}
39
- </button>
40
- </div>
41
- </div>
42
- </div>
1
+ <!-- Webhook settings modal -->
2
+ <div v-if="showWebhookModal" class="modal-overlay" @click.self="closeWebhookModal">
3
+ <div class="modal" role="dialog" aria-modal="true" aria-labelledby="webhook-modal-title">
4
+ <div class="modal-title" id="webhook-modal-title">{{ t('settings.webhook.modalTitle') }}</div>
5
+
6
+ <div class="form-group">
7
+ <label class="form-label">{{ t('settings.webhook.enabledLabel') }}</label>
8
+ <label class="settings-toggle">
9
+ <input type="checkbox" v-model="webhookConfig.enabled">
10
+ <span>{{ t('settings.webhook.enableToggle') }}</span>
11
+ </label>
12
+ </div>
13
+
14
+ <div class="form-group">
15
+ <label class="form-label">{{ t('settings.webhook.urlLabel') }}</label>
16
+ <input
17
+ v-model="webhookConfig.url"
18
+ class="form-input"
19
+ type="url"
20
+ placeholder="https://example.com/webhook"
21
+ autocomplete="off"
22
+ spellcheck="false">
23
+ </div>
24
+
25
+ <div class="form-group">
26
+ <label class="form-label">{{ t('settings.webhook.eventsLabel') }}</label>
27
+ <div class="webhook-events-checkbox-list">
28
+ <label v-for="ev in webhookEventOptions" :key="ev" class="webhook-event-checkbox-item">
29
+ <input type="checkbox" :checked="webhookConfig.events.includes(ev)" @change="toggleWebhookEvent(ev)">
30
+ <span>{{ ev }}</span>
31
+ </label>
32
+ </div>
33
+ </div>
34
+
35
+ <div class="btn-group">
36
+ <button class="btn btn-cancel" @click="closeWebhookModal">{{ t('common.cancel') }}</button>
37
+ <button class="btn btn-confirm" @click="saveWebhookSettings" :disabled="webhookSaving">
38
+ {{ webhookSaving ? t('common.saving') : t('common.save') }}
39
+ </button>
40
+ </div>
41
+ </div>
42
+ </div>