foxclaw 0.1.2 → 0.1.3

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

@@ -2,6 +2,7 @@
 import { nextTick, ref, watch } from 'vue'
 import { chat, retry } from '../stores/chat.js'
 import { mdToHTML } from '../lib/md.js'
+import { t } from '../lib/i18n.js'
 
 const box = ref(null)
 let stick = true
@@ -12,7 +13,6 @@ function onScroll() {
   stick = el.scrollHeight - el.scrollTop - el.clientHeight < 80
 }
 
-/* 依赖「长度和」而不是整个数组:流式时只有最后一个对象在变,深度 watch 会打爆 */
 watch(
   () =>
     chat.messages
@@ -40,12 +40,16 @@ function stepText(s) {
   return s.desc || s.task || s.label || JSON.stringify(s)
 }
 
-const SRC_CN = { memory: '记忆', knowledge: '知识', web: '联网', agent: '态势' }
+const SRC_KEY = {
+  memory: 'msg.srcMemory',
+  knowledge: 'msg.srcKnowledge',
+  web: 'msg.srcWeb',
+  agent: 'msg.srcAgent',
+}
 function srcLabel(s) {
-  return SRC_CN[s] || s || '证据'
+  return (s && SRC_KEY[s] ? t(SRC_KEY[s]) : s) || t('msg.srcEvidence')
 }
 
-/* ── 复制 / 重试 ── */
 const copiedKey = ref(-1)
 let copyTimer = 0
 
@@ -54,7 +58,6 @@ async function copy(m, i) {
   try {
     await navigator.clipboard.writeText(text)
   } catch {
-    /* 局域网纯 http 不是安全上下文,clipboard 会拒绝 → 退回 textarea 选中法 */
     const ta = document.createElement('textarea')
     ta.value = text
     ta.style.position = 'fixed'
@@ -64,7 +67,6 @@ async function copy(m, i) {
     try {
       document.execCommand('copy')
     } catch {
-      /* 再失败就只好让用户手动选 */
     }
     ta.remove()
   }
@@ -73,7 +75,6 @@ async function copy(m, i) {
   copyTimer = setTimeout(() => (copiedKey.value = -1), 1600)
 }
 
-/* 只有最后一条能重试:往前还有更新的对话时,重发会把后面的记录截掉 */
 function canRetry(i) {
   return i === chat.messages.length - 1
 }
@@ -83,7 +84,6 @@ function canRetry(i) {
   <div ref="box" class="ms scroll" @scroll="onScroll">
     <div class="ms-in">
       <article v-for="(m, i) in chat.messages" :key="i" class="msg" :class="m.role">
-        <!-- 用户 -->
         <div v-if="m.role === 'user'" class="u-body">
           <div v-if="m.attachments && m.attachments.length" class="u-atts">
             <span v-for="(a, j) in m.attachments" :key="j" class="u-att">{{ a.name }}</span>
@@ -92,24 +92,23 @@ function canRetry(i) {
           <div class="u-time">{{ fmtTime(m.ts) }}</div>
         </div>
 
-        <!-- 助手 -->
         <div v-else class="a-body">
           <div class="a-head">
             <span class="avatar" :class="{ live: m.streaming }" />
-            <span class="who">主管 Agent</span>
+            <span class="who">{{ t('msg.supervisor') }}</span>
             <span v-if="m.stage" class="stage">◌ {{ m.stage }}</span>
-            <span v-if="m.streaming" class="live-tag">生成中</span>
+            <span v-if="m.streaming" class="live-tag">{{ t('msg.generating') }}</span>
             <span class="a-time">{{ fmtTime(m.ts) }}</span>
           </div>
 
           <details v-if="m.thinking" class="fold think">
-            <summary>推理过程 <em>{{ m.thinking.length }} 字</em></summary>
+            <summary>{{ t('msg.reasoning') }} <em>{{ t('msg.chars', { n: m.thinking.length }) }}</em></summary>
             <pre class="fold-body">{{ m.thinking }}</pre>
           </details>
 
           <details v-if="m.plan && (m.plan.steps || []).length" class="fold plan" open>
             <summary>
-              执行计划 <em>{{ m.plan.steps.length }} 步 · {{ m.plan.flow || 'single' }}</em>
+              {{ t('msg.plan') }} <em>{{ t('msg.steps', { n: m.plan.steps.length }) }} · {{ m.plan.flow || 'single' }}</em>
             </summary>
             <ol class="fold-body">
               <li v-for="(s, k) in m.plan.steps" :key="k">{{ stepText(s) }}</li>
@@ -119,8 +118,8 @@ function canRetry(i) {
           <div v-if="m.search" class="sres">
             <div class="sres-h">
               <span class="sroute">{{ m.search.route }}</span>
-              <span>置信度 {{ Math.round((m.search.confidence || 0) * 100) }}%</span>
-              <span>{{ m.search.iterations }} 轮迭代</span>
+              <span>{{ t('msg.confidence', { n: Math.round((m.search.confidence || 0) * 100) }) }}</span>
+              <span>{{ t('msg.iterations', { n: m.search.iterations }) }}</span>
             </div>
             <div v-for="(n, k) in m.search.nodes" :key="k" class="srow">
               <span class="ssrc" :class="n.source">{{ srcLabel(n.source) }}</span>
@@ -141,11 +140,11 @@ function canRetry(i) {
           <div v-if="m.error" class="err">✕ {{ m.error }}</div>
 
           <details v-if="m.evidence && m.evidence.length" class="fold ev">
-            <summary>执行证据 <em>{{ m.evidence.length }} 项</em></summary>
+            <summary>{{ t('msg.evidence') }} <em>{{ t('msg.items', { n: m.evidence.length }) }}</em></summary>
             <div class="fold-body">
               <div v-for="(e, k) in m.evidence" :key="k" class="ev-row">
                 <span class="ev-dot" :class="e.status || 'unverified'" />
-                <b>{{ e.tool || e.kind || '工具' }}</b>
+                <b>{{ e.tool || e.kind || t('msg.tool') }}</b>
                 <span class="ev-st">{{ e.status || e.reason || '' }}</span>
                 <template v-for="(x, y) in e.evidence || []" :key="y">
                   <a v-if="isUrl(x)" class="ev-link" :href="x.ref" target="_blank" rel="noreferrer">
@@ -159,9 +158,9 @@ function canRetry(i) {
 
           <div v-if="!m.streaming && (m.content || m.error)" class="a-acts">
             <button v-if="m.content" class="mini" @click="copy(m, i)">
-              {{ copiedKey === i ? '已复制' : '复制' }}
+              {{ copiedKey === i ? t('msg.copied') : t('msg.copy') }}
             </button>
-            <button v-if="canRetry(i)" class="mini" @click="retry(m)">重试</button>
+            <button v-if="canRetry(i)" class="mini" @click="retry(m)">{{ t('msg.retry') }}</button>
           </div>
         </div>
       </article>
@@ -177,7 +176,6 @@ function canRetry(i) {
   display: flex; flex-direction: column; gap: 20px;
 }
 
-/* ── 用户 ── */
 .msg.user { display: flex; justify-content: flex-end; }
 .u-body { max-width: 78%; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
 .u-atts { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
@@ -195,7 +193,6 @@ function canRetry(i) {
 }
 .u-time { font-size: 11px; color: var(--faint); font-family: var(--mono); }
 
-/* ── 助手 ── */
 .a-body { display: flex; flex-direction: column; gap: 9px; }
 .a-head { display: flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--dim); }
 .avatar {
@@ -213,13 +210,9 @@ function canRetry(i) {
 .a-head .live-tag { color: var(--green); font-size: 10.5px; font-weight: 600; }
 .a-time { margin-left: auto; font-family: var(--mono); }
 
-/* 正文由 lib/md.js 渲染成 HTML(见 v-html),所以子元素都是 :deep —— 
-   块级元素自己带 margin,这里整体压紧,避免气泡被撑得很松。 */
 .a-text {
   font-size: 13.5px; line-height: 1.8; color: var(--ink);
   word-break: break-word;
-  /* 渲染出来的 HTML 里没有裸换行(段落内用 <br>),pre-wrap 只负责保住连续空格 ——
-     /帮助 之类的对齐文本原来靠它,去掉就会被折叠成单个空格。 */
   white-space: pre-wrap;
 }
 .a-text :deep(pre),
@@ -280,8 +273,6 @@ function canRetry(i) {
 .a-text :deep(th) { color: var(--dim); font-size: 11.5px; }
 .a-text :deep(a) { color: var(--green); border-bottom: 1px solid rgba(26, 157, 95, 0.3); }
 
-/* 流式光标挂在最后一个块级元素的末尾 —— 原来是一个 <span>,现在内容是 HTML 了,
-   放在外面会掉到下一行开头。 */
 .a-text.streaming > :last-child::after {
   content: '';
   display: inline-block; width: 6px; height: 13px; margin-left: 3px;
@@ -328,7 +319,6 @@ function canRetry(i) {
 .ev-file { color: var(--dim); }
 .ev-link:hover { text-decoration: underline; }
 
-/* ── 认知搜索结果卡 ── */
 .sres {
   border-radius: var(--r-sm);
   background: rgba(255, 255, 255, 0.75);
@@ -371,7 +361,6 @@ function canRetry(i) {
   background: rgba(200, 140, 40, 0.09);
 }
 
-/* 复制 / 重试:平时不占位,鼠标到这条消息才浮出 */
 .a-acts { display: flex; gap: 6px; opacity: 0; transition: opacity 0.13s; }
 .msg:hover .a-acts,
 .a-acts:focus-within { opacity: 1; }
@@ -387,7 +376,6 @@ function canRetry(i) {
   border-color: rgba(26, 157, 95, 0.35);
 }
 
-/* 触屏没有 hover:常显,否则永远点不到 */
 @media (hover: none) {
   .a-acts { opacity: 1; }
 }

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

@@ -46,7 +46,6 @@ function startAdd() {
   form.value = { edit: false, name: '', base_url: '', api_key: '', model: '', note: '' }
 }
 
-/* 编辑:先 GET 详情预填(key 只回 has_key,输入框留空 = 保留原值,后端语义一致) */
 async function startEdit(m) {
   busy.value = true
   try {
@@ -91,7 +90,6 @@ async function submit() {
   }
 }
 
-/* 连通性测试:POST /llm/test,后端失败也返回 200 + {ok:false,error},原样显示原因 */
 const tState = ref('idle')   // idle | busy | ok | err
 const tKey = ref('')
 const tMsg = ref('')
@@ -295,12 +293,10 @@ function isCur(source, key) {
 .tg.warn { color: var(--amber); background: rgba(200, 140, 40, 0.13); }
 .it .x { flex-shrink: 0; font-size: 11px; color: var(--dim); padding: 2px 4px; }
 .it .x:hover { color: var(--red); }
-/* 测 / 编 是 button,去掉按钮底框,和 ✕ 同一个观感 */
 button.x { background: none; border: 0; font-family: inherit; cursor: pointer; }
 button.x:hover:not(:disabled) { color: var(--accent); }
 button.x:disabled { opacity: 0.4; cursor: default; }
 
-/* 连通性测试结果条:失败原因原样显示(常见是 key 错 / base_url 多一层 /v1) */
 .tres {
   margin-top: 5px; padding: 7px 9px; border-radius: var(--r-sm);
   font-size: 11.5px; line-height: 1.55; color: var(--dim);
@@ -317,7 +313,6 @@ button.x:disabled { opacity: 0.4; cursor: default; }
 }
 .empty { padding: 10px 7px; font-size: 12px; color: var(--dim); }
 
-/* 列表可能长到滚出视口,底部两个按钮必须常驻可点 */
 .foot {
   position: sticky; bottom: -6px;
   display: flex; gap: 5px;

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

@@ -1,8 +1,4 @@
 <script setup>
-/* 右栏上部的紧凑录入口。
-   和知识库面板里那个是同一个 store 写操作(ingestKnowledge),
-   区别只是这里只留「写一句 + 收录」,标题可填可不填 —— 右栏宽度放不下
-   标题/领域两行输入,而随手记的时候本来也不需要它们。 */
 import { computed, ref, onUnmounted } from 'vue'
 import { panels, ingestKnowledge } from '../stores/panels.js'
 
@@ -30,7 +26,6 @@ async function go() {
     await ingestKnowledge({ text, title: title.value })
     title.value = ''
   } catch {
-    /* 失败原因已经在 kp.ingestErr 里,这里不用再抛 */
   }
   clearLater()
 }
@@ -61,7 +56,6 @@ onUnmounted(() => clearTimeout(timer))
 </template>
 
 <style scoped>
-/* 挂在右栏 .body 里(body 已有 12px 内边距),这里只管垂直节奏 */
 .qi {
   padding: 0 0 10px;
   margin-bottom: 14px;

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

@@ -11,13 +11,14 @@ import KnowledgePanel from './panels/KnowledgePanel.vue'
 import ReviewPanel from './panels/ReviewPanel.vue'
 import MemoryPanel from './panels/MemoryPanel.vue'
 import SettingsPanel from './panels/SettingsPanel.vue'
-import { chat, loadSession, send } from '../stores/chat.js'
+import { chat, loadSession, say, send } from '../stores/chat.js'
 import { state, moduleLabel, closeDoc, loadSessions, openSession } from '../stores/app.js'
+import { profile, loadProfile, saveNickname } from '../stores/profile.js'
 import { openKu } from '../stores/panels.js'
 import { getJSON } from '../api.js'
 import { clip } from '../lib/fmt.js'
+import { t } from '../lib/i18n.js'
 
-/* 菜单 8 项 → 真实面板。overview 是核心对话视图,不在这里。 */
 const PANELS = {
   activity: ActivityPanel,
   tasks: TasksPanel,
@@ -31,29 +32,39 @@ const PANELS = {
 }
 const panel = computed(() => PANELS[state.module] || null)
 
-/* 标签条只在打开文档时需要(文档 + 回到面板)。
-   没文档时面板头部已经写着模块名,再挂一条同名 tab 就是重复。 */
 const hasTabs = computed(() => !!state.doc)
 
-/* ── 空态引导 ──
-   一块空白 + 一句「问我任何事」等于让用户自己想问题。给三条真实可用的起点:
-   示例提问(点了直接发)、继续上次会话、最近知识(点了开正文)。
-   数据各自 .catch:任何一条挂了都只是少一块引导,不该让空态变成报错页。 */
-const EXAMPLES = [
-  '现在系统里有哪些技能可以用?',
-  '帮我把今天要做的事排个优先级',
-  '用一句话说清你能帮我做什么',
-]
+const EXAMPLES = computed(() => [t('hero.q1'), t('hero.q2'), t('hero.q3')])
 
 const recent = ref([])
+
+const nick = ref('')
+const nickSkipped = ref(localStorage.getItem('sfx.nick.skip') === '1')
+const askNick = computed(() => profile.loaded && !profile.nickname && !nickSkipped.value)
+
 onMounted(async () => {
+  loadProfile().then(() => { nick.value = profile.nickname })
   if (!state.sessions.length) loadSessions().catch(() => {})
   const d = await getJSON('/knowledge/recent?limit=5').catch(() => null)
   recent.value = d?.kus || []
 })
 
-/* 「继续上次」:取列表里最新一条**真的有消息**的会话。
-   不能只看 sessions[0] —— 那个常常是刚建的空会话(count=0),跳过它才能拿到上次聊的。 */
+async function saveNick() {
+  const n = nick.value.trim()
+  if (!n) return
+  try {
+    await saveNickname(n)
+    say(t('hero.saidNick', { name: n }))
+  } catch (e) {
+    say(t('hero.errSave', { msg: e.message }), 4000)
+  }
+}
+
+function skipNick() {
+  nickSkipped.value = true
+  localStorage.setItem('sfx.nick.skip', '1')
+}
+
 const lastSession = computed(() => {
   const cur = chat.messages.length ? state.sessionId : ''
   return state.sessions.find((s) => s.id !== cur && (s.message_count || 0) > 0) || null
@@ -80,7 +91,7 @@ function resume() {
       </button>
       <button v-if="state.doc" class="tab on doc" @click="closeDoc()">
         <span class="t">{{ state.doc.title }}</span>
-        <span class="x" title="关闭">✕</span>
+        <span class="x" :title="t('hero.close')">✕</span>
       </button>
     </div>
 
@@ -93,8 +104,21 @@ function resume() {
         <MessageStream v-if="chat.messages.length" />
         <div v-else class="core-empty">
           <div class="hero">
-            <div class="hero-t">问我任何事</div>
-            <div class="core-cap">主管 Agent 会按需调度子 Agent;想让它读你的知识库,直接问就行</div>
+            <div class="hero-t">{{ t('hero.title') }}</div>
+            <div class="core-cap">{{ t('hero.cap') }}</div>
+          </div>
+
+          <div v-if="askNick" class="ask-nick">
+            <span class="an-q">{{ t('hero.askName') }}</span>
+            <input
+              v-model="nick"
+              class="an-in"
+              maxlength="24"
+              :placeholder="t('hero.namePh')"
+              @keydown.enter.prevent="saveNick"
+            />
+            <button class="an-ok" :disabled="profile.saving || !nick.trim()" @click="saveNick">{{ t('hero.confirm') }}</button>
+            <button class="an-skip" :title="t('hero.skipTip')" @click="skipNick">{{ t('hero.skip') }}</button>
           </div>
 
           <div class="tries">
@@ -104,13 +128,13 @@ function resume() {
           </div>
 
           <button v-if="lastSession" class="resume" @click="resume">
-            <span class="rl">继续上次</span>
-            <b>{{ clip(lastSession.title || '未命名会话', 28) }}</b>
-            <span class="rm">{{ lastSession.message_count }} 条消息</span>
+            <span class="rl">{{ t('hero.resume') }}</span>
+            <b>{{ clip(lastSession.title || t('hero.untitled'), 28) }}</b>
+            <span class="rm">{{ t('hero.msgs', { n: lastSession.message_count }) }}</span>
           </button>
 
           <div v-if="recent.length" class="recent">
-            <div class="rh">最近知识</div>
+            <div class="rh">{{ t('hero.recentKnowledge') }}</div>
             <div class="rk-list">
               <button v-for="k in recent" :key="k.ku_id" class="rk" :title="k.summary || k.name" @click="openKu(k.ku_id)">
                 {{ clip(k.name || k.ku_id, 30) }}
@@ -158,10 +182,8 @@ function resume() {
   overflow: hidden;
   display: flex;
 }
-/* 没有标签条时不留缺口,四角全圆 */
 .stage-body.bare { margin-top: 8px; border-radius: var(--r-mid); }
 
-/* ── 核心:空态居中,有消息时整块交给消息流 ── */
 .core { flex: 1; min-height: 0; display: flex; flex-direction: column; }
 .core-empty {
   flex: 1; display: flex; flex-direction: column;
@@ -178,7 +200,31 @@ function resume() {
   color: var(--ink); margin-bottom: 6px;
 }
 
-/* 示例提问:原来空态只有一句提示,用户不知道从哪开口 */
+.ask-nick {
+  display: flex; align-items: center; gap: 8px;
+  width: 100%; max-width: 420px;
+  padding: 9px 11px; border-radius: var(--r-sm);
+  background: rgba(26, 157, 95, 0.06);
+  border: 1px solid rgba(26, 157, 95, 0.22);
+}
+.an-q { font-size: 12.5px; font-weight: 600; color: var(--ink); flex-shrink: 0; }
+.an-in {
+  flex: 1; min-width: 56px;
+  padding: 5px 8px; border-radius: 7px;
+  font-size: 12.5px; color: var(--ink);
+  background: #fff; border: 1px solid var(--line);
+}
+.an-in:focus { outline: none; border-color: rgba(26, 157, 95, 0.5); }
+.an-ok {
+  flex-shrink: 0;
+  padding: 5px 10px; border-radius: 7px;
+  font-size: 12px; font-weight: 600; color: #fff;
+  background: var(--green);
+}
+.an-ok:disabled { opacity: 0.45; cursor: default; }
+.an-skip { flex-shrink: 0; padding: 4px 2px; font-size: 11.5px; color: var(--dim); }
+.an-skip:hover { color: var(--ink); }
+
 .tries { display: flex; flex-direction: column; gap: 6px; width: 100%; max-width: 420px; }
 .try {
   display: flex; align-items: center; gap: 8px; width: 100%;

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

@@ -21,8 +21,6 @@ const rows = computed(() => [
   { ic: '📁', b: '导入文件夹', s: '逐个摄入', act: () => { close(); inFolder.value?.click() } },
   { ic: '🖼', b: '附加图片', s: '发给视觉模型', act: () => { close(); inImg.value?.click() } },
   { ic: '📄', b: '附件文件', s: '随问题发给 AI', act: () => { close(); inAttach.value?.click() } },
-  /* 连接器只有一份实现,在技能面板里。这里不再内嵌一份只读副本(信任档位还是另一套词),
-     点进来直接去那个面板,要管 MCP 也只在一个地方管。 */
   { ic: '🔌', b: '技能 · 连接器', s: '到技能面板看全部', act: () => { close(); setModule('tools') } },
 ])
 
@@ -32,7 +30,6 @@ function toggle() {
 function close() {
   open.value = false
 }
-/* 斜杠命令 /摄入 通过 store 信号打到这里,避免把 input 引用抬到全局 */
 watch(() => ui.ingestTick, () => inFile.value?.click())
 
 function onDocDown(e) {

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

@@ -1,18 +1,31 @@
 <script setup>
-import { onMounted, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { getJSON } from '../api.js'
 import { state, setModule } from '../stores/app.js'
+import { system, loadSystemInfo } from '../stores/system.js'
+import { t } from '../lib/i18n.js'
 
-const uplink = ref('···')
+const uplink = ref('···') // '···' | 'online' | 'offline'
 const tone = ref('dim')
 
+const ver = computed(() => system.version)
+
+const upd = computed(() => (system.update?.update_available ? system.update : null))
+
+const uplinkText = computed(() => {
+  if (uplink.value === 'online') return t('common.online')
+  if (uplink.value === 'offline') return t('common.offlineShort')
+  return '···'
+})
+
 onMounted(async () => {
+  loadSystemInfo()
   try {
     await getJSON('/status')
-    uplink.value = '在线'
+    uplink.value = 'online'
     tone.value = 'ok'
   } catch {
-    uplink.value = '离线'
+    uplink.value = 'offline'
     tone.value = 'bad'
   }
 })
@@ -21,7 +34,6 @@ function openPlanet() {
   window.open('/planet/', '_blank', 'noopener')
 }
 
-/* 这个 ⚙ 一直是死按钮(title 写着「P3 接入」)。设置面板补齐后接上去。 */
 function openSettings() {
   setModule(state.module === 'settings' ? 'overview' : 'settings')
 }
@@ -32,18 +44,24 @@ function openSettings() {
     <div class="brand">
       <div class="logo">F</div>
       <h1>Foxclaw</h1>
-      <span class="ver">v3.0</span>
+      <span v-if="ver" class="ver">v{{ ver }}</span>
+      <button
+        v-if="upd"
+        class="upd"
+        :title="t('topbar.newVersion', { latest: upd.latest, current: upd.current })"
+        @click="openSettings"
+      >↑</button>
     </div>
     <div class="spacer" />
     <div class="stat">
-      <span class="lbl">系统状态</span>
-      <span class="val" :class="tone">{{ uplink }}</span>
+      <span class="lbl">{{ t('topbar.systemStatus') }}</span>
+      <span class="val" :class="tone">{{ uplinkText }}</span>
     </div>
-    <button class="tbtn" title="打开 HKC 知识星球" @click="openPlanet">🌐 知识星球</button>
+    <button class="tbtn" :title="t('topbar.planet')" @click="openPlanet">{{ t('topbar.planetBtn') }}</button>
     <button
       class="tbtn"
       :class="{ on: state.module === 'settings' }"
-      title="设置 (Ctrl+,)"
+      :title="t('topbar.settings')"
       @click="openSettings"
     >⚙</button>
   </header>
@@ -73,6 +91,16 @@ function openSettings() {
   padding: 2px 7px; border-radius: var(--r-pill);
   background: rgba(255, 255, 255, 0.7); border: 1px solid var(--line);
 }
+.upd {
+  display: grid; place-items: center;
+  width: 18px; height: 18px; margin-left: -3px;
+  border-radius: 50%;
+  font-size: 11px; font-weight: 700; line-height: 1;
+  color: var(--amber);
+  background: rgba(214, 158, 46, 0.12);
+  border: 1px solid rgba(214, 158, 46, 0.35);
+}
+.upd:hover { background: rgba(214, 158, 46, 0.2); }
 .spacer { flex: 1; }
 .stat { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--dim); }
 .stat .val { font-weight: 700; color: var(--ink); }

package/python/frontend_src/src/components/panels/ActivityPanel.vue

@@ -78,7 +78,5 @@ function evSub(e) {
 </template>
 
 <style scoped>
-/* 事件行是只读快照,没有可点的动作 —— hover 高亮会让人以为点了能看详情。
-   之前这里是 <button> 但没绑事件,视觉上"能点"、实际不动。 */
 .pn-row.static:hover { background: transparent; }
 </style>

package/python/frontend_src/src/components/panels/AgentsPanel.vue

@@ -66,11 +66,8 @@ function toggle(id) { open.value = open.value === id ? '' : id }
       </div>
     </div>
 
-    <div class="pn-note">
-      <template v-if="p.info">
-        版本 <code>{{ p.info.version }}</code> · 数据目录 <code>{{ p.info.data_dir }}</code>
-      </template>
-      数据来自 <code>/api/status</code> 与 <code>/api/system/info</code>。
+    <div v-if="p.info" class="pn-note">
+      版本 <code>{{ p.info.version }}</code>
     </div>
   </PanelBox>
 </template>

package/python/frontend_src/src/components/panels/KnowledgePanel.vue

@@ -17,9 +17,6 @@ const idx = computed(() => p.index || {})
 const kus = computed(() => Object.entries(p.stats?.ku_counts || {}))
 const busy = computed(() => p.ingest === 'busy')
 
-/* 用户开始写新内容时,把上一次的「已收录 N 条」收起来,否则会让人以为这版也提交过了。
-   只在**写入了非空内容**时清 —— 提交成功后代码会把 draft 置空,那不是用户输入,
-   不能让它把刚拿到的结果提示擦掉。 */
 watch(draft, (v) => {
   if (v && !busy.value) { p.ingest = 'idle'; p.ingestMsg = ''; p.ingestErr = '' }
 })
@@ -31,12 +28,9 @@ async function submit() {
     draft.value = ''
     title.value = ''
   } catch {
-    /* 错误已写进 store,模板里显示 */
   }
 }
 
-/* ── 检索:POST /api/knowledge/search ──
-   后端一直有这条混合检索,界面却只给「最近录入」,想按关键词翻库只能去知识星球。 */
 const q = ref('')
 const mode = ref('hybrid')
 const MODES = [
@@ -77,8 +71,6 @@ async function doSearch() {
   }
 }
 
-/* ── 能力详情:GET /api/knowledge/ability/{key} ──
-   能力 chip 以前是死的,点了没反应 —— 而这条接口正是"这个能力到底够不够"的答案。 */
 const abKey = ref('')
 const abState = ref('idle') // idle | busy | ok | err
 const abErr = ref('')
@@ -104,7 +96,6 @@ async function showAbility(k) {
   }
 }
 
-/* coverage 在不同能力下是数字或对象,取几个常见键;取不到就显示 '—',不猜格式 */
 function covText(c) {
   if (c == null) return ''
   if (typeof c === 'number') return `${Math.round(c * 100)}%`
@@ -124,7 +115,6 @@ function covText(c) {
     :ready="ready"
     @refresh="refreshPanel('knowledge')"
   >
-    <!-- 录入:短知识在这里手录;整本书 / 大文档走知识星球 -->
     <div class="kb-in">
       <textarea
         v-model="draft"
@@ -273,7 +263,6 @@ function covText(c) {
           <div class="pn-note meta">HKC 未启用,无法编译能力。</div>
         </template>
 
-        <!-- 覆盖不足不是错误,是"知识还不足以具备该能力"(证据驱动 gate) -->
         <template v-else-if="ab.sufficient === false">
           <div class="kb-ab-h">{{ abKey }}<span class="v">知识不足</span></div>
           <div class="pn-note meta">{{ ab.reason || '覆盖不足,暂不授予该能力。' }}</div>
@@ -312,7 +301,6 @@ function covText(c) {
 </template>
 
 <style scoped>
-/* ── 录入卡 ── */
 .kb-in {
   margin-bottom: 14px;
   border-radius: var(--r-mid);
@@ -369,8 +357,6 @@ function covText(c) {
 }
 .go:hover:not(:disabled) { opacity: 0.9; }
 .go:active:not(:disabled) { transform: scale(0.97); }
-/* 禁用态原来用 --faint 压在 12% 墨底上,对比度不到 2:1、几乎读不出字。
-   改成实心浅底 + 深墨字:一眼看得出「现在点不了」,但字仍然清楚。 */
 .go:disabled {
   background: rgba(23, 32, 26, 0.07); color: var(--dim);
   border: 1px solid var(--line-soft);
@@ -380,7 +366,6 @@ function covText(c) {
 .sec-gap { margin-top: 14px; }
 .pn-note.meta.bad { color: var(--red); }
 
-/* ── 检索条 ── */
 .kb-find {
   display: flex; align-items: center; gap: 6px;
   margin-bottom: 8px;
@@ -424,7 +409,6 @@ function covText(c) {
   font-variant-numeric: tabular-nums;
 }
 
-/* ── 能力详情 ── */
 .pn-chips.gap { margin-top: 8px; }
 .kb-ab {
   margin-top: 10px; padding: 10px 12px;

package/python/frontend_src/src/components/panels/MemoryPanel.vue

@@ -13,7 +13,6 @@ onMounted(() => loadPanel('memory'))
 const ready = computed(() => !!p.stats.backend)
 const byAgent = computed(() => Object.entries(p.stats.by_agent || {}))
 
-/* 记忆没有「单条详情」端点,但 recent 已经带了 summary 全文 —— 直接进正文皮肤,不再打一次后端 */
 function open(m) {
   openDoc({
     id: `mem:${m.id}`,