codexmate 0.0.21 → 0.0.23

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 (115) hide show
  1. package/README.md +390 -284
  2. package/README.zh.md +322 -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 +626 -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 +202 -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 +177 -149
  52. package/web-ui/modules/app.methods.navigation.mjs +662 -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 +691 -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 +417 -412
  63. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -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 +1823 -0
  67. package/web-ui/modules/plugins.computed.mjs +3 -0
  68. package/web-ui/modules/plugins.methods.mjs +3 -0
  69. package/web-ui/modules/plugins.storage.mjs +11 -0
  70. package/web-ui/modules/sessions-filters-url.mjs +85 -0
  71. package/web-ui/modules/skills.computed.mjs +107 -107
  72. package/web-ui/modules/skills.methods.mjs +481 -481
  73. package/web-ui/partials/index/layout-footer.html +13 -13
  74. package/web-ui/partials/index/layout-header.html +461 -402
  75. package/web-ui/partials/index/modal-config-template-agents.html +175 -125
  76. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  77. package/web-ui/partials/index/modal-health-check.html +72 -72
  78. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  79. package/web-ui/partials/index/modal-skills.html +200 -184
  80. package/web-ui/partials/index/modals-basic.html +165 -156
  81. package/web-ui/partials/index/panel-config-claude.html +159 -126
  82. package/web-ui/partials/index/panel-config-codex.html +255 -237
  83. package/web-ui/partials/index/panel-config-openclaw.html +78 -78
  84. package/web-ui/partials/index/panel-docs.html +147 -130
  85. package/web-ui/partials/index/panel-market.html +174 -174
  86. package/web-ui/partials/index/panel-orchestration.html +388 -397
  87. package/web-ui/partials/index/panel-plugins.html +273 -0
  88. package/web-ui/partials/index/panel-sessions.html +298 -292
  89. package/web-ui/partials/index/panel-settings.html +258 -190
  90. package/web-ui/partials/index/panel-usage.html +353 -213
  91. package/web-ui/session-helpers.mjs +573 -559
  92. package/web-ui/source-bundle.cjs +233 -233
  93. package/web-ui/styles/base-theme.css +264 -271
  94. package/web-ui/styles/controls-forms.css +369 -360
  95. package/web-ui/styles/docs-panel.css +247 -182
  96. package/web-ui/styles/feedback.css +108 -108
  97. package/web-ui/styles/health-check-dialog.css +144 -144
  98. package/web-ui/styles/layout-shell.css +602 -376
  99. package/web-ui/styles/modals-core.css +464 -464
  100. package/web-ui/styles/navigation-panels.css +390 -348
  101. package/web-ui/styles/openclaw-structured.css +266 -266
  102. package/web-ui/styles/plugins-panel.css +523 -0
  103. package/web-ui/styles/responsive.css +456 -450
  104. package/web-ui/styles/sessions-list.css +400 -400
  105. package/web-ui/styles/sessions-preview.css +411 -411
  106. package/web-ui/styles/sessions-toolbar-trash.css +268 -243
  107. package/web-ui/styles/sessions-usage.css +879 -628
  108. package/web-ui/styles/settings-panel.css +166 -0
  109. package/web-ui/styles/skills-list.css +303 -296
  110. package/web-ui/styles/skills-market.css +406 -335
  111. package/web-ui/styles/task-orchestration.css +822 -776
  112. package/web-ui/styles/titles-cards.css +408 -408
  113. package/web-ui/styles.css +20 -18
  114. package/web-ui.html +17 -17
  115. 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>