codexmate 0.0.21 → 0.0.22

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 (114) hide show
  1. package/README.md +389 -284
  2. package/README.zh.md +321 -0
  3. package/cli/agents-files.js +224 -162
  4. package/cli/archive-helpers.js +446 -446
  5. package/cli/auth-profiles.js +359 -359
  6. package/cli/builtin-proxy.js +1044 -580
  7. package/cli/claude-proxy.js +998 -998
  8. package/cli/config-bootstrap.js +384 -384
  9. package/cli/config-health.js +338 -338
  10. package/cli/openai-bridge.js +950 -0
  11. package/cli/openclaw-config.js +629 -629
  12. package/cli/session-usage.concurrent.js +28 -0
  13. package/cli/session-usage.js +112 -0
  14. package/cli/session-usage.models.js +176 -0
  15. package/cli/skills.js +1141 -1141
  16. package/cli/zip-commands.js +510 -510
  17. package/cli.js +13214 -13129
  18. package/lib/cli-file-utils.js +151 -151
  19. package/lib/cli-models-utils.js +419 -419
  20. package/lib/cli-network-utils.js +164 -164
  21. package/lib/cli-path-utils.js +69 -69
  22. package/lib/cli-session-utils.js +121 -121
  23. package/lib/cli-sessions.js +386 -386
  24. package/lib/cli-utils.js +155 -155
  25. package/lib/download-artifacts.js +77 -77
  26. package/lib/mcp-stdio.js +440 -440
  27. package/lib/task-orchestrator.js +869 -869
  28. package/lib/text-diff.js +303 -303
  29. package/lib/workflow-engine.js +340 -340
  30. package/package.json +74 -74
  31. package/res/json5.min.js +1 -1
  32. package/res/logo.png +0 -0
  33. package/res/vue.global.prod.js +13 -13
  34. package/web-ui/app.js +575 -530
  35. package/web-ui/index.html +34 -33
  36. package/web-ui/logic.agents-diff.mjs +386 -386
  37. package/web-ui/logic.claude.mjs +168 -168
  38. package/web-ui/logic.mjs +5 -5
  39. package/web-ui/logic.runtime.mjs +128 -124
  40. package/web-ui/logic.sessions.mjs +614 -581
  41. package/web-ui/modules/api.mjs +90 -90
  42. package/web-ui/modules/app.computed.dashboard.mjs +126 -113
  43. package/web-ui/modules/app.computed.index.mjs +17 -15
  44. package/web-ui/modules/app.computed.main-tabs.mjs +198 -195
  45. package/web-ui/modules/app.computed.session.mjs +653 -507
  46. package/web-ui/modules/app.constants.mjs +15 -15
  47. package/web-ui/modules/app.methods.agents.mjs +544 -493
  48. package/web-ui/modules/app.methods.claude-config.mjs +174 -174
  49. package/web-ui/modules/app.methods.codex-config.mjs +795 -640
  50. package/web-ui/modules/app.methods.index.mjs +92 -88
  51. package/web-ui/modules/app.methods.install.mjs +161 -149
  52. package/web-ui/modules/app.methods.navigation.mjs +619 -619
  53. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  54. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  55. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  56. package/web-ui/modules/app.methods.providers.mjs +404 -363
  57. package/web-ui/modules/app.methods.runtime.mjs +323 -323
  58. package/web-ui/modules/app.methods.session-actions.mjs +537 -520
  59. package/web-ui/modules/app.methods.session-browser.mjs +626 -626
  60. package/web-ui/modules/app.methods.session-timeline.mjs +448 -448
  61. package/web-ui/modules/app.methods.session-trash.mjs +422 -422
  62. package/web-ui/modules/app.methods.startup-claude.mjs +405 -412
  63. package/web-ui/modules/app.methods.task-orchestration.mjs +471 -471
  64. package/web-ui/modules/config-mode.computed.mjs +126 -126
  65. package/web-ui/modules/config-template-confirm-pref.mjs +33 -0
  66. package/web-ui/modules/i18n.mjs +1609 -0
  67. package/web-ui/modules/plugins.computed.mjs +220 -0
  68. package/web-ui/modules/plugins.methods.mjs +620 -0
  69. package/web-ui/modules/plugins.storage.mjs +37 -0
  70. package/web-ui/modules/skills.computed.mjs +107 -107
  71. package/web-ui/modules/skills.methods.mjs +481 -481
  72. package/web-ui/partials/index/layout-footer.html +13 -13
  73. package/web-ui/partials/index/layout-header.html +461 -402
  74. package/web-ui/partials/index/modal-config-template-agents.html +175 -125
  75. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  76. package/web-ui/partials/index/modal-health-check.html +72 -72
  77. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  78. package/web-ui/partials/index/modal-skills.html +200 -184
  79. package/web-ui/partials/index/modals-basic.html +165 -156
  80. package/web-ui/partials/index/panel-config-claude.html +138 -126
  81. package/web-ui/partials/index/panel-config-codex.html +234 -237
  82. package/web-ui/partials/index/panel-config-openclaw.html +78 -78
  83. package/web-ui/partials/index/panel-docs.html +147 -130
  84. package/web-ui/partials/index/panel-market.html +174 -174
  85. package/web-ui/partials/index/panel-orchestration.html +397 -397
  86. package/web-ui/partials/index/panel-plugins.html +243 -0
  87. package/web-ui/partials/index/panel-sessions.html +292 -292
  88. package/web-ui/partials/index/panel-settings.html +258 -190
  89. package/web-ui/partials/index/panel-usage.html +353 -213
  90. package/web-ui/session-helpers.mjs +573 -559
  91. package/web-ui/source-bundle.cjs +233 -233
  92. package/web-ui/styles/base-theme.css +264 -271
  93. package/web-ui/styles/controls-forms.css +362 -360
  94. package/web-ui/styles/docs-panel.css +247 -182
  95. package/web-ui/styles/feedback.css +108 -108
  96. package/web-ui/styles/health-check-dialog.css +144 -144
  97. package/web-ui/styles/layout-shell.css +596 -376
  98. package/web-ui/styles/modals-core.css +464 -464
  99. package/web-ui/styles/navigation-panels.css +382 -348
  100. package/web-ui/styles/openclaw-structured.css +266 -266
  101. package/web-ui/styles/plugins-panel.css +518 -0
  102. package/web-ui/styles/responsive.css +456 -450
  103. package/web-ui/styles/sessions-list.css +400 -400
  104. package/web-ui/styles/sessions-preview.css +411 -411
  105. package/web-ui/styles/sessions-toolbar-trash.css +268 -243
  106. package/web-ui/styles/sessions-usage.css +851 -628
  107. package/web-ui/styles/settings-panel.css +166 -0
  108. package/web-ui/styles/skills-list.css +303 -296
  109. package/web-ui/styles/skills-market.css +396 -335
  110. package/web-ui/styles/task-orchestration.css +776 -776
  111. package/web-ui/styles/titles-cards.css +408 -408
  112. package/web-ui/styles.css +20 -18
  113. package/web-ui.html +17 -17
  114. package/README.en.md +0 -349
package/web-ui/partials/index/panel-market.html CHANGED
@@ -1,174 +1,174 @@
1
- <div
2
- v-show="mainTab === 'market'"
3
- class="mode-content"
4
- id="panel-market"
5
- role="tabpanel"
6
- aria-labelledby="tab-market">
7
- <div class="selector-section market-overview-section">
8
- <div class="selector-header market-overview-header">
9
- <div>
10
- <span class="selector-title">Skills 概览</span>
11
- <div class="skills-panel-note">切换目标并查看本地 Skills。</div>
12
- </div>
13
- <div class="settings-tab-actions market-header-actions">
14
- <button type="button" class="btn-tool btn-tool-compact" @click="loadSkillsMarketOverview({ forceRefresh: true, silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
15
- {{ skillsMarketLoading ? '刷新中...' : '刷新概览' }}
16
- </button>
17
- <button type="button" class="btn-tool btn-tool-compact" @click="openSkillsManager" :disabled="loading || !!initError || skillsMarketBusy">
18
- 打开 Skills 管理
19
- </button>
20
- </div>
21
- </div>
22
-
23
- <div class="market-target-switch" role="group" aria-label="选择 Skills 安装目标">
24
- <button
25
- type="button"
26
- :class="['market-target-chip', { active: skillsTargetApp === 'codex' }]"
27
- :aria-pressed="skillsTargetApp === 'codex'"
28
- :disabled="loading || !!initError || skillsMarketBusy"
29
- @click="setSkillsTargetApp('codex', { silent: false })">
30
- Codex
31
- </button>
32
- <button
33
- type="button"
34
- :class="['market-target-chip', { active: skillsTargetApp === 'claude' }]"
35
- :aria-pressed="skillsTargetApp === 'claude'"
36
- :disabled="loading || !!initError || skillsMarketBusy"
37
- @click="setSkillsTargetApp('claude', { silent: false })">
38
- Claude Code
39
- </button>
40
- </div>
41
-
42
- <div class="skills-root-box market-root-box">{{ skillsRootPath || skillsDefaultRootPath }}</div>
43
-
44
- <div class="skills-summary-strip market-summary-strip">
45
- <div class="skills-summary-item">
46
- <span class="skills-summary-label">安装目标</span>
47
- <strong class="skills-summary-value">{{ skillsTargetLabel }}</strong>
48
- </div>
49
- <div class="skills-summary-item">
50
- <span class="skills-summary-label">本地总数</span>
51
- <strong class="skills-summary-value">{{ skillsList.length }}</strong>
52
- </div>
53
- <div class="skills-summary-item">
54
- <span class="skills-summary-label">含 SKILL.md</span>
55
- <strong class="skills-summary-value">{{ skillsConfiguredCount }}</strong>
56
- </div>
57
- <div class="skills-summary-item">
58
- <span class="skills-summary-label">缺少 SKILL.md</span>
59
- <strong class="skills-summary-value">{{ skillsMissingSkillFileCount }}</strong>
60
- </div>
61
- <div class="skills-summary-item">
62
- <span class="skills-summary-label">可导入</span>
63
- <strong class="skills-summary-value">{{ skillsImportList.length }}</strong>
64
- </div>
65
- <div class="skills-summary-item">
66
- <span class="skills-summary-label">可直接导入</span>
67
- <strong class="skills-summary-value">{{ skillsImportConfiguredCount }}</strong>
68
- </div>
69
- </div>
70
- </div>
71
-
72
- <div class="market-grid">
73
- <div class="skills-panel market-panel">
74
- <div class="skills-panel-header">
75
- <div class="skills-panel-title-wrap">
76
- <div class="skills-panel-title">已安装 Skills</div>
77
- <div class="skills-panel-note">仅显示前 6 项。</div>
78
- </div>
79
- <button type="button" class="btn-mini" @click="refreshSkillsList({ silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
80
- {{ skillsLoading ? '刷新中...' : '刷新本地' }}
81
- </button>
82
- </div>
83
- <div v-if="skillsLoading && !skillsMarketLocalLoadedOnce" class="skills-empty-state">正在加载本地 Skills...</div>
84
- <div v-else-if="skillsList.length === 0" class="skills-empty-state">当前暂无已安装 skill。</div>
85
- <div v-else class="market-preview-list">
86
- <div v-for="skill in skillsMarketInstalledPreview" :key="'market-local-' + skill.name" class="market-preview-item">
87
- <div class="market-preview-main">
88
- <div class="market-preview-title">{{ skill.displayName || skill.name }}</div>
89
- <div class="market-preview-meta">{{ skill.description || skill.path }}</div>
90
- </div>
91
- <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
92
- {{ skill.hasSkillFile ? '已验证' : '待补 SKILL.md' }}
93
- </span>
94
- </div>
95
- </div>
96
- </div>
97
-
98
- <div class="skills-panel market-panel">
99
- <div class="skills-panel-header">
100
- <div class="skills-panel-title-wrap">
101
- <div class="skills-panel-title">可导入来源</div>
102
- <div class="skills-panel-note">扫描并导入到当前 {{ skillsTargetLabel }}。</div>
103
- </div>
104
- <button type="button" class="btn-mini" @click="scanImportableSkills({ silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
105
- {{ skillsScanningImports ? '扫描中...' : '扫描来源' }}
106
- </button>
107
- </div>
108
- <div v-if="skillsScanningImports && !skillsMarketImportLoadedOnce" class="skills-empty-state">正在扫描可导入 skill...</div>
109
- <div v-else-if="skillsImportList.length === 0" class="skills-empty-state">暂未扫描到可导入 skill。</div>
110
- <div v-else class="market-preview-list">
111
- <div v-for="skill in skillsMarketImportPreview" :key="'market-import-' + buildSkillImportKey(skill)" class="market-preview-item">
112
- <div class="market-preview-main">
113
- <div class="market-preview-title">{{ skill.displayName || skill.name }}</div>
114
- <div class="market-preview-meta">{{ skill.sourceLabel }} · {{ skill.sourcePath }}</div>
115
- </div>
116
- <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
117
- {{ skill.hasSkillFile ? '可直接导入' : '缺少 SKILL.md' }}
118
- </span>
119
- </div>
120
- </div>
121
- </div>
122
-
123
- <div class="skills-panel market-panel market-actions-panel">
124
- <div class="skills-panel-header">
125
- <div class="skills-panel-title-wrap">
126
- <div class="skills-panel-title">分发入口</div>
127
- <div class="skills-panel-note">操作均作用于当前安装目标。</div>
128
- </div>
129
- </div>
130
- <div class="market-action-grid">
131
- <button type="button" class="market-action-card" @click="openSkillsManager" :disabled="loading || !!initError || skillsMarketBusy">
132
- <span class="market-action-title">本地 Skills 管理</span>
133
- <span class="market-action-copy">管理当前 {{ skillsTargetLabel }} 的已装 skills</span>
134
- </button>
135
- <button type="button" class="market-action-card" @click="scanImportableSkills({ silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
136
- <span class="market-action-title">跨应用导入</span>
137
- <span class="market-action-copy">导入到当前 {{ skillsTargetLabel }}</span>
138
- </button>
139
- <button type="button" class="market-action-card" @click="triggerSkillsZipImport" :disabled="loading || !!initError || skillsMarketBusy">
140
- <span class="market-action-title">ZIP 导入</span>
141
- <span class="market-action-copy">从 ZIP 导入到当前目标</span>
142
- </button>
143
- </div>
144
- </div>
145
-
146
- <div class="skills-panel market-panel market-panel-wide">
147
- <div class="skills-panel-header">
148
- <div class="skills-panel-title-wrap">
149
- <div class="skills-panel-title">操作说明</div>
150
- </div>
151
- </div>
152
- <div class="market-preview-list">
153
- <div class="market-preview-item">
154
- <div class="market-preview-main">
155
- <div class="market-preview-title">目标切换</div>
156
- <div class="market-preview-meta">当前操作写入 {{ skillsTargetLabel }} 目录。</div>
157
- </div>
158
- </div>
159
- <div class="market-preview-item">
160
- <div class="market-preview-main">
161
- <div class="market-preview-title">跨应用导入</div>
162
- <div class="market-preview-meta">从其他宿主导入未托管 skill。</div>
163
- </div>
164
- </div>
165
- <div class="market-preview-item">
166
- <div class="market-preview-main">
167
- <div class="market-preview-title">ZIP 导入</div>
168
- <div class="market-preview-meta">从 ZIP 导入本地 skill。</div>
169
- </div>
170
- </div>
171
- </div>
172
- </div>
173
- </div>
174
- </div>
1
+ <div
2
+ v-show="mainTab === 'market'"
3
+ class="mode-content"
4
+ id="panel-market"
5
+ role="tabpanel"
6
+ aria-labelledby="tab-market">
7
+ <div class="selector-section market-overview-section">
8
+ <div class="selector-header market-overview-header">
9
+ <div>
10
+ <span class="selector-title">{{ t('market.title') }}</span>
11
+ <div class="skills-panel-note">{{ t('market.subtitle') }}</div>
12
+ </div>
13
+ <div class="settings-tab-actions market-header-actions">
14
+ <button type="button" class="btn-tool btn-tool-compact" @click="loadSkillsMarketOverview({ forceRefresh: true, silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
15
+ {{ skillsMarketLoading ? t('market.refreshing') : t('market.refresh') }}
16
+ </button>
17
+ <button type="button" class="btn-tool btn-tool-compact" @click="openSkillsManager" :disabled="loading || !!initError || skillsMarketBusy">
18
+ {{ t('market.openManager') }}
19
+ </button>
20
+ </div>
21
+ </div>
22
+
23
+ <div class="market-target-switch" role="group" :aria-label="t('market.target.aria')">
24
+ <button
25
+ type="button"
26
+ :class="['market-target-chip', { active: skillsTargetApp === 'codex' }]"
27
+ :aria-pressed="skillsTargetApp === 'codex'"
28
+ :disabled="loading || !!initError || skillsMarketBusy"
29
+ @click="setSkillsTargetApp('codex', { silent: false })">
30
+ Codex
31
+ </button>
32
+ <button
33
+ type="button"
34
+ :class="['market-target-chip', { active: skillsTargetApp === 'claude' }]"
35
+ :aria-pressed="skillsTargetApp === 'claude'"
36
+ :disabled="loading || !!initError || skillsMarketBusy"
37
+ @click="setSkillsTargetApp('claude', { silent: false })">
38
+ Claude Code
39
+ </button>
40
+ </div>
41
+
42
+ <div class="skills-root-box market-root-box">{{ skillsRootPath || skillsDefaultRootPath }}</div>
43
+
44
+ <div class="skills-summary-strip market-summary-strip">
45
+ <div class="skills-summary-item">
46
+ <span class="skills-summary-label">{{ t('market.summary.target') }}</span>
47
+ <strong class="skills-summary-value">{{ skillsTargetLabel }}</strong>
48
+ </div>
49
+ <div class="skills-summary-item">
50
+ <span class="skills-summary-label">{{ t('market.summary.total') }}</span>
51
+ <strong class="skills-summary-value">{{ skillsList.length }}</strong>
52
+ </div>
53
+ <div class="skills-summary-item">
54
+ <span class="skills-summary-label">{{ t('market.summary.configured') }}</span>
55
+ <strong class="skills-summary-value">{{ skillsConfiguredCount }}</strong>
56
+ </div>
57
+ <div class="skills-summary-item">
58
+ <span class="skills-summary-label">{{ t('market.summary.missing') }}</span>
59
+ <strong class="skills-summary-value">{{ skillsMissingSkillFileCount }}</strong>
60
+ </div>
61
+ <div class="skills-summary-item">
62
+ <span class="skills-summary-label">{{ t('market.summary.importable') }}</span>
63
+ <strong class="skills-summary-value">{{ skillsImportList.length }}</strong>
64
+ </div>
65
+ <div class="skills-summary-item">
66
+ <span class="skills-summary-label">{{ t('market.summary.importableDirect') }}</span>
67
+ <strong class="skills-summary-value">{{ skillsImportConfiguredCount }}</strong>
68
+ </div>
69
+ </div>
70
+ </div>
71
+
72
+ <div class="market-grid">
73
+ <div class="skills-panel market-panel">
74
+ <div class="skills-panel-header">
75
+ <div class="skills-panel-title-wrap">
76
+ <div class="skills-panel-title">{{ t('market.installed.title') }}</div>
77
+ <div class="skills-panel-note">{{ t('market.installed.note') }}</div>
78
+ </div>
79
+ <button type="button" class="btn-mini" @click="refreshSkillsList({ silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
80
+ {{ skillsLoading ? t('market.local.refreshing') : t('market.local.refresh') }}
81
+ </button>
82
+ </div>
83
+ <div v-if="skillsLoading && !skillsMarketLocalLoadedOnce" class="skills-empty-state">{{ t('market.local.loading') }}</div>
84
+ <div v-else-if="skillsList.length === 0" class="skills-empty-state">{{ t('market.local.empty') }}</div>
85
+ <div v-else class="market-preview-list">
86
+ <div v-for="skill in skillsMarketInstalledPreview" :key="'market-local-' + skill.name" class="market-preview-item">
87
+ <div class="market-preview-main">
88
+ <div class="market-preview-title">{{ skill.displayName || skill.name }}</div>
89
+ <div class="market-preview-meta">{{ skill.description || skill.path }}</div>
90
+ </div>
91
+ <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
92
+ {{ skill.hasSkillFile ? t('market.pill.verified') : t('market.pill.missingSkill') }}
93
+ </span>
94
+ </div>
95
+ </div>
96
+ </div>
97
+
98
+ <div class="skills-panel market-panel">
99
+ <div class="skills-panel-header">
100
+ <div class="skills-panel-title-wrap">
101
+ <div class="skills-panel-title">{{ t('market.import.title') }}</div>
102
+ <div class="skills-panel-note">{{ t('market.import.note', { target: skillsTargetLabel }) }}</div>
103
+ </div>
104
+ <button type="button" class="btn-mini" @click="scanImportableSkills({ silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
105
+ {{ skillsScanningImports ? t('market.import.scanning') : t('market.import.scan') }}
106
+ </button>
107
+ </div>
108
+ <div v-if="skillsScanningImports && !skillsMarketImportLoadedOnce" class="skills-empty-state">{{ t('market.import.loading') }}</div>
109
+ <div v-else-if="skillsImportList.length === 0" class="skills-empty-state">{{ t('market.import.empty') }}</div>
110
+ <div v-else class="market-preview-list">
111
+ <div v-for="skill in skillsMarketImportPreview" :key="'market-import-' + buildSkillImportKey(skill)" class="market-preview-item">
112
+ <div class="market-preview-main">
113
+ <div class="market-preview-title">{{ skill.displayName || skill.name }}</div>
114
+ <div class="market-preview-meta">{{ skill.sourceLabel }} · {{ skill.sourcePath }}</div>
115
+ </div>
116
+ <span :class="['pill', skill.hasSkillFile ? 'configured' : 'empty']">
117
+ {{ skill.hasSkillFile ? t('market.pill.importableDirect') : t('market.pill.importMissing') }}
118
+ </span>
119
+ </div>
120
+ </div>
121
+ </div>
122
+
123
+ <div class="skills-panel market-panel market-actions-panel">
124
+ <div class="skills-panel-header">
125
+ <div class="skills-panel-title-wrap">
126
+ <div class="skills-panel-title">{{ t('market.actions.title') }}</div>
127
+ <div class="skills-panel-note">{{ t('market.actions.note') }}</div>
128
+ </div>
129
+ </div>
130
+ <div class="market-action-grid">
131
+ <button type="button" class="market-action-card" @click="openSkillsManager" :disabled="loading || !!initError || skillsMarketBusy">
132
+ <span class="market-action-title">{{ t('market.action.manage.title') }}</span>
133
+ <span class="market-action-copy">{{ t('market.action.manage.copy', { target: skillsTargetLabel }) }}</span>
134
+ </button>
135
+ <button type="button" class="market-action-card" @click="scanImportableSkills({ silent: false })" :disabled="loading || !!initError || skillsMarketBusy">
136
+ <span class="market-action-title">{{ t('market.action.crossImport.title') }}</span>
137
+ <span class="market-action-copy">{{ t('market.action.crossImport.copy', { target: skillsTargetLabel }) }}</span>
138
+ </button>
139
+ <button type="button" class="market-action-card" @click="triggerSkillsZipImport" :disabled="loading || !!initError || skillsMarketBusy">
140
+ <span class="market-action-title">{{ t('market.action.zipImport.title') }}</span>
141
+ <span class="market-action-copy">{{ t('market.action.zipImport.copy') }}</span>
142
+ </button>
143
+ </div>
144
+ </div>
145
+
146
+ <div class="skills-panel market-panel market-panel-wide">
147
+ <div class="skills-panel-header">
148
+ <div class="skills-panel-title-wrap">
149
+ <div class="skills-panel-title">{{ t('market.help.title') }}</div>
150
+ </div>
151
+ </div>
152
+ <div class="market-preview-list">
153
+ <div class="market-preview-item">
154
+ <div class="market-preview-main">
155
+ <div class="market-preview-title">{{ t('market.help.target.title') }}</div>
156
+ <div class="market-preview-meta">{{ t('market.help.target.copy', { target: skillsTargetLabel }) }}</div>
157
+ </div>
158
+ </div>
159
+ <div class="market-preview-item">
160
+ <div class="market-preview-main">
161
+ <div class="market-preview-title">{{ t('market.help.crossImport.title') }}</div>
162
+ <div class="market-preview-meta">{{ t('market.help.crossImport.copy') }}</div>
163
+ </div>
164
+ </div>
165
+ <div class="market-preview-item">
166
+ <div class="market-preview-main">
167
+ <div class="market-preview-title">{{ t('market.help.zipImport.title') }}</div>
168
+ <div class="market-preview-meta">{{ t('market.help.zipImport.copy') }}</div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>