codexmate 0.0.21 → 0.0.22

package/web-ui/partials/index/panel-config-openclaw.html

@@ -1,78 +1,78 @@
-                <!-- OpenClaw 配置模式 -->
-                <div
-                    v-show="mainTab === 'config' && configMode === 'openclaw'"
-                    class="mode-content mode-cards"
-                    id="panel-config-openclaw"
-                    role="tabpanel"
-                    :aria-labelledby="'tab-config-openclaw'">
-                <div class="config-template-hint">
-                    写入 <code>~/.openclaw/openclaw.json</code>，支持 JSON5。
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">AGENTS.md</span>
-                    </div>
-                    <div class="config-template-hint">
-                        读写 Workspace 的 <code>AGENTS.md</code>，默认路径 <code>~/.openclaw/workspace/AGENTS.md</code>。
-                    </div>
-                    <button class="btn-tool" @click="openOpenclawAgentsEditor" :disabled="loading || !!initError || agentsLoading">
-                        {{ agentsLoading ? '加载中...' : '打开 AGENTS.md' }}
-                    </button>
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <label class="selector-title" for="openclaw-workspace-file">工作区文件</label>
-                    </div>
-                    <input
-                        id="openclaw-workspace-file"
-                        class="form-input"
-                        v-model="openclawWorkspaceFileName"
-                        placeholder="例如: SOUL.md">
-                    <div class="config-template-hint">
-                        仅限 Workspace 内的 <code>.md</code> 文件。
-                    </div>
-                    <button class="btn-tool" @click="openOpenclawWorkspaceEditor" :disabled="loading || !!initError || agentsLoading">
-                        {{ agentsLoading ? '加载中...' : '打开工作区文件' }}
-                    </button>
-                </div>
-
-                <div class="card-list">
-                    <div v-for="(config, name) in openclawConfigs" :key="name"
-                         :class="['card', { active: currentOpenclawConfig === name }]"
-                         @click="applyOpenclawConfig(name)"
-                         @keydown.enter.self.prevent="applyOpenclawConfig(name)"
-                         @keydown.space.self.prevent="applyOpenclawConfig(name)"
-                         tabindex="0"
-                         role="button"
-                         :aria-current="currentOpenclawConfig === name ? 'true' : null">
-                        <div class="card-leading">
-                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
-                            <div class="card-content">
-                                <div class="card-title">{{ name }}</div>
-                                <div class="card-subtitle">{{ openclawSubtitle(config) }}</div>
-                            </div>
-                        </div>
-                        <div class="card-trailing">
-                            <span :class="['pill', openclawHasContent(config) ? 'configured' : 'empty']">
-                                {{ openclawHasContent(config) ? '已配置' : '未配置' }}
-                            </span>
-                            <div class="card-actions" @click.stop>
-                                <button class="card-action-btn" @click="openOpenclawEditModal(name)" :aria-label="`Edit OpenClaw config ${name}`" title="编辑">
-                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
-                                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
-                                    </svg>
-                                </button>
-                                <button v-if="name !== '默认配置'" class="card-action-btn delete" @click="deleteOpenclawConfig(name)" :aria-label="`Delete OpenClaw config ${name}`" title="删除">
-                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M3 6h18"/>
-                                        <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
-                                    </svg>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+                <!-- OpenClaw 配置模式 -->
+                <div
+                    v-show="mainTab === 'config' && configMode === 'openclaw'"
+                    class="mode-content mode-cards"
+                    id="panel-config-openclaw"
+                    role="tabpanel"
+                    :aria-labelledby="'tab-config-openclaw'">
+                <div class="config-template-hint">
+                    {{ t('openclaw.applyHint') }}
+                </div>
+
+                <div class="selector-section">
+                    <div class="selector-header">
+                        <span class="selector-title">AGENTS.md</span>
+                    </div>
+                    <div class="config-template-hint">
+                        {{ t('openclaw.agents.hint') }}
+                    </div>
+                    <button class="btn-tool" @click="openOpenclawAgentsEditor" :disabled="loading || !!initError || agentsLoading">
+                        {{ agentsLoading ? t('config.modelLoading') : t('openclaw.agents.open') }}
+                    </button>
+                </div>
+
+                <div class="selector-section">
+                    <div class="selector-header">
+                        <label class="selector-title" for="openclaw-workspace-file">{{ t('openclaw.workspaceFile') }}</label>
+                    </div>
+                    <input
+                        id="openclaw-workspace-file"
+                        class="form-input"
+                        v-model="openclawWorkspaceFileName"
+                        :placeholder="t('openclaw.workspace.placeholder')">
+                    <div class="config-template-hint">
+                        {{ t('openclaw.workspace.hint') }}
+                    </div>
+                    <button class="btn-tool" @click="openOpenclawWorkspaceEditor" :disabled="loading || !!initError || agentsLoading">
+                        {{ agentsLoading ? t('config.modelLoading') : t('openclaw.workspace.open') }}
+                    </button>
+                </div>
+
+                <div class="card-list">
+                    <div v-for="(config, name) in openclawConfigs" :key="name"
+                         :class="['card', { active: currentOpenclawConfig === name }]"
+                         @click="applyOpenclawConfig(name)"
+                         @keydown.enter.self.prevent="applyOpenclawConfig(name)"
+                         @keydown.space.self.prevent="applyOpenclawConfig(name)"
+                         tabindex="0"
+                         role="button"
+                         :aria-current="currentOpenclawConfig === name ? 'true' : null">
+                        <div class="card-leading">
+                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
+                            <div class="card-content">
+                                <div class="card-title">{{ name }}</div>
+                                <div class="card-subtitle">{{ openclawSubtitle(config) }}</div>
+                            </div>
+                        </div>
+                        <div class="card-trailing">
+                            <span :class="['pill', openclawHasContent(config) ? 'configured' : 'empty']">
+                                {{ openclawHasContent(config) ? t('openclaw.configured') : t('openclaw.notConfigured') }}
+                            </span>
+                            <div class="card-actions" @click.stop>
+                                <button class="card-action-btn" @click="openOpenclawEditModal(name)" :aria-label="`Edit OpenClaw config ${name}`" :title="t('openclaw.action.edit')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+                                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+                                    </svg>
+                                </button>
+                                <button v-if="name !== '默认配置'" class="card-action-btn delete" @click="deleteOpenclawConfig(name)" :aria-label="`Delete OpenClaw config ${name}`" :title="t('openclaw.action.delete')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M3 6h18"/>
+                                        <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>

package/web-ui/partials/index/panel-docs.html

@@ -1,130 +1,147 @@
-                <div
-                    v-show="mainTab === 'docs'"
-                    class="mode-content docs-mode-content"
-                    id="panel-docs"
-                    role="tabpanel"
-                    aria-labelledby="tab-docs">
-                    <div class="selector-section docs-overview-section">
-                        <div class="selector-header docs-overview-header">
-                            <div>
-                                <span class="selector-title">CLI 安装文档</span>
-                                <div class="skills-panel-note docs-section-note">查看 Claude Code / Codex CLI 命令。</div>
-                            </div>
-                        </div>
-
-                        <div class="docs-toolbar-grid">
-                            <div class="docs-toolbar-card">
-                                <label class="form-label" for="docs-install-package-manager">包管理器</label>
-                                <select id="docs-install-package-manager" class="form-input" v-model="installPackageManager">
-                                    <option value="npm">npm</option>
-                                    <option value="pnpm">pnpm</option>
-                                    <option value="bun">bun</option>
-                                </select>
-                            </div>
-
-                            <div class="docs-toolbar-card docs-toolbar-card-wide">
-                                <label class="form-label">镜像源</label>
-                                <div class="install-action-tabs">
-                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'default' }" @click="setInstallRegistryPreset('default')">官方</button>
-                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'npmmirror' }" @click="setInstallRegistryPreset('npmmirror')">npmmirror</button>
-                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'tencent' }" @click="setInstallRegistryPreset('tencent')">腾讯云</button>
-                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'custom' }" @click="setInstallRegistryPreset('custom')">自定义</button>
-                                </div>
-                                <input
-                                    v-if="installRegistryPreset === 'custom'"
-                                    v-model="installRegistryCustom"
-                                    class="form-input install-registry-input"
-                                    placeholder="https://registry.example.com">
-                                <div class="form-hint install-registry-hint" v-if="installRegistryPreview">
-                                    命令将附加：--registry={{ installRegistryPreview }}
-                                </div>
-                                <div class="form-hint install-registry-hint" v-else-if="installRegistryPreset === 'custom'">
-                                    请输入完整 URL（含 http/https），将自动附加到命令。
-                                </div>
-                            </div>
-
-                            <div class="docs-toolbar-card docs-toolbar-card-wide">
-                                <label class="form-label">操作</label>
-                                <div class="install-action-tabs">
-                                    <button type="button" class="btn-mini" :class="{ active: installCommandAction === 'install' }" @click="setInstallCommandAction('install')">安装</button>
-                                    <button type="button" class="btn-mini" :class="{ active: installCommandAction === 'update' }" @click="setInstallCommandAction('update')">升级</button>
-                                    <button type="button" class="btn-mini" :class="{ active: installCommandAction === 'uninstall' }" @click="setInstallCommandAction('uninstall')">卸载</button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="docs-summary-strip">
-                            <div class="docs-summary-item">
-                                <span class="docs-summary-label">目标数</span>
-                                <strong class="docs-summary-value">{{ installTargetCards.length }}</strong>
-                            </div>
-                            <div class="docs-summary-item">
-                                <span class="docs-summary-label">当前包管理器</span>
-                                <strong class="docs-summary-value">{{ String(installPackageManager || 'npm').toUpperCase() }}</strong>
-                            </div>
-                            <div class="docs-summary-item">
-                                <span class="docs-summary-label">当前操作</span>
-                                <strong class="docs-summary-value">{{ installCommandAction === 'update' ? '升级' : (installCommandAction === 'uninstall' ? '卸载' : '安装') }}</strong>
-                            </div>
-                            <div class="docs-summary-item docs-summary-item-wide">
-                                <span class="docs-summary-label">镜像</span>
-                                <strong class="docs-summary-value">{{ installRegistryPreview || '官方默认' }}</strong>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="selector-section docs-command-section">
-                        <div class="selector-header docs-section-header">
-                            <div>
-                                <span class="selector-title">安装命令</span>
-                                <div class="skills-panel-note docs-section-note">命令可直接复制。</div>
-                            </div>
-                        </div>
-
-                        <div class="install-list docs-install-list">
-                            <div
-                                class="install-row docs-install-row"
-                                v-for="target in installTargetCards"
-                                :key="'docs-install-command-' + target.id + '-' + installCommandAction">
-                                <div class="install-row-main">
-                                    <div class="docs-command-head">
-                                        <div class="install-row-title">{{ target.name }}</div>
-                                        <div class="docs-command-meta">
-                                            <span>{{ target.packageName }}</span>
-                                            <span>命令：{{ target.bin }}</span>
-                                        </div>
-                                    </div>
-                                    <div class="docs-command-row">
-                                        <code class="install-command">{{ target.command }}</code>
-                                        <button type="button" class="btn-mini docs-copy-btn" :disabled="!target.command" @click="copyInstallCommand(target.command)">复制命令</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="selector-section docs-help-section">
-                        <div class="selector-header docs-section-header">
-                            <div>
-                                <span class="selector-title">常见问题</span>
-                                <div class="skills-panel-note docs-section-note">常见问题见下。</div>
-                            </div>
-                        </div>
-
-                        <div class="docs-help-grid">
-                            <div class="docs-note-card">
-                                <div class="docs-note-title">排障提示</div>
-                                <ul class="install-help-list docs-help-list">
-                                    <li v-for="tip in installTroubleshootingTips" :key="tip">{{ tip }}</li>
-                                </ul>
-                            </div>
-                            <div class="docs-note-card">
-                                <div class="docs-note-title">规则</div>
-                                <ul class="docs-static-list">
-                                    <li>命令按当前包管理器、镜像与操作生成。</li>
-                                    <li>自定义镜像仅用于安装与升级。</li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+                <div
+                    v-show="mainTab === 'docs'"
+                    class="mode-content docs-mode-content"
+                    id="panel-docs"
+                    role="tabpanel"
+                    aria-labelledby="tab-docs">
+                    <div class="selector-section docs-overview-section">
+                        <div class="selector-header docs-overview-header">
+                            <div>
+                                <span class="selector-title">{{ t('docs.title') }}</span>
+                                <div class="skills-panel-note docs-section-note">{{ t('docs.subtitle') }}</div>
+                            </div>
+                        </div>
+
+                        <div class="docs-toolbar-grid">
+                            <div class="docs-toolbar-card">
+                                <label class="form-label" for="docs-install-package-manager">{{ t('common.packageManager') }}</label>
+                                <select id="docs-install-package-manager" class="form-input" v-model="installPackageManager">
+                                    <option value="npm">npm</option>
+                                    <option value="pnpm">pnpm</option>
+                                    <option value="bun">bun</option>
+                                </select>
+                            </div>
+
+                            <div class="docs-toolbar-card docs-toolbar-card-wide">
+                                <label class="form-label">{{ t('common.mirror') }}</label>
+                                <div class="install-action-tabs">
+                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'default' }" @click="setInstallRegistryPreset('default')">{{ t('common.official') }}</button>
+                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'npmmirror' }" @click="setInstallRegistryPreset('npmmirror')">npmmirror</button>
+                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'tencent' }" @click="setInstallRegistryPreset('tencent')">{{ t('docs.registry.tencent') }}</button>
+                                    <button type="button" class="btn-mini" :class="{ active: installRegistryPreset === 'custom' }" @click="setInstallRegistryPreset('custom')">{{ t('common.custom') }}</button>
+                                </div>
+                                <input
+                                    v-if="installRegistryPreset === 'custom'"
+                                    v-model="installRegistryCustom"
+                                    class="form-input install-registry-input"
+                                    placeholder="https://registry.example.com">
+                                <div class="form-hint install-registry-hint" v-if="installRegistryPreview">
+                                    {{ t('docs.registryHintPrefix') }} --registry={{ installRegistryPreview }}
+                                </div>
+                                <div class="form-hint install-registry-hint" v-else-if="installRegistryPreset === 'custom'">
+                                    {{ t('docs.registryHintCustom') }}
+                                </div>
+                            </div>
+
+                            <div class="docs-toolbar-card docs-toolbar-card-wide">
+                                <label class="form-label">{{ t('common.action') }}</label>
+                                <div class="install-action-tabs">
+                                    <button type="button" class="btn-mini" :class="{ active: installCommandAction === 'install' }" @click="setInstallCommandAction('install')">{{ t('common.install') }}</button>
+                                    <button type="button" class="btn-mini" :class="{ active: installCommandAction === 'update' }" @click="setInstallCommandAction('update')">{{ t('common.update') }}</button>
+                                    <button type="button" class="btn-mini" :class="{ active: installCommandAction === 'uninstall' }" @click="setInstallCommandAction('uninstall')">{{ t('common.uninstall') }}</button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="docs-summary-strip">
+                            <div class="docs-summary-item">
+                                <span class="docs-summary-label">{{ t('common.targets') }}</span>
+                                <strong class="docs-summary-value">{{ installTargetCards.length }}</strong>
+                            </div>
+                            <div class="docs-summary-item">
+                                <span class="docs-summary-label">{{ t('common.currentPm') }}</span>
+                                <strong class="docs-summary-value">{{ String(installPackageManager || 'npm').toUpperCase() }}</strong>
+                            </div>
+                            <div class="docs-summary-item">
+                                <span class="docs-summary-label">{{ t('common.currentAction') }}</span>
+                                <strong class="docs-summary-value">{{ installCommandAction === 'update' ? t('common.update') : (installCommandAction === 'uninstall' ? t('common.uninstall') : t('common.install')) }}</strong>
+                            </div>
+                            <div class="docs-summary-item docs-summary-item-wide">
+                                <span class="docs-summary-label">{{ t('common.mirrorActive') }}</span>
+                                <strong class="docs-summary-value">{{ installRegistryPreview || t('common.defaultOfficial') }}</strong>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="selector-section docs-command-section">
+                        <div class="selector-header docs-section-header">
+                            <div>
+                                <span class="selector-title">{{ t('docs.section.commands') }}</span>
+                                <div class="skills-panel-note docs-section-note">{{ t('docs.section.commandsNote') }}</div>
+                            </div>
+                        </div>
+
+                        <div class="install-list docs-install-list">
+                            <div
+                                class="install-row docs-install-row"
+                                v-for="target in installTargetCards"
+                                :key="'docs-install-command-' + target.id + '-' + installCommandAction">
+                                <div class="install-row-main">
+                                    <div class="docs-command-head">
+                                        <div class="install-row-title">{{ target.name }}</div>
+                                        <div class="docs-command-meta">
+                                            <span class="docs-meta-pill">{{ target.packageName }}</span>
+                                            <span class="docs-meta-pill">bin: {{ target.bin }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="docs-command-row">
+                                        <div class="docs-command-box" role="group" :aria-label="`${target.name} command`">
+                                            <code class="install-command">{{ target.command }}</code>
+                                            <button
+                                                type="button"
+                                                class="btn-mini docs-copy-btn"
+                                                :disabled="!target.command"
+                                                @click="copyInstallCommand(target.command)">{{ t('common.copy') }}</button>
+                                        </div>
+                                    </div>
+                                    <div
+                                        v-if="target.id === 'codex' && target.termuxCommand && target.termuxCommand !== target.command"
+                                        class="docs-command-row docs-command-row-secondary">
+                                        <div class="docs-command-box" role="group" :aria-label="t('docs.termuxAria')">
+                                            <code class="install-command"><span class="docs-command-prefix">{{ t('docs.termuxLabel') }}</span>{{ target.termuxCommand }}</code>
+                                            <button
+                                                type="button"
+                                                class="btn-mini docs-copy-btn"
+                                                @click="copyInstallCommand(target.termuxCommand)">{{ t('common.copy') }}</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="selector-section docs-help-section">
+                        <div class="selector-header docs-section-header">
+                            <div>
+                                <span class="selector-title">{{ t('docs.section.faq') }}</span>
+                                <div class="skills-panel-note docs-section-note">{{ t('docs.section.faqNote') }}</div>
+                            </div>
+                        </div>
+
+                        <div class="docs-help-grid">
+                            <div class="docs-note-card">
+                                <div class="docs-note-title">{{ t('common.troubleshooting') }}</div>
+                                <ul class="install-help-list docs-help-list">
+                                    <li v-for="tip in installTroubleshootingTips" :key="tip">{{ tip }}</li>
+                                </ul>
+                            </div>
+                            <div class="docs-note-card">
+                                <div class="docs-note-title">{{ t('common.rules') }}</div>
+                                <ul class="docs-static-list">
+                                    <li>{{ t('docs.rule.1') }}</li>
+                                    <li>{{ t('docs.rule.2') }}</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>