dsh-remote-plugin 0.7.1 → 0.7.2

package/public/desktop/desktop.js

@@ -102,6 +102,32 @@ const state = {
   view: 'sessions',
   subagentExpandedSession: ''
 }
+
+// Increment on every identity transition, including A -> B -> A and token edits.
+let connectionGeneration = 0, sessionsRequest = 0, filesRequest = 0, workbenchRequest = 0
+for (const key of ['server', 'token']) {
+  let value = state[key]
+  Object.defineProperty(state, key, {
+    enumerable: true,
+    get: () => value,
+    set(next) {
+      if (next === value) return
+      value = next; connectionGeneration++
+      state.sessions = []; state.byId.clear(); state.pendingProjections.clear()
+      state.current = null; state.history = emptyDesktopHistory()
+      state.fs.path = null; state.fs.initial = null; state.fs.loaded = false; state.fs.roots = []; state.fs.rootIndex = 0
+      state.workspaces = []; state.archivedIds = []; state.wb = { bound: false, path: '', projects: null }
+      window.DshPluginCenter?.close()
+      window.DshInsights?.close()
+      if (typeof document !== 'undefined') document.getElementById('modal-workspace')?.classList.add('hidden')
+    },
+  })
+}
+function captureConnection() {
+  const generation = connectionGeneration, server = state.server, token = state.token
+  return { server, token, valid: () => generation === connectionGeneration && server === state.server && token === state.token }
+}
+
 const streams = {}
 let pollTimer = null
 let wsRetryTimer = null
@@ -607,8 +633,10 @@ async function respond(rpcId, value) {
   return receipt?.accepted === true
 }
 async function safeRpc(method, payload, errText) {
+  const connection = captureConnection()
   try { return await rpc(method, payload) }
   catch (e) {
+    if (!connection.valid()) return null
     if (e.message === 'AUTH') { toast(t('ds.toastAuth'), 'err'); return null }
     toast(errText ? `${errText}：${e.message}` : e.message, 'err')
     return null
@@ -1512,6 +1540,7 @@ function applyProjection(sessionId, key, value, seq) {
   s.projections.asOfSeq = Math.max(currentSeq, seq || 0)
   if (state.current === sessionId) {
     renderSessions()
+    window.DshInsights?.update()
     if (['goal', 'todos'].includes(key)) renderSessionCards()
   }
   if (['title', 'goal', 'todos', 'plan', 'sessionListMetadata'].includes(key)) refreshSessions()
@@ -1538,6 +1567,10 @@ function resyncAfterStreamOpen() {
   void refreshSessions().then(() => resyncCurrentSession())
 }
 function proj(s, key, d) { return s?.projections?.values?.[key] ?? d }
+function openInsights(tab = 'context') {
+  window.DshInsights?.open({ tab, connection: captureConnection(), url: apiUrl,
+    getSession: () => state.byId.get(state.current), getTitle: () => titleOf(state.byId.get(state.current)) })
+}
 function sessionTitleValue(s) {
   const value = proj(s, 'title', '')
   return value == null ? '' : String(value).trim()
@@ -1611,7 +1644,9 @@ function onSessionEvent(sessionId, event) {
 
 /* ---------------- 会话 ---------------- */
 async function refreshSessions() {
+  const connection = captureConnection(), request = ++sessionsRequest
   const v = await safeRpc('session.list', {}, '')
+  if (!connection.valid() || request !== sessionsRequest) return
   if (!v) { renderSessions(); renderOverviewDesktop(); return }
   state.sessions = v.items || []
   state.byId = new Map(state.sessions.map(s => [s.sessionId, s]))
@@ -1792,6 +1827,7 @@ async function closeSession() {
   showView('view-sessions')
 }
 async function loadHistory() {
+  const connection = captureConnection()
   const id = state.current
   if (!id || state.history.loading) return
   const history = state.history
@@ -1801,14 +1837,14 @@ async function loadHistory() {
   let v
   try { v = await rpc('session.history', { sessionId: id, maxMessages: 60 }) }
   catch (e) {
-    if (state.current !== id || state.history !== history) return
+    if (!connection.valid() || state.current !== id || state.history !== history) return
     state.history.loading = false
     if (e.message === 'AUTH') return
     setSessionRecovery('error', e.message)
     $('history').innerHTML = `<div class="ds-empty">${e.message}</div>`
     return
   }
-  if (state.current !== id || state.history !== history) return
+  if (!connection.valid() || state.current !== id || state.history !== history) return
   const liveReasoning = (history.reasoningVersion || 0) !== reasoningVersion ? new Map(history.partialReasoning) : null
   hydrateSessionProjections(id, v.projections)
   for (const entry of v.events || []) {
@@ -1972,6 +2008,8 @@ function renderHistory() {
 /* ---------------- 会话信息卡（goal / todo / 子代理） ---------------- */
 let sessionCardsRenderGeneration = 0
 async function renderSessionCards() {
+  window.DshInsights?.update()
+  $('btn-insights')?.classList.toggle('hidden', !state.current)
   const renderGeneration = ++sessionCardsRenderGeneration
   const sessionId = state.current
   const box = $('session-cards')
@@ -2514,8 +2552,10 @@ function resetFsForServerDesktop() {
   if (select) select.classList.add('hidden')
 }
 async function openWorkspaceModal() {
+  const connection = captureConnection()
   if (!state.token) { toast(t('ds.toastAuth'), 'err'); showView('view-settings'); return }
   if (!state.fs.path) await loadFs(null, true)
+  if (!connection.valid()) return
   $('workspace-parent-path').textContent = state.fs.path || '~'
   $('workspace-name').value = ''
   $('modal-workspace').classList.remove('hidden')
@@ -2526,31 +2566,39 @@ async function createWorkspace() {
   if (createWorkspace.busy) return
   const name = $('workspace-name').value.trim()
   if (!name) { toast(t('ds.workspaceNameRequired'), 'err'); $('workspace-name').focus(); return }
+  const connection = captureConnection()
   createWorkspace.busy = true
   const parent = state.fs.path || ''
   const button = $('workspace-create')
   button.disabled = true
   try {
     const res = await fetch(fsApiUrl('/mkdir', { path: parent, name }), { method: 'POST', headers: fsHeaders() })
+    if (!connection.valid()) return
     if (res.status === 401) { toast(t('ds.toastAuth'), 'err'); return }
     const data = await res.json().catch(() => ({}))
+    if (!connection.valid()) return
     if (!res.ok) {
       const msg = data.error === 'exists' ? t('ds.workspaceExists') : data.error === 'bad-name' ? t('ds.workspaceInvalidName') : data.error || ('HTTP ' + res.status)
       throw new Error(msg)
     }
     closeWorkspaceModal()
     await loadFs(parent || null, true)
+    if (!connection.valid()) return
     let workspace = null
     try {
       const created = await rpc('workspace.create', { path: data.path })
+      if (!connection.valid()) return
       workspace = created?.workspace || null
     } catch {}
+    if (!connection.valid()) return
     if (workspace?.workspaceId) {
       state.workspaces = [...state.workspaces.filter(item => item.workspaceId !== workspace.workspaceId), workspace]
     }
     const sessionPayload = workspace?.workspaceId ? { workspaceId: workspace.workspaceId } : { cwd: data.path }
     const v = await safeRpc('session.create', sessionPayload, t('ds.toastOpFailed'))
+    if (!connection.valid()) return
     await refreshSessions()
+    if (!connection.valid()) return
     if (v?.sessionId) {
       if (workspace?.workspaceId) LS.set('lastNewSessionWorkspaceV1', workspace.workspaceId)
       toast(t('ds.workspaceCreated'), 'ok')
@@ -2559,6 +2607,7 @@ async function createWorkspace() {
       toast(t('ds.workspaceCreatedNoSession'), 'ok')
     }
   } catch (e) {
+    if (!connection.valid()) return
     toast(`${t('ds.workspaceCreateFailed')}：${e.message || t('ds.feedbackNetworkError')}`, 'err')
   } finally {
     createWorkspace.busy = false
@@ -2566,6 +2615,8 @@ async function createWorkspace() {
   }
 }
 async function loadFs(dir, silent) {
+  const connection = captureConnection(), request = ++filesRequest
+  const valid = () => connection.valid() && request === filesRequest
   if (!state.token) {
     $('fs-path').textContent = t('ds.toastAuth')
     $('fs-list').innerHTML = `<div class="ds-empty">${t('ds.toastAuth')}</div>`
@@ -2578,8 +2629,10 @@ async function loadFs(dir, silent) {
   }
   try {
     const res = await fetch(fsApiUrl('/list', target ? { path: target } : {}), { headers: fsHeaders() })
+    if (!valid()) return
     if (res.status === 401) { toast(t('ds.toastAuth'), 'err'); return }
     const data = await res.json().catch(() => ({}))
+    if (!valid()) return
     if (!res.ok || !Array.isArray(data.entries)) throw new Error(data.error || ('HTTP ' + res.status))
     state.fs.path = data.path
     if (!state.fs.initial) state.fs.initial = data.path
@@ -2601,6 +2654,7 @@ async function loadFs(dir, silent) {
       else window.open(fsApiUrl('/file', { path: row.dataset.fsPath, token: state.token }), '_blank')
     }))
   } catch (e) {
+    if (!valid()) return
     $('fs-path').textContent = target || '~'
     $('fs-list').innerHTML = `<div class="ds-empty">${esc(e.message || t('ds.toastConnFailed'))}</div>`
   }
@@ -2742,17 +2796,22 @@ function commitWorkspaceSessionOrder(workspaceId, order) {
   toast(t('ds.wbOrderSaved'), 'ok')
 }
 async function refreshWorkbench({ silent = false } = {}) {
+  const connection = captureConnection(), request = ++workbenchRequest
+  const valid = () => connection.valid() && request === workbenchRequest
   if (!state.token) { renderWorkbench(); return }
   let wb = null
   try {
     wb = await wbGateway('GET', '/workbench')
+    if (!valid()) return
     state.wb.apiMissing = false
   } catch (e) {
+    if (!valid()) return
     if (e.message === 'AUTH') { toast(t('ds.toastAuth'), 'err'); return }
     if (!silent) toast(t('wb.loadFailed', { msg: e.message }), 'err')
     if (!state.wb.bound && /404/.test(e.message)) state.wb.apiMissing = true
   }
   const wl = await safeRpc('workspace.list', {}, '')
+  if (!valid()) return
   state.archivedIds = wl && Array.isArray(wl.archivedSessionIds) ? wl.archivedSessionIds : []
   state.workspaces = wl && Array.isArray(wl.items) ? wl.items.slice() : []
   if (!wb) { renderWorkbench(); renderSessions(); return }
@@ -2769,8 +2828,10 @@ async function refreshWorkbench({ silent = false } = {}) {
   const items = Array.isArray(wl.items) ? wl.items.slice() : []
   try {
     const listRes = await fetch(fsApiUrl('/list', { path: state.wb.path }), { headers: fsHeaders() })
+    if (!valid()) return
     if (listRes.ok) {
       const listData = await listRes.json().catch(() => ({}))
+      if (!valid()) return
       if (Array.isArray(listData.entries)) {
         const diskDirs = new Set(listData.entries.filter(e => e.type === 'dir').map(e => wbPathKey(wbJoin(state.wb.path, e.name))))
         for (let i = items.length - 1; i >= 0; i--) {
@@ -2783,16 +2844,19 @@ async function refreshWorkbench({ silent = false } = {}) {
           if (have.has(wbPathKey(projectPath))) continue
           try {
             const created = await rpc('workspace.create', { path: projectPath })
+            if (!valid()) return
             if (created?.workspace) {
               items.push(created.workspace)
               state.workspaces.push(created.workspace)
               have.add(wbPathKey(projectPath))
             }
           } catch {}
+          if (!valid()) return
         }
       }
     }
   } catch {}
+  if (!valid()) return
   state.wb.projects = orderedWorkspaceItems(items
     .filter(w => wbStrictInside(w.path, state.wb.path))
     .sort((a, b) => String(a.title || wbBaseName(a.path)).localeCompare(String(b.title || wbBaseName(b.path)), 'zh-CN', { numeric: true })))
@@ -3369,6 +3433,7 @@ function bindUi() {
     if (!e.target.closest('#model-menu') && !e.target.closest('#btn-model')) $('model-menu')?.classList.add('hidden')
   })
   $('btn-stats-top').addEventListener('click', toggleStatsDrawer)
+  $('btn-insights').addEventListener('click', () => openInsights())
   $('stats-drawer-close').addEventListener('click', toggleStatsDrawer)
   // 赞赏支持
   $('btn-donate').addEventListener('click', openDonateModal)
@@ -3523,11 +3588,12 @@ start()
 
 // Capture the connection so switching servers cannot redirect a plugin mutation.
 document.getElementById('btn-plugin-center')?.addEventListener('click', () => {
-  const server = state.server || ''
-  const token = state.token
+  const connection = captureConnection()
+  const server = connection.server || ''
+  const token = connection.token
   window.DshPluginCenter.open({
     url: path => server + path,
     headers: { authorization: 'Bearer ' + token, 'x-dsh-remote-client': 'web', ...clientIdHeaders() },
-    valid: () => (state.server || '') === server && state.token === token,
+    valid: connection.valid,
   })
 })

package/public/index.html

@@ -14,6 +14,7 @@
   <link rel="stylesheet" href="styles.css">
   <link rel="stylesheet" href="genui.css">
   <link rel="stylesheet" href="plugin-center.css">
+  <link rel="stylesheet" href="insights.css">
 </head>
 <body>
   <header class="topbar">
@@ -113,6 +114,7 @@
         <button id="btn-rename-session" class="icon-btn hidden" data-i18n-title="session.rename" data-i18n-aria="session.rename">✎</button>
         <button id="btn-archive-session" class="mini-btn hidden" data-i18n="session.archive">归档</button>
         <button id="btn-stats" class="icon-btn" data-i18n-title="stats.title" data-i18n-aria="stats.title"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 19V9M12 19V5M19 19v-7M3 19h18"/></svg></button>
+        <button id="btn-insights" class="icon-btn" data-i18n-title="insights.title" data-i18n-aria="insights.title"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="12" cy="12" r="8"/><path d="M12 4v8l6 5M12 12H4"/></svg></button>
         <button id="btn-fs-send" class="session-send-btn hidden" type="button">发送</button>
         <button id="btn-cancel" class="danger-btn hidden" data-i18n="session.stop">停止</button>
       </div>
@@ -248,54 +250,15 @@
       <div class="overview-legacy hidden" aria-hidden="true"><div id="pending-list"></div><div id="jobs-list"></div><span id="pending-count"></span></div>
     </section>
 
-    <!-- Token 统计 -->
-    <section id="view-stats" class="view hidden stats-view" aria-labelledby="stats-page-title">
-      <header class="stats-page-head">
-        <div class="stats-page-copy">
-          <div class="stats-eyebrow" data-i18n="statsPage.eyebrow">USAGE OVERVIEW</div>
-          <h1 id="stats-page-title" data-i18n="statsPage.title">Token 统计</h1>
-          <p class="stats-page-subtitle" data-i18n="statsPage.subtitle">按日查看 Token 用量与费用估算</p>
-        </div>
-        <div class="stats-date-wrap">
-          <span class="stats-date-label" data-i18n="statsPage.latest">最新日期</span>
-          <span id="stats-sub" class="stats-date">—</span>
-        </div>
-      </header>
-      <div class="stats-toolbar">
-        <span class="stats-toolbar-label" data-i18n="statsPage.chartMetric">图表指标</span>
-        <div id="stats-mode-picker" class="stats-mode-picker" role="group" data-i18n-aria="statsPage.chartMetric">
-          <button type="button" class="stats-mode-btn active" data-stats-mode="token" aria-pressed="true" data-i18n="statsPage.modeTokens">Token 数</button>
-          <button type="button" class="stats-mode-btn" data-stats-mode="cost" aria-pressed="false" data-i18n="statsPage.modeCost">费用（官方）</button>
-        </div>
-      </div>
-      <div class="stats-cards" id="stats-cards"></div>
-      <section class="stats-panel" data-stats-panel="cost" aria-labelledby="stats-cost-title">
-        <div class="stats-panel-head">
-          <div>
-            <div class="stats-panel-kicker" data-i18n="statsPage.costKicker">ESTIMATED COST</div>
-            <h2 id="stats-cost-title" class="stats-panel-title" data-i18n="statsPage.costTrend">费用趋势</h2>
-          </div>
-          <div id="stats-legend" class="stats-legend"></div>
-        </div>
-        <div id="stats-chart" class="stats-chart" role="list" aria-live="polite" data-i18n-aria="statsPage.costChartLabel"></div>
-      </section>
-      <section class="stats-panel" data-stats-panel="token" aria-labelledby="stats-token-title">
-        <div class="stats-panel-head">
-          <div>
-            <div class="stats-panel-kicker" data-i18n="statsPage.tokenKicker">TOKEN VOLUME</div>
-            <h2 id="stats-token-title" class="stats-panel-title" data-i18n="statsPage.tokenTrend">Token 量趋势</h2>
-          </div>
-          <div id="stats-token-legend" class="stats-legend"></div>
-        </div>
-        <div id="stats-token-chart" class="stats-chart" role="list" aria-live="polite" data-i18n-aria="statsPage.tokenChartLabel"></div>
-      </section>
-      <p id="stats-note" class="stats-note"></p>
+    <!-- 插件管理：独立页面，与当前连接绑定 -->
+    <section id="view-plugins" class="view hidden plugins-view" aria-label="插件管理">
+      <div id="plugin-page"></div>
     </section>
 
     <!-- 设置 -->
     <section id="view-settings" class="view hidden">
       <div id="settings-home">
-          <button type="button" id="btn-plugin-center" class="setting-row setting-link"><span>插件中心 · 已安装 / 发现插件</span></button>
+          <button type="button" id="btn-plugin-center" class="setting-row setting-link"><span data-i18n="nav.plugins">插件</span></button>
         <div class="settings-group">
           <button type="button" class="setting-row setting-link" data-settings-group="general">
             <div><div class="setting-name" data-i18n="settings.groupGeneral">通用</div><div class="setting-desc" data-i18n="settings.groupGeneralDesc">显示工具调用、预设提示词</div></div>
@@ -619,9 +582,9 @@
       <span class="nav-home-orb"><span class="nav-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="7.5"/><circle cx="12" cy="12" r="2.2" fill="currentColor" stroke="none"/><path d="M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3" opacity=".75"/></svg></span></span>
       <span data-i18n="nav.home">主页</span><b id="nav-pending" class="nav-badge hidden"></b>
     </button>
-    <button data-view="view-stats" class="nav-btn">
-      <span class="nav-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 19V9M12 19V5M19 19v-7"/><path d="M3 19h18" opacity=".55"/></svg></span>
-      <span data-i18n="nav.stats">统计</span>
+    <button data-view="view-plugins" class="nav-btn">
+      <span class="nav-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 3v4h6V3M7 7h10v6a5 5 0 0 1-10 0V7ZM12 18v3"/></svg></span>
+      <span data-i18n="nav.plugins">插件</span>
     </button>
     <button data-view="view-settings" class="nav-btn">
       <span class="nav-ico"><svg class="settings-gear" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.09a2 2 0 0 1 1 1.73v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.51a2 2 0 0 1 1-1.73l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z"/><circle cx="12" cy="12" r="3"/></svg></span>
@@ -936,7 +899,7 @@
         'conn.poll': '轮询', 'conn.pollTitle': '当前网络不支持实时推送，已降级为轮询（延迟数秒）',
         'conn.titleGroup': '{group} · {url}（{ms}）',
         'common.refreshing': '刷新中…', 'select.choose': '请选择', 'select.cancel': '取消',
-        'nav.sessions': '会话', 'nav.files': '文件', 'nav.pending': '待办', 'nav.overview': '总览', 'nav.home': '主页', 'nav.stats': '统计', 'nav.settings': '设置',
+        'nav.sessions': '会话', 'nav.files': '文件', 'nav.pending': '待办', 'nav.overview': '总览', 'nav.home': '主页', 'nav.plugins': '插件', 'nav.settings': '设置',
         'overview.eyebrow': 'SYSTEM OVERVIEW', 'overview.title': '主页', 'overview.subtitle': '实时状态与需要你处理的事项',
         'overview.systemPulse': '系统链路', 'overview.nominal': '系统链路正常', 'overview.degraded': '部分链路需要关注', 'overview.offline': '连接已断开', 'overview.checking': '检查中…', 'overview.components': '{n}/4 个模块在线', 'overview.live': 'LIVE', 'overview.allLinked': '全部链路', 'overview.offlineCore': 'OFFLINE',
         'overview.gateway': '网关', 'overview.dsh': 'DSH 上游', 'overview.mux': '实时 mux', 'overview.host': '实时 host', 'overview.online': '在线', 'overview.offlineShort': '离线',
@@ -946,14 +909,6 @@
         'overview.action.openSession': '打开最近会话', 'overview.action.newSession': '新建会话', 'overview.action.attention': '处理待办', 'overview.action.connect': '去设置连接', 'overview.action.refresh': '重新检查连接',
         'overview.communityEyebrow': 'COMMUNITY BOARD', 'overview.communityTitle': '公告与投票', 'overview.communityHistory': '历史公告', 'overview.communityEmpty': '暂无未读公告',
         'overview.communityPoll': '投票', 'overview.communityNotice': '公告', 'overview.communityNew': '新', 'overview.communityVote': '参与投票', 'overview.communityView': '查看公告', 'overview.communityVoted': '已参与',
-        'statsPage.eyebrow': '使用概览', 'statsPage.title': 'Token 统计', 'statsPage.subtitle': '按日查看 Token 用量与费用估算', 'statsPage.latest': '最新日期', 'statsPage.chartMetric': '图表指标', 'statsPage.modeTokens': 'Token 数', 'statsPage.modeCost': '费用（官方）',
-        'statsPage.costKicker': 'ESTIMATED COST', 'statsPage.tokenKicker': 'TOKEN VOLUME', 'statsPage.costChartLabel': '近 7 天费用趋势', 'statsPage.tokenChartLabel': '近 7 天 Token 用量趋势',
-        'statsPage.today': '今日', 'statsPage.tokenUnit': 'Tokens', 'statsPage.breakdown': '今日用量构成', 'statsPage.estimated': '估算费用', 'statsPage.peakShareLabel': '高峰费用占比 {n}%',
-        'statsPage.todayTokens': '今日 Token', 'statsPage.todayCost': '今日费用', 'statsPage.peakShare': '高峰占比', 'statsPage.costTrend': '费用趋势', 'statsPage.tokenTrend': 'Token 量趋势', 'statsPage.tokenTotal': 'Token 总量',
-        'statsPage.input': '未缓存输入', 'statsPage.cacheRead': '缓存命中', 'statsPage.cacheWrite': '缓存写入', 'statsPage.output': '输出',
-        'statsPage.peak': '高峰', 'statsPage.off': '空闲', 'statsPage.days': '近 {n} 天',
-        'statsPage.gatewayDown': '统计需要网关运行', 'statsPage.empty': '暂无统计，产生会话后自动聚合',
-        'statsPage.note': '注：Token 量按 DSH usage 事件记录，第三方 provider 需提供 usage 才能计入；费用仅对已知 DeepSeek 模型估算，与官网账单可能有出入，一切以官网为准。统计自 2026-08-17 定价生效日起。',
         'home.newSession': '＋ 新会话', 'home.newWorkspace': '＋ 工作区', 'home.empty': '暂无会话', 'home.createFailed': '新建会话失败', 'home.created': '会话已创建',
         'wb.unbound': '未绑定工作台', 'wb.bound': '绑定 {title}', 'wb.noProjects': '暂无项目', 'wb.noSessions': '暂无会话', 'wb.newSession': '新会话', 'wb.orderSaved': '顺序已保存到当前设备', 'wb.flatHidden': '工作台会话已收起（{n} 个）', 'wb.archivedHidden': '------隐藏已归档会话------', 'wb.archivedShown': '------显示已归档会话------',
         'workspace.createTitle': '新建工作区', 'workspace.createDesc': '将在当前文件目录下创建文件夹，并自动打开新会话。', 'workspace.parent': '父目录', 'workspace.namePlaceholder': '例如：my-project', 'workspace.cancel': '取消', 'workspace.create': '创建并打开', 'workspace.nameRequired': '请输入工作区名称', 'workspace.exists': '该目录已存在', 'workspace.invalidName': '名称不能包含路径分隔符', 'workspace.createFailed': '创建工作区失败：{msg}', 'workspace.created': '工作区已创建', 'workspace.createdNoSession': '工作区已创建，但新会话未能打开',
@@ -1007,6 +962,7 @@
         'event.systemReminder': '系统提示',
         'block.image': '图片', 'block.thinking': '🧠 思考过程', 'block.thinkingLive': '🧠 思考中…', 'block.toolCall': '工具调用', 'block.toolResult': '工具结果', 'block.unknown': '块 · {type}',
         'truncated': '…(截断)',
+        'insights.title': '上下文与费用',
         'stats.title': '本轮统计', 'stats.roundTitle': '本轮统计', 'stats.turnsSteps': '轮次 / 步骤',
         'stats.llmTime': '模型耗时', 'stats.minutes': ' 分钟', 'stats.outputCache': '输出 / 缓存读',
         'stats.ctxPressure': '上下文压力', 'stats.permission': '权限', 'stats.empty': '暂无统计数据',
@@ -1179,7 +1135,7 @@
         'conn.poll': 'Polling', 'conn.pollTitle': 'Realtime push is unavailable on this network; degraded to polling (a few seconds delay)',
         'conn.titleGroup': '{group} · {url} ({ms})',
         'common.refreshing': 'Refreshing…', 'select.choose': 'Choose an option', 'select.cancel': 'Cancel',
-        'nav.sessions': 'Sessions', 'nav.files': 'Files', 'nav.pending': 'Inbox', 'nav.overview': 'Overview', 'nav.home': 'Home', 'nav.stats': 'Stats', 'nav.settings': 'Settings',
+        'nav.sessions': 'Sessions', 'nav.files': 'Files', 'nav.pending': 'Inbox', 'nav.overview': 'Overview', 'nav.home': 'Home', 'nav.plugins': 'Plugins', 'nav.settings': 'Settings',
         'overview.eyebrow': 'SYSTEM OVERVIEW', 'overview.title': 'Home', 'overview.subtitle': 'Live status and items needing your attention',
         'overview.systemPulse': 'System pulse', 'overview.nominal': 'System nominal', 'overview.degraded': 'Some links need attention', 'overview.offline': 'Connection offline', 'overview.checking': 'Checking…', 'overview.components': '{n}/4 components online', 'overview.live': 'LIVE', 'overview.allLinked': 'ALL LINKED', 'overview.offlineCore': 'OFFLINE',
         'overview.gateway': 'Gateway', 'overview.dsh': 'DSH upstream', 'overview.mux': 'Live mux', 'overview.host': 'Live host', 'overview.online': 'Online', 'overview.offlineShort': 'Offline',
@@ -1189,14 +1145,6 @@
         'overview.action.openSession': 'Open recent session', 'overview.action.newSession': 'New session', 'overview.action.attention': 'Review pending', 'overview.action.connect': 'Set up connection', 'overview.action.refresh': 'Check connection',
         'overview.communityEyebrow': 'COMMUNITY BOARD', 'overview.communityTitle': 'Announcements & polls', 'overview.communityHistory': 'History', 'overview.communityEmpty': 'No unread announcements',
         'overview.communityPoll': 'Poll', 'overview.communityNotice': 'Notice', 'overview.communityNew': 'New', 'overview.communityVote': 'Vote now', 'overview.communityView': 'View notice', 'overview.communityVoted': 'Voted',
-        'statsPage.eyebrow': 'USAGE OVERVIEW', 'statsPage.title': 'Token stats', 'statsPage.subtitle': 'Daily token volume and estimated costs', 'statsPage.latest': 'Latest date', 'statsPage.chartMetric': 'Chart metric', 'statsPage.modeTokens': 'Token count', 'statsPage.modeCost': 'Cost (official)',
-        'statsPage.costKicker': 'ESTIMATED COST', 'statsPage.tokenKicker': 'TOKEN VOLUME', 'statsPage.costChartLabel': 'Cost trend for the last 7 days', 'statsPage.tokenChartLabel': 'Token volume trend for the last 7 days',
-        'statsPage.today': 'Today', 'statsPage.tokenUnit': 'Tokens', 'statsPage.breakdown': 'Today’s usage breakdown', 'statsPage.estimated': 'Estimated cost', 'statsPage.peakShareLabel': 'Peak cost share {n}%',
-        'statsPage.todayTokens': 'Tokens today', 'statsPage.todayCost': 'Cost today', 'statsPage.peakShare': 'Peak share', 'statsPage.costTrend': 'Cost trend', 'statsPage.tokenTrend': 'Token volume trend', 'statsPage.tokenTotal': 'Total tokens',
-        'statsPage.input': 'Uncached input', 'statsPage.cacheRead': 'Cache read', 'statsPage.cacheWrite': 'Cache write', 'statsPage.output': 'Output',
-        'statsPage.peak': 'Peak', 'statsPage.off': 'Off-peak', 'statsPage.days': 'Last {n} days',
-        'statsPage.gatewayDown': 'Stats require the gateway', 'statsPage.empty': 'No stats yet — they aggregate as sessions happen',
-        'statsPage.note': 'Note: token volume uses DSH usage events; a third-party provider must expose usage to be counted. Costs are estimates for known DeepSeek models and may differ from the official bill; always defer to deepseek.com. Stats start from the 2026-08-17 pricing date.',
         'home.newSession': '＋ New session', 'home.newWorkspace': '＋ Workspace', 'home.empty': 'No sessions yet', 'home.createFailed': 'Failed to create session', 'home.created': 'Session created',
         'wb.unbound': 'No workbench bound', 'wb.bound': 'Bound {title}', 'wb.noProjects': 'No projects', 'wb.noSessions': 'No sessions', 'wb.newSession': 'New session', 'wb.orderSaved': 'Order saved on this device', 'wb.flatHidden': 'Workbench sessions folded ({n})', 'wb.archivedHidden': '------ Hide archived ------', 'wb.archivedShown': '------ Show archived ------',
         'workspace.createTitle': 'New workspace', 'workspace.createDesc': 'Create a folder in the current file directory and open a new session there.', 'workspace.parent': 'Parent folder', 'workspace.namePlaceholder': 'For example: my-project', 'workspace.cancel': 'Cancel', 'workspace.create': 'Create & open', 'workspace.nameRequired': 'Enter a workspace name', 'workspace.exists': 'That folder already exists', 'workspace.invalidName': 'The name cannot contain path separators', 'workspace.createFailed': 'Could not create workspace: {msg}', 'workspace.created': 'Workspace created', 'workspace.createdNoSession': 'Workspace created, but the new session could not be opened',
@@ -1250,6 +1198,7 @@
         'event.systemReminder': 'System reminder',
         'block.image': 'Image', 'block.thinking': '🧠 Thinking', 'block.thinkingLive': '🧠 Thinking…', 'block.toolCall': 'Tool call', 'block.toolResult': 'Tool result', 'block.unknown': 'Block · {type}',
         'truncated': '…(truncated)',
+        'insights.title': 'Context & costs',
         'stats.title': 'This round', 'stats.roundTitle': 'This round', 'stats.turnsSteps': 'Turns / steps',
         'stats.llmTime': 'LLM time', 'stats.minutes': ' min', 'stats.outputCache': 'Output / cache read',
         'stats.ctxPressure': 'Context pressure', 'stats.permission': 'Permission', 'stats.empty': 'No stats yet',
@@ -1416,6 +1365,7 @@
   <script src="motion.js"></script>
   <script type="module" src="morphicons-init.js"></script>
   <script src="plugin-center.js"></script>
+  <script src="insights.js"></script>
   <script src="app.js"></script>
 </body>
 </html>

package/public/insights.css

@@ -0,0 +1,14 @@
+.ins-dialog{--bg:var(--dsr-bg,#f7f8fa);--surface:var(--dsr-panel,#fff);--border:var(--dsr-line,#d9dde5);--text:var(--dsr-text,#1d2635);--muted:var(--dsr-muted,#687386);--accent:var(--dsr-accent,#3979d6);width:min(820px,calc(100vw - 32px));max-height:88dvh;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--text);box-shadow:0 24px 90px #0005}
+.ins-dialog::backdrop{background:#10182780;backdrop-filter:blur(5px)}
+.ins-dialog[open]{display:flex;flex-direction:column}.ins-dialog *{box-sizing:border-box}
+.ins-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 16px}.ins-header h2{font-size:21px;line-height:1.4;margin:0}.ins-header p{font-size:12px;color:var(--muted,#687386);margin:5px 0 0;overflow-wrap:anywhere}
+.ins-dialog button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border,#d9dde5);background:var(--surface,var(--card,#fff));border-radius:10px;min-height:40px;padding:8px 14px}.ins-header button{font-size:24px;min-width:42px;padding:2px 10px;flex-shrink:0}
+.ins-dialog button:focus-visible{outline:2px solid var(--accent,#3979d6);outline-offset:3px}
+.ins-tabs{display:flex;gap:8px;align-items:center;padding:0 24px 16px;border-bottom:1px solid var(--border,#d9dde5)}.ins-tabs [aria-selected=true]{background:var(--accent,#3979d6);border-color:var(--accent,#3979d6);color:#fff}.ins-tabs [data-ins-refresh]{margin-left:auto;font-size:12px}
+.ins-content{overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;min-height:280px}.ins-section{padding:18px;background:var(--surface,var(--card,#fff));border:1px solid var(--border,#d9dde5);border-radius:14px;margin-bottom:14px}.ins-section h3{font-size:14px;margin:0 0 14px;font-weight:650}.ins-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ins-section-head h3{margin:0}.ins-badge{font-size:10px;color:var(--muted,#687386);border:1px solid var(--border,#d9dde5);padding:4px 8px;border-radius:20px;white-space:nowrap}
+.ins-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ins-metric{display:flex;flex-direction:column;gap:5px;min-width:0}.ins-metric>span{font-size:12px;color:var(--muted,#687386)}.ins-metric strong{font-size:23px;line-height:1.4;font-weight:650;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ins-metric small,.ins-plan small{font-size:11px;color:var(--muted,#687386);overflow-wrap:anywhere}.ins-note{font-size:12px;line-height:1.7;color:var(--muted,#687386);margin:12px 0 0}.ins-source{font-size:11px;color:var(--muted,#687386);line-height:1.8;margin:16px 0 0}.ins-empty{padding:32px 8px;line-height:1.8;color:var(--muted,#687386);font-size:14px}
+.ins-progress{height:7px;background:var(--border,#e5e9f0);border-radius:9px;overflow:hidden;margin:14px 0 0}.ins-progress>span{display:block;height:100%;background:var(--accent,#3979d6);border-radius:inherit}.ins-category{display:grid;grid-template-columns:85px minmax(0,1fr) 70px;align-items:center;gap:12px;padding:7px 0;font-size:12px}.ins-category strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.ins-track{height:6px;background:var(--border,#e5e9f0);border-radius:5px;overflow:hidden}.ins-track i{display:block;height:100%;background:var(--accent,#3979d6);opacity:.65;border-radius:inherit}
+.ins-events{list-style:none;padding:0;margin:0}.ins-events li{padding:10px 0;border-bottom:1px solid var(--border,#e5e9f0);font-size:12px}.ins-events li:last-child{border:0}.ins-events li>div{display:flex;justify-content:space-between;gap:12px}.ins-events time,.ins-events li>span{font-size:11px;color:var(--muted,#687386)}.ins-events li>span{display:block;margin-top:4px;overflow-wrap:anywhere}.ins-plan{padding:12px 0;border-bottom:1px solid var(--border,#e5e9f0)}.ins-plan:last-child{border:0;padding-bottom:0}.ins-plan>strong{font-size:13px}.ins-plan small{display:block;margin-top:8px}.ins-plan-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:14px}.ins-plan .ins-progress{margin-top:7px}
+@media(max-width:560px){.ins-dialog{width:100%;max-width:100%;height:88dvh;max-height:88dvh;margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0}.ins-header{padding:20px 18px 14px}.ins-tabs{padding:0 18px 14px;gap:6px}.ins-tabs button{padding:8px 12px;font-size:13px}.ins-content{padding:16px 14px max(20px,env(safe-area-inset-bottom))}.ins-section{padding:16px}.ins-metric strong{font-size:20px}.ins-category{grid-template-columns:76px minmax(0,1fr) 58px;gap:8px}.ins-events li>div{flex-wrap:wrap;gap:4px}.ins-badge{font-size:9px}}
+@media(prefers-reduced-motion:reduce){.ins-dialog::backdrop{backdrop-filter:none}}
+.ins-tabs [aria-selected=true]{color:var(--dsr-on-accent,#fff)}