foxclaw 0.1.2 → 0.1.3

package/python/frontend_src/src/api.js

@@ -1,10 +1,5 @@
-/* 所有请求走相对路径:dev 由 vite proxy 透到 8000,prod 与后端同源 —— 无需区分环境。 */
 export const API = '/api'
 
-/* FastAPI 错误统一带 {detail},直接抛出来比 "xxx -> 400" 有用得多。
-   detail 可能是字符串,也可能是结构化对象({error:"install_denied",reasons:[...]} /
-   {needs_ack:true,warnings:[...]})—— 直接 String() 会得到 "[object Object]",
-   所以拆一层;原始 detail / status 挂到 err 上,调用方要区分「要确认」才有据可依。 */
 function detailMsg(d) {
   if (typeof d === 'string') return d
   if (d && typeof d === 'object') {
@@ -74,8 +69,6 @@ export async function postForm(path, form) {
   return r.json()
 }
 
-/* 少数端点在根路径、不带 /api 前缀 —— vendor/hkc 的 knowledge router 是直接
-   include_router(knowledge.router) 挂上去的,实测 /api/knowledge/* 是 404。 */
 export async function getRaw(path, init) {
   const r = await fetch(path, init)
   if (!r.ok) throw await toError(r, path)

package/python/frontend_src/src/components/ChatDock.vue

@@ -9,6 +9,7 @@ import {
   runSearch, say, send, setMode, stop,
 } from '../stores/chat.js'
 import { setModule } from '../stores/app.js'
+import { t } from '../lib/i18n.js'
 
 const text = ref('')
 const ta = ref(null)
@@ -17,29 +18,31 @@ const mq = ref('')
 const hover = ref(0)
 const skills = ref([])
 
-const CMD = [
-  { key: '/新建', desc: '开一个新会话', run: () => newSession() },
-  { key: '/流式', desc: '切到流式对话', run: () => { setMode('stream'); say('已切到流式对话') } },
-  { key: '/任务', desc: '切到编排任务', run: () => { setMode('orchestrate'); say('已切到编排任务') } },
-  { key: '/搜索', desc: '检索记忆/知识/联网:/搜索 关键词', arg: true },
-  { key: '/摄入', desc: '选文件摄入知识库', run: () => requestIngest() },
-  { key: '/设置', desc: '打开设置面板', run: () => setModule('settings') },
-  { key: '/停止', desc: '停止当前生成', run: () => stop() },
-  { key: '/清屏', desc: '只清空当前显示,不动后端', run: () => { chat.messages = [] } },
+// 命令字面量保持中文(输入语法不变),只有说明文字跟随界面语言
+const CMD = computed(() => [
+  { key: '/新建', desc: t('chat.cmd.new'), run: () => newSession() },
+  { key: '/流式', desc: t('chat.cmd.stream'), run: () => { setMode('stream'); say(t('chat.saidStream')) } },
+  { key: '/任务', desc: t('chat.cmd.orchestrate'), run: () => { setMode('orchestrate'); say(t('chat.saidOrchestrate')) } },
+  { key: '/搜索', desc: t('chat.cmd.search'), arg: true },
+  { key: '/摄入', desc: t('chat.cmd.ingest'), run: () => requestIngest() },
+  { key: '/设置', desc: t('chat.cmd.settings'), run: () => setModule('settings') },
+  { key: '/停止', desc: t('chat.cmd.stop'), run: () => stop() },
+  { key: '/清屏', desc: t('chat.cmd.clear'), run: () => { chat.messages = [] } },
   {
     key: '/帮助',
-    desc: '列出全部命令',
-    run: () => pushLocal(CMD.map((c) => `${c.key.padEnd(6)}  ${c.desc}`).join('\n')),
+    desc: t('chat.cmd.help'),
+    run: () => pushLocal(CMD.value.map((c) => `${c.key.padEnd(6)}  ${c.desc}`).join('\n')),
   },
-]
+])
 
 const busy = () => chat.streamState === 'streaming'
 
 const items = computed(() => {
   const q = mq.value.toLowerCase()
   if (menu.value === 'slash') {
-    return CMD.filter((c) => c.key.slice(1).toLowerCase().includes(q) || c.desc.includes(mq.value))
-      .map((c) => ({ label: c.key, desc: c.desc, tag: c.arg ? '带参数' : '' }))
+    return CMD.value
+      .filter((c) => c.key.slice(1).toLowerCase().includes(q) || c.desc.includes(mq.value))
+      .map((c) => ({ label: c.key, desc: c.desc, tag: c.arg ? t('chat.tagArg') : '' }))
   }
   if (menu.value === 'at') {
     return skills.value
@@ -49,7 +52,7 @@ const items = computed(() => {
   return []
 })
 
-const hint = computed(() => (menu.value === 'slash' ? '命令' : '提及技能'))
+const hint = computed(() => (menu.value === 'slash' ? t('chat.hintSlash') : t('chat.hintAt')))
 
 onMounted(async () => {
   grow()
@@ -68,13 +71,11 @@ onMounted(async () => {
       })),
     ]
   } catch {
-    /* 拿不到就只留命令面板 */
   }
 })
 
 onBeforeUnmount(() => window.removeEventListener('resize', onResize))
 
-/* 只看光标左侧的 token:用户在中间补字时也能正确触发 */
 function syncMenu() {
   const el = ta.value
   if (!el) return
@@ -113,7 +114,6 @@ function choose(i) {
   if (menu.value === 'slash') {
     const cmd = CMD.find((c) => c.key === it.label)
     if (cmd && cmd.arg) {
-      /* 带参数的命令:把命令留在输入框,让用户接着写关键词 */
       text.value = `${cmd.key} `
       closeMenu()
       nextTick(() => { el && el.focus(); grow() })
@@ -126,7 +126,6 @@ function choose(i) {
     return
   }
 
-  /* @ 技能:把当前 @token 替换成完整技能名 */
   const idx = before.lastIndexOf('@')
   const after = text.value.slice(pos)
   text.value = `${before.slice(0, idx)}@${it.label} ${after}`
@@ -134,13 +133,12 @@ function choose(i) {
   nextTick(() => { el && el.focus(); grow() })
 }
 
-/* 纯命令(不带面板)也要能执行 */
-function tryCommand(t) {
-  if (!t.startsWith('/')) return false
-  const [head, ...rest] = t.split(/\s+/)
-  const cmd = CMD.find((c) => c.key === head)
+function tryCommand(raw) {
+  if (!raw.startsWith('/')) return false
+  const [head, ...rest] = raw.split(/\s+/)
+  const cmd = CMD.value.find((c) => c.key === head)
   if (!cmd) {
-    say(`未知命令:${head}`)
+    say(t('chat.unknownCmd', { head }))
     return true
   }
   const arg = rest.join(' ').trim()
@@ -160,8 +158,6 @@ function submit() {
   send(t)
 }
 
-/* textarea 高度:聚焦即撑开(约 3 行),内容变多继续长高,到上限才转内部滚动。
-   上限跟视口走,窄屏/高分屏都不会把消息流挤没。 */
 const FOCUS_MIN = 84
 const focused = ref(false)
 function capH() {
@@ -175,7 +171,6 @@ function grow() {
   const min = focused.value ? FOCUS_MIN : 0
   el.style.height = `${Math.min(Math.max(need, min), capH())}px`
 }
-/* blur 时 document.activeElement 已变,不能用它判断,单独跟一个标志 */
 function onFocus() {
   focused.value = true
   grow()
@@ -240,8 +235,8 @@ function kb(n) {
         <div v-if="chat.ingest" class="chip ing" :class="chat.ingest.status">
           <span class="cn">{{ chat.ingest.name }}</span>
           <span class="cs">
-            {{ chat.ingest.status === 'done' ? `${chat.ingest.ku} 条`
-               : chat.ingest.status === 'error' ? '失败'
+            {{ chat.ingest.status === 'done' ? t('common.count', { n: chat.ingest.ku })
+               : chat.ingest.status === 'error' ? t('chat.ingestFailed')
                : `${chat.ingest.pct}%` }}
           </span>
           <span class="bar"><i :style="{ width: `${chat.ingest.status === 'done' ? 100 : chat.ingest.pct}%` }" /></span>
@@ -265,7 +260,7 @@ function kb(n) {
           ref="ta"
           v-model="text"
           rows="1"
-          placeholder="告诉我你想做什么…  / 命令 · @ 技能 · Enter 发送"
+          :placeholder="t('chat.placeholder')"
           @keydown="onKey"
           @input="grow"
           @focus="onFocus"
@@ -273,7 +268,7 @@ function kb(n) {
           @click="syncMenu"
           @keyup="syncMenu"
         />
-        <button class="send" :class="{ stop: busy() }" :title="busy() ? '停止生成' : '发送'" @click="submit">
+        <button class="send" :class="{ stop: busy() }" :title="busy() ? t('chat.stopGen') : t('chat.send')" @click="submit">
           {{ busy() ? '■' : '➤' }}
         </button>
       </div>
@@ -288,10 +283,6 @@ function kb(n) {
 <style scoped>
 .dock { padding: 0 8px 8px; position: relative; }
 
-/* 输入框宽度 = 正文列宽。正文列是 .ms-in(max-width 780,左右 padding 22)居中于
-   .stage-body(margin 0 8px),这里用同一个算式 100% - 44:
-   宽屏时同为 736,窄屏时同为 列宽-60,任何宽度下左右边都压在正文的文字边上。
-   菜单 / 提示条挂在这层里,才会跟着一起变窄。 */
 .dock-in {
   position: relative;
   width: min(736px, calc(100% - 44px));
@@ -342,13 +333,10 @@ textarea {
   font-size: 13.5px; line-height: 1.6;
   padding: 5px 2px; border: 0; background: none;
   resize: none; overflow-y: auto;
-  /* 高度由 grow() 写死具体 px;max-height 只作兜底,避免 JS 失效时无限长高 */
   max-height: 340px;
   transition: height 0.14s ease;
 }
 textarea:focus { outline: none; }
-/* placeholder 是「第一次进来唯一能读的提示」,用 dim 而不是 faint:
-   输入框是视觉焦点,提示跟着提亮一档才不会被当成禁用态。 */
 textarea::placeholder { color: var(--dim); opacity: 1; }
 
 .send {

package/python/frontend_src/src/components/DocViewer.vue

@@ -10,13 +10,10 @@ const lines = computed(() =>
   (props.doc.content || '').replace(/\n$/, '').split('\n')
 )
 
-/* 文字版正文走 lib/md.js 的共用渲染器:技能 SKILL.md 与记忆摘要都带
-   # / ** / - / > / ```,这里原来自带一套只认前四样,代码块原样倒出来。 */
 const readHTML = computed(() => mdToHTML(props.doc.content))
 </script>
 
 <template>
-  <!-- 代码 → CLI 皮肤:暗色、等宽、行号、横向滚动。整栏不变暗,只有正文块变暗。 -->
   <div v-if="doc.kind === 'code'" class="cli">
     <div class="term-bar">
       <span class="tl" /><span class="tl" /><span class="tl" />
@@ -31,7 +28,6 @@ const readHTML = computed(() => mdToHTML(props.doc.content))
     </div>
   </div>
 
-  <!-- 文字 → 阅读版:衬线正文、68ch 行宽、留白优先 -->
   <article v-else class="read scroll">
     <header class="read-head">
       <h2>{{ doc.title }}</h2>
@@ -45,7 +41,6 @@ const readHTML = computed(() => mdToHTML(props.doc.content))
 </template>
 
 <style scoped>
-/* ═══ CLI 皮肤 ═══ */
 .cli {
   flex: 1; min-width: 0; display: flex; flex-direction: column;
   margin: 8px; border-radius: var(--r-mid); overflow: hidden;
@@ -87,7 +82,6 @@ const readHTML = computed(() => mdToHTML(props.doc.content))
 }
 .code { color: var(--cli-ink); padding-right: 24px; }
 
-/* ═══ 阅读皮肤 ═══ */
 .read { flex: 1; overflow-y: auto; padding: 34px 8px 60px; }
 .read-head, .read-body { max-width: 68ch; margin: 0 auto; }
 .read-head { padding: 0 20px 18px; border-bottom: 1px solid var(--line-soft); }
@@ -101,7 +95,6 @@ const readHTML = computed(() => mdToHTML(props.doc.content))
 }
 .read-meta code { font-family: var(--mono); font-size: 11.5px; color: var(--ink); }
 .read-body { padding: 20px 20px 0; }
-/* 正文是 v-html 生成的,没有 scoped 属性,必须 :deep */
 .read-body :deep(p) {
   font-family: var(--serif);
   font-size: 15px; line-height: 1.92; color: #24302a;
@@ -149,7 +142,6 @@ const readHTML = computed(() => mdToHTML(props.doc.content))
   margin: 26px 0 10px;
 }
 
-/* 代码块:md.js 现在真会把 ``` 渲染成 <pre><code>,以前是整段原样倒出来 */
 .read-body :deep(pre) {
   margin: 0 0 15px; padding: 11px 13px;
   background: var(--cli-bg); border-radius: var(--r-sm);
@@ -160,7 +152,6 @@ const readHTML = computed(() => mdToHTML(props.doc.content))
   font-size: 12px; line-height: 1.72;
 }
 
-/* 表格 */
 .read-body :deep(table) { width: 100%; border-collapse: collapse; margin: 0 0 15px; }
 .read-body :deep(th),
 .read-body :deep(td) {

package/python/frontend_src/src/components/Inspector.vue

@@ -5,7 +5,6 @@ import { state, loadProgress, closeDoc, setModule } from '../stores/app.js'
 import { panels, loadPanel, openKu, startReview } from '../stores/panels.js'
 import { fmtTime } from '../lib/fmt.js'
 
-/* 右栏三块数据与对应面板共用同一份,进来就保证已加载 */
 onMounted(() => {
   loadProgress()
   loadPanel('knowledge')
@@ -16,7 +15,6 @@ const doc = computed(() => state.doc)
 const kb = panels.knowledge
 const rv = panels.review
 
-/* 今日待办 = 到期 + 新卡(SM-2 队列就是这个口径) */
 const reviewTodo = computed(() => (rv.stats.due || 0) + (rv.stats.fresh || 0))
 const masteryPct = computed(() => Math.round((rv.stats.avg_mastery || 0) * 100))
 
@@ -26,7 +24,6 @@ function goReview() {
   startReview()
 }
 
-/* 右栏只留 10 条,多的走「更多」到知识库面板看全量 */
 const LIMIT = 10
 const recentKb = computed(() => kb.recent.slice(0, LIMIT))
 const kbMore = computed(() => kb.recentTotal > recentKb.value.length)
@@ -36,7 +33,6 @@ function moreKb() {
   setModule('knowledge')
 }
 
-/* 大纲:代码取顶层定义,文字取段落首句。P2 换成真解析 */
 const outline = computed(() => {
   const d = doc.value
   if (!d) return []
@@ -164,7 +160,6 @@ const outline = computed(() => {
 }
 .kpi div {
   padding: 8px 9px; border-radius: var(--r-sm);
-  /* 纸面上要的是「白卡」而不是「更浅的纸」:0.72 的白压在暖底上几乎看不出边界 */
   background: rgba(255, 255, 255, 0.9);
   border: 1px solid var(--line);
 }
@@ -196,7 +191,6 @@ const outline = computed(() => {
 .row b { font-size: 13px; font-weight: 600; color: var(--w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .row span { font-size: 11.5px; color: var(--w-dim); }
 
-/* 「更多」:三条杠 + 文字,点进知识库看全量 */
 .more {
   width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px;
   margin-top: 4px; padding: 7px 9px;

package/python/frontend_src/src/components/LeftRail.vue

@@ -2,9 +2,11 @@
 import { computed, nextTick, onMounted, ref } from 'vue'
 import MenuPopover from './MenuPopover.vue'
 import {
-  state, loadSessions, openSession, moduleLabel, setModule, railItems, RAIL,
+  state, loadSessions, openSession, moduleLabel, moduleIcon, setModule,
+  railItems, moreItems, PINNED, RAIL,
 } from '../stores/app.js'
 import { deleteSession, loadSession, newSession, renameSession } from '../stores/chat.js'
+import { numberLocale, t } from '../lib/i18n.js'
 
 const btnRef = ref(null)
 const menuOpen = ref(false)
@@ -13,13 +15,10 @@ const anchor = ref(null)
 const count = computed(() => state.sessions.length)
 const rail = railItems()
 
-/* 当前模块不属于常驻项 → 落在「更多」里。概览是默认落地页,不给它加后缀,否则
-   一进站就显示「更多 · 概览」,像是从一个隐藏入口进来的。 */
-const isMore = computed(() => !RAIL.includes(state.module))
+const pinnedItems = PINNED.map((id) => ({ id, icon: moduleIcon(id) }))
+const isMore = computed(() => moreItems().some((m) => m.id === state.module))
 const moreCur = computed(() => (isMore.value && state.module !== 'overview' ? moduleLabel(state.module) : ''))
 
-/* 线性图标:统一 24 视框 + 描边,和右栏 / 顶栏的图形语言一致。
-   只放 path 的 d,颜色与线宽交给 CSS,换肤时不用动 JS。 */
 const ICONS = {
   book: [
     'M5 5.6A2.1 2.1 0 0 1 7.1 3.5H19v17H7.1A2.1 2.1 0 0 1 5 18.4z',
@@ -43,6 +42,17 @@ const ICONS = {
     'M6.1 21.4v-3.6h3.6',
   ],
   memory: ['M7.2 3.4h9.6v17.2L12 17.2l-4.8 3.4z'],
+  gear: [
+    'M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4z',
+    'M12 3.1v1.9',
+    'M12 19v1.9',
+    'M3.1 12h1.9',
+    'M19 12h1.9',
+    'M5.7 5.7l1.4 1.4',
+    'M16.9 16.9l1.4 1.4',
+    'M18.3 5.7l-1.4 1.4',
+    'M7.1 16.9l-1.4 1.4',
+  ],
   dot: ['M12 10.6a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8z'],
 }
 
@@ -60,7 +70,6 @@ function toggleMenu() {
     return
   }
   const r = btnRef.value?.getBoundingClientRect()
-  /* 入口现在在栏顶,浮层必须往下长(原来的实现是贴着栏底往上长) */
   if (r) anchor.value = { left: r.left, bottom: r.bottom }
   menuOpen.value = true
 }
@@ -70,13 +79,11 @@ function pick(id) {
   menuOpen.value = false
 }
 
-/* 切会话 = 切左侧高亮 + 拉后端历史消息 */
 function pickSession(s) {
   openSession(s)
   loadSession(s.id)
 }
 
-/* ── 会话重命名 / 删除 ── */
 const editingId = ref('')
 const draft = ref('')
 let editEl = null
@@ -94,19 +101,17 @@ function cancelRename() {
   editingId.value = ''
 }
 
-/* enter / blur 都会走到这里:先清 editingId 再做守卫,重复提交自然变成空操作 */
 async function commitRename(s) {
   if (editingId.value !== s.id) return
   editingId.value = ''
-  const t = draft.value.trim()
-  if (!t || t === (s.title || '')) return
-  await renameSession(s.id, t)
+  const next = draft.value.trim()
+  if (!next || next === (s.title || '')) return
+  await renameSession(s.id, next)
 }
 
 async function removeSession(s) {
-  const name = s.title || '新会话'
-  /* 删除会连对话历史一起删掉,不能手滑 —— 用系统确认框,不引新组件 */
-  if (!confirm(`删除会话「${name}」?\n对话历史会一起删掉,不可恢复。`)) return
+  const name = s.title || t('rail.untitled')
+  if (!confirm(t('rail.deleteConfirm', { name }))) return
   await deleteSession(s.id)
 }
 
@@ -117,19 +122,19 @@ async function startNew() {
 
 function fmt(ts) {
   if (!ts) return ''
-  return new Date(ts * 1000).toLocaleString('zh-CN', {
+  return new Date(ts * 1000).toLocaleString(numberLocale(), {
     month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit', hour12: false,
   })
 }
 
 function meta(s) {
-  return [fmt(s.updated_at), s.message_count ? `${s.message_count} 条` : ''].filter(Boolean).join(' · ')
+  return [fmt(s.updated_at), s.message_count ? t('common.count', { n: s.message_count }) : ''].filter(Boolean).join(' · ')
 }
 </script>
 
 <template>
   <aside class="col col--left rail-left">
-    <button class="new-sess" title="开一个新会话" @click="startNew">＋ 新会话</button>
+    <button class="new-sess" :title="t('rail.newSession')" @click="startNew">{{ t('rail.newSessionBtn') }}</button>
 
     <nav class="rail-nav">
       <div
@@ -142,7 +147,7 @@ function meta(s) {
           <span class="ic">
             <svg viewBox="0 0 24 24"><path v-for="(d, i) in icon(m.icon)" :key="i" :d="d" /></svg>
           </span>
-          <b>{{ m.label }}</b>
+          <b>{{ moduleLabel(m.id) }}</b>
           <span v-if="m.beta" class="beta">BETA</span>
         </button>
 
@@ -151,7 +156,7 @@ function meta(s) {
             v-for="q in quickOf(m)"
             :key="q.id"
             class="act"
-            :title="`打开${q.label}`"
+            :title="t('rail.open', { label: q.label })"
             :aria-label="q.label"
             @click.stop="pick(q.id)"
           >
@@ -165,13 +170,13 @@ function meta(s) {
           ref="btnRef"
           class="rail-item rail-anchor"
           :aria-expanded="menuOpen"
-          title="其它功能"
+          :title="t('rail.otherFeatures')"
           @click="toggleMenu"
         >
           <span class="ic">
             <svg viewBox="0 0 24 24"><path v-for="(d, i) in icon('more')" :key="i" :d="d" /></svg>
           </span>
-          <b>更多</b>
+          <b>{{ t('rail.more') }}</b>
           <span v-if="moreCur" class="cur">{{ moreCur }}</span>
           <span class="caret" :class="{ open: menuOpen }">▾</span>
         </button>
@@ -179,13 +184,13 @@ function meta(s) {
     </nav>
 
     <div class="sec-head">
-      会话历史 <em>{{ count }}</em>
+      {{ t('rail.history') }} <em>{{ count }}</em>
     </div>
 
     <div class="ns-list scroll">
-      <div v-if="state.sessionsState === 'loading'" class="empty">加载中…</div>
-      <div v-else-if="state.sessionsState === 'error'" class="empty">后端未连接</div>
-      <div v-else-if="!count" class="empty">还没有会话 · 发一条消息即开始</div>
+      <div v-if="state.sessionsState === 'loading'" class="empty">{{ t('common.loading') }}</div>
+      <div v-else-if="state.sessionsState === 'error'" class="empty">{{ t('common.offline') }}</div>
+      <div v-else-if="!count" class="empty">{{ t('rail.empty') }}</div>
       <template v-else>
         <div
           v-for="s in state.sessions"
@@ -199,24 +204,24 @@ function meta(s) {
             v-model="draft"
             class="ns-edit"
             maxlength="60"
-            aria-label="会话标题"
+            :aria-label="t('rail.sessionTitle')"
             @keydown.enter.prevent="commitRename(s)"
             @keydown.esc.prevent="cancelRename"
             @blur="commitRename(s)"
           />
           <template v-else>
-            <button class="ns-item" :title="s.title || '新会话'" @click="pickSession(s)">
-              <b>{{ s.title || '新会话' }}</b>
+            <button class="ns-item" :title="s.title || t('rail.untitled')" @click="pickSession(s)">
+              <b>{{ s.title || t('rail.untitled') }}</b>
               <span>{{ meta(s) }}</span>
             </button>
             <span class="ns-acts">
-              <button class="act" title="重命名会话" @click.stop="beginRename(s)">
+              <button class="act" :title="t('rail.rename')" @click.stop="beginRename(s)">
                 <svg viewBox="0 0 24 24">
                   <path d="M4.4 19.6h4l10.8-10.8-4-4L4.4 15.6z" />
                   <path d="M14.4 5.6l3.8 3.8" />
                 </svg>
               </button>
-              <button class="act del" title="删除会话" @click.stop="removeSession(s)">
+              <button class="act del" :title="t('rail.delete')" @click.stop="removeSession(s)">
                 <svg viewBox="0 0 24 24">
                   <path d="M5 7h14" />
                   <path d="M9.6 7V4.6h4.8V7" />
@@ -229,6 +234,22 @@ function meta(s) {
       </template>
     </div>
 
+    <div class="rail-foot">
+      <div
+        v-for="m in pinnedItems"
+        :key="m.id"
+        class="rail-row"
+        :class="{ on: state.module === m.id }"
+      >
+        <button class="rail-item" :title="moduleLabel(m.id)" @click="pick(m.id)">
+          <span class="ic">
+            <svg viewBox="0 0 24 24"><path v-for="(d, i) in icon(m.icon)" :key="i" :d="d" /></svg>
+          </span>
+          <b>{{ moduleLabel(m.id) }}</b>
+        </button>
+      </div>
+    </div>
+
     <MenuPopover
       v-if="menuOpen"
       :anchor="anchor"
@@ -253,7 +274,6 @@ function meta(s) {
 .new-sess:hover { background: rgba(26, 157, 95, 0.17); }
 .new-sess:active { transform: scale(0.985); }
 
-/* ── 常驻功能入口 ── */
 .rail-nav { display: flex; flex-direction: column; gap: 2px; flex-shrink: 0; }
 
 .rail-row { position: relative; display: flex; align-items: center; }
@@ -285,12 +305,9 @@ function meta(s) {
 .rail-row.on .rail-item .ic { color: var(--green); }
 .rail-row.on .rail-item b { font-weight: 600; }
 
-/* 停在子视图(复习 / 记忆中心)时,父项给一层更淡的高亮:既说明「你在这条线上」,
-   又不和真正选中的白卡混淆。 */
 .rail-row.sub .rail-item { background: rgba(255, 255, 255, 0.5); }
 .rail-row.sub .rail-item .ic { color: var(--green); }
 
-/* 成熟度标签:比正式入口新,或者语义还在变 */
 .beta {
   flex-shrink: 0;
   font-size: 10px; font-weight: 700; letter-spacing: 0.08em;
@@ -299,7 +316,6 @@ function meta(s) {
   background: rgba(199, 116, 0, 0.12);
 }
 
-/* 同源数据的另一视图:只在 hover / 聚焦时出现,不占常驻视觉 */
 .rail-acts {
   position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
   display: flex; gap: 2px;
@@ -342,8 +358,13 @@ function meta(s) {
 
 .ns-list { display: flex; flex-direction: column; gap: 3px; flex: 1; margin: 0 -4px; padding: 0 4px; }
 
-/* 行容器负责底色/边框,hover 时右侧才浮出改名与删除 —— 常驻两个图标会把
-   12 个字的标题挤成 6 个字。 */
+.rail-foot {
+  flex-shrink: 0;
+  margin-top: 2px;
+  padding-top: 8px;
+  border-top: 1px solid var(--line);
+}
+
 .ns-row {
   position: relative; display: flex; align-items: center;
   border-radius: var(--r-sm);

package/python/frontend_src/src/components/MenuPopover.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, onBeforeUnmount, onMounted } from 'vue'
-import { moreItems } from '../stores/app.js'
+import { groupLabel, moduleLabel, moreItems } from '../stores/app.js'
+import { t } from '../lib/i18n.js'
 
 const props = defineProps({
   anchor: { type: Object, default: null },
@@ -8,18 +9,16 @@ const props = defineProps({
 })
 const emit = defineEmits(['pick', 'close'])
 
-/* 只剩常驻入口之外的功能(概览 / 活动 / 使用情况 / 复习 / 记忆中心)。
-   常驻项不在这里重复出现 —— 「更多」的语义是「别处放不下的」,不是「全部重列一遍」。 */
 const groups = computed(() => {
   const out = []
   let cur = null
   for (const m of moreItems()) {
-    if (!m.group) {
-      out.push({ title: '', items: [m] })
+    if (!m.groupKey) {
+      out.push({ titleKey: '', items: [m] })
       continue
     }
-    if (!cur || cur.title !== m.group) {
-      cur = { title: m.group, items: [] }
+    if (!cur || cur.titleKey !== m.groupKey) {
+      cur = { titleKey: m.groupKey, items: [] }
       out.push(cur)
     }
     cur.items.push(m)
@@ -27,7 +26,6 @@ const groups = computed(() => {
   return out
 })
 
-/* 入口在栏顶 → 浮层向下展开。left 直接对齐按钮左沿;宽度固定,左栏只有 296px,不会溢出视口右侧。 */
 const style = computed(() => {
   const a = props.anchor
   if (!a) return { left: '16px', top: '120px' }
@@ -61,10 +59,10 @@ onBeforeUnmount(() => {
 <template>
   <Teleport to="body">
     <div class="nav-pop" :style="style">
-      <div class="pop-head">更多功能 <span class="x" title="关闭 (Esc)" @click="$emit('close')">✕</span></div>
+      <div class="pop-head">{{ t('menu.title') }} <span class="x" :title="t('menu.close')" @click="$emit('close')">✕</span></div>
       <div class="pop-body">
         <template v-for="(g, gi) in groups" :key="gi">
-          <div v-if="g.title" class="pop-sec">{{ g.title }}</div>
+          <div v-if="g.titleKey" class="pop-sec">{{ groupLabel(g.titleKey) }}</div>
           <button
             v-for="m in g.items"
             :key="m.id"
@@ -72,7 +70,7 @@ onBeforeUnmount(() => {
             :class="{ on: m.id === active }"
             @click="$emit('pick', m.id)"
           >
-            <span class="lbl">{{ m.label }}</span>
+            <span class="lbl">{{ moduleLabel(m.id) }}</span>
             <span class="tag">{{ m.tag }}</span>
           </button>
         </template>