@shendeguize/dsh-agent-sidecar 0.1.0 → 0.2.0

package/src/client/locales/zh.ts

@@ -8,28 +8,21 @@
  * {@link SidecarLocaleDomain}. `settings.*` is owned by the settings card
  * (T2.3); `inject.*` by the inject panel (T4.5, src/client/inject/);
  * `board.*` by the board-tab chrome (view switcher); `detail.*` /
- * `dshtools.*` / `project.*` mirror the M3 module tables (see below);
+ * `dshtools.*` / `project.*` by their corresponding feature surfaces;
  * `analysis.*` is owned by the analysis panel (T5.10b); `command.*` by the
  * `/sidecar` slash command (T4.6, re-exported via ./command.ts);
- * `sidebar.*` by the optional better-sidebar mini tab (T6.3,
- * src/client/sidebar-tab.tsx) — keeping the prefixes in one flat namespace
- * avoids cross-task collisions.
+ * `sidebar.*` by the plain-DOM Agent Center entry and optional better-sidebar
+ * mini tab (T6.3) — keeping the prefixes in one flat namespace avoids
+ * cross-task collisions.
  *
- * M3 unification (T5.10b): the component-local tables `detail/strings.ts`,
- * `dsh-tools/strings.ts` and `PROJECT_VIEW_STRINGS` stay the rendering
- * source for their components (decoupling kept), and this table REFERENCES
- * them entry-by-entry so `t()` covers every M3 string with zero copy drift
- * (parity is pinned by test/locales.test.ts). en translations for those
- * domains live in ./en.ts (the module tables are zh-only).
+ * This main dictionary is the source of truth for shipped Chinese copy.
+ * Feature-local modules expose dynamic, view-shaped facades over these flat
+ * keys; this locale core never depends back on UI modules.
  *
  * Copy sources: the schemastery `.description()` strings in src/config.ts
  * (the authoritative zh copy for each field) and design doc §4.a/§5.3/§6/§8.
  */
 
-import { DETAIL_STRINGS } from '../detail/strings.ts'
-import { DSH_TOOLS_STRINGS } from '../dsh-tools/strings.ts'
-import { PROJECT_VIEW_STRINGS } from '../board/project-view-logic.ts'
-
 /** Locale key domains (one owner surface per domain, see module doc). */
 export type SidecarLocaleDomain =
   | 'settings'
@@ -42,10 +35,6 @@ export type SidecarLocaleDomain =
   | 'command'
   | 'sidebar'
 
-const D = DETAIL_STRINGS
-const Q = DSH_TOOLS_STRINGS
-const P = PROJECT_VIEW_STRINGS
-
 export const zh = {
   // ── card chrome ────────────────────────────────────────────────────────
   'settings.cardTitle': 'Agent Sidecar',
@@ -107,7 +96,7 @@ export const zh = {
   'settings.sectionInject': '消息注入',
   'settings.injectEnabledLabel': '启用注入',
   'settings.injectEnabledHint':
-    '关闭时看板隐藏全部注入入口,写接口在服务端同步拒绝。',
+    '关闭后注入面板为只读禁用态,写接口在服务端同步拒绝。',
   'settings.injectDefaultModeLabel': '默认注入模式',
   'settings.injectDefaultModeHint': '注入面板打开时预选的模式。',
   'settings.injectModeQueue': 'queue(排队下一轮)',
@@ -179,6 +168,7 @@ export const zh = {
     '结果未知:消息可能已投递。请勿重试;请前往目标会话核对后再决定下一步。',
   'inject.resultReplayed': '幂等重放:返回的是此前同一请求的结果,未发生二次注入。',
   'inject.reprepare': '重新准备',
+  'inject.observeListen': '开启监听观察反应',
 
   // ── inject panel: error vocabulary (gateway + transport) ─────────────
   'inject.errInjectDisabled': '注入功能已在服务端关闭;请在设置中开启注入。',
@@ -198,120 +188,203 @@ export const zh = {
   'inject.errParse': '服务端响应无法解析。',
   'inject.errGeneric': '请求失败({code})。',
 
-  // ── board tab chrome: main-view switcher (T5.10b, design §5.1) ─────────
+  // ── board tab chrome + session board (design §5.1 / §5.3) ──────────────
   'board.viewBoard': '会话看板',
   'board.viewProjects': '项目视图',
+  'board.status.working': '工作中',
+  'board.status.waiting': '等待中',
+  'board.status.idle': '空闲',
+  'board.status.dead': '已结束',
+  'board.status.unknown': '未知',
+  'board.attention.gap': '事件缺口',
+  'board.daemon.probe': '探测中',
+  'board.daemon.adopted': '已连接 · 领养',
+  'board.daemon.defer': '等待系统服务',
+  'board.daemon.reprobe': '重新探测中',
+  'board.daemon.hosting': '正在启动',
+  'board.daemon.hosted': '已连接 · 托管',
+  'board.daemon.backoff': '重启退避中',
+  'board.daemon.failed': '离线',
+  'board.stream.ok': '实时流正常',
+  'board.stream.degraded': '实时流重连中',
+  'board.stream.unknown': '实时流未建立',
+  'board.banner.daemonFailed': 'sidecar 离线:看板显示最后一次快照,数据不再更新',
+  'board.banner.streamDegraded': '实时流重连中,数据可能滞后',
+  'board.empty.daemonFailedTitle': 'sidecar 已离线',
+  'board.empty.daemonFailedHint':
+    'daemon 连续启动失败已熔断。可在设置卡重试,或手动运行 agent-sidecar daemon start 后等待自动领养。',
+  'board.empty.daemonDeferTitle': '等待系统服务拉起 daemon',
+  'board.empty.daemonDeferHint':
+    '检测到 LaunchAgent 托管,插件不会自行启动 daemon;服务拉起后看板会自动出数。',
+  'board.empty.filteredTitle': '当前过滤条件下没有会话',
+  'board.empty.filteredHint': '试试放宽时间窗、取消状态过滤,或打开「显示已结束」。',
+  'board.empty.noSessionsTitle': '暂无被观测的会话',
+  'board.empty.noSessionsHint':
+    '本机 agent(claude / codex / cursor / dsh …)开始工作后会自动出现在这里。',
+  'board.topbar.title': 'Sidecar 多 agent 看板',
+  'board.topbar.refresh': '刷新',
+  'board.topbar.refreshing': '刷新中…',
+  'board.topbar.refreshTitle': '手动拉取最新快照',
+  'board.topbar.refreshFailed': '手动刷新失败,看板仍显示原有快照',
+  'board.topbar.dismiss': '知道了',
+  'board.topbar.showDead': '显示已结束',
+  'board.topbar.timeWindow': '时间窗',
+  'board.topbar.countWorking': '{n} 工作中',
+  'board.topbar.countWaiting': '{n} 等待中',
+  'board.topbar.countTotal': '共 {n} 个会话',
+  'board.topbar.filterByStatusTitle': '只看「{label}」的会话',
+  'board.topbar.clearStatusFilterTitle': '取消状态过滤,显示全部会话',
+  'board.group.collapseTitle': '收起该分组',
+  'board.group.expandTitle': '展开该分组',
+  'board.group.showAll': '展开全部 {n} 个会话',
+  'board.group.showLess': '只看前 {n} 个',
+  'board.card.noEvent': '暂无事件',
+  'board.card.untitled': '(无标题)',
+  'board.card.observedDisclaimer': '状态为从持久化数据推断的观察值,可能滞后',
+  'board.card.observedValue': '观察值: {status}',
+  'board.card.lastReconcile': '最近对账: {time}',
+  'board.card.neverReconciled': '尚未对账',
+  'board.card.copyId': '点击复制完整会话 id',
+  'board.card.copied': '已复制',
+  'board.time.justNow': '刚刚',
+  'board.time.minutesAgo': '{n} 分钟前',
+  'board.time.hoursAgo': '{n} 小时前',
+  'board.timeWindow.hours': '{n} 小时',
+  'board.timeWindow.days': '{n} 天',
+  'board.groupCount': '{n} 个会话',
+  'board.unknownProject': '未知项目',
+  'board.widget.label': 'Sidecar',
+  'board.widget.connection.ok': '已连接',
+  'board.widget.connection.degraded': '连接不稳定',
+  'board.widget.connection.off': '离线',
+  'board.widget.working': '{n} 个会话工作中',
 
-  // ── session detail (T5.3 detail/strings.ts, referenced verbatim) ───────
-  'detail.header.close': D.header.close,
-  'detail.header.listenOn': D.header.listenOn,
-  'detail.header.listenOff': D.header.listenOff,
-  'detail.header.listenHint': D.header.listenHint,
-  'detail.header.untitled': D.header.untitled,
-  'detail.header.unknownProject': D.header.unknownProject,
-  'detail.header.observedDisclaimer': D.header.observedDisclaimer,
-  'detail.status.working': D.status.working,
-  'detail.status.waiting': D.status.waiting,
-  'detail.status.idle': D.status.idle,
-  'detail.status.dead': D.status.dead,
-  'detail.status.unknown': D.status.unknown,
-  'detail.sources.title': D.sources.title,
-  'detail.sources.dshLive': D.sources.dshLive,
-  'detail.sources.dshCold': D.sources.dshCold,
-  'detail.sources.sidecarReplay': D.sources.sidecarReplay,
-  'detail.sources.sidecarBuffer': D.sources.sidecarBuffer,
-  'detail.sources.none': D.sources.none,
-  'detail.kind.user': D.kind.user,
-  'detail.kind.assistant': D.kind.assistant,
-  'detail.kind.thinking': D.kind.thinking,
-  'detail.kind.toolCall': D.kind.toolCall,
-  'detail.kind.toolResult': D.kind.toolResult,
-  'detail.kind.turn': D.kind.turn,
-  'detail.kind.step': D.kind.step,
-  'detail.kind.error': D.kind.error,
-  'detail.kind.other': D.kind.other,
-  'detail.gap.label': D.gap.label,
-  'detail.timeline.loadMore': D.timeline.loadMore,
-  'detail.timeline.loadingMore': D.timeline.loadingMore,
-  'detail.timeline.noMore': D.timeline.noMore,
-  'detail.timeline.expand': D.timeline.expand,
-  'detail.timeline.collapse': D.timeline.collapse,
-  'detail.timeline.newBadge': D.timeline.newBadge,
-  'detail.timeline.seq': D.timeline.seq,
-  'detail.timeline.hiddenNotice': D.timeline.hiddenNotice,
-  'detail.timeline.showAll': D.timeline.showAll,
-  'detail.states.loadingTitle': D.states.loadingTitle,
-  'detail.states.emptyTitle': D.states.emptyTitle,
-  'detail.states.emptyHint': D.states.emptyHint,
-  'detail.states.errorTitle': D.states.errorTitle,
-  'detail.states.errorFallback': D.states.errorFallback,
-  'detail.states.errors.session_not_found': D.states.errors.session_not_found,
-  'detail.states.errors.invalid_cursor': D.states.errors.invalid_cursor,
-  'detail.states.errors.fusion_not_wired': D.states.errors.fusion_not_wired,
-  'detail.states.errors.network_error': D.states.errors.network_error,
-  'detail.states.errors.request_timeout': D.states.errors.request_timeout,
-  'detail.time.justNow': D.time.justNow,
-  'detail.time.minutesAgo': D.time.minutesAgo,
-  'detail.time.hoursAgo': D.time.hoursAgo,
-  'detail.time.daysAgo': D.time.daysAgo,
+  // ── session detail (T5.3) ──────────────────────────────────────────────
+  'detail.header.close': '返回看板',
+  'detail.header.listenOn': '监听中',
+  'detail.header.listenOff': '监听',
+  'detail.header.listenHint': '开启后新事件将实时追加并高亮',
+  'detail.header.refresh': '刷新',
+  'detail.header.refreshing': '刷新中…',
+  'detail.header.refreshHint': '手动拉取最新时间线窗口',
+  'detail.header.copyIdTitle': '点击复制会话 ID',
+  'detail.header.copied': '已复制',
+  'detail.header.untitled': '(无标题)',
+  'detail.header.unknownProject': '未知项目',
+  'detail.header.observedDisclaimer': '状态为从持久化数据推断的观察值,可能滞后',
+  'detail.status.working': '工作中',
+  'detail.status.waiting': '等待中',
+  'detail.status.idle': '空闲',
+  'detail.status.dead': '已结束',
+  'detail.status.unknown': '未知',
+  'detail.sources.title': '数据来源',
+  'detail.sources.dshLive': 'dsh 实时',
+  'detail.sources.dshCold': 'dsh 冷读',
+  'detail.sources.sidecarReplay': 'sidecar 重放',
+  'detail.sources.sidecarBuffer': 'sidecar 缓冲',
+  'detail.sources.none': '来源未知',
+  'detail.kind.user': '用户消息',
+  'detail.kind.assistant': '助手回复',
+  'detail.kind.thinking': '思考',
+  'detail.kind.toolCall': '工具调用',
+  'detail.kind.toolResult': '工具结果',
+  'detail.kind.turn': '回合',
+  'detail.kind.step': '步骤',
+  'detail.kind.error': '错误',
+  'detail.kind.other': '事件',
+  'detail.gap.label': '缺口:可能有 {n} 条事件未捕获(256 队列上限或未持久化)',
+  'detail.filter.conversation': '只看对话',
+  'detail.filter.all': '全部事件',
+  'detail.filter.hiddenNotice': '已隐藏 {n} 条协议事件',
+  'detail.timeline.loadMore': '加载更多历史',
+  'detail.timeline.loadingMore': '加载中…',
+  'detail.timeline.noMore': '已到时间线起点',
+  'detail.timeline.expand': '展开',
+  'detail.timeline.collapse': '收起',
+  'detail.timeline.newBadge': '新',
+  'detail.timeline.seq': 'seq {n}',
+  'detail.timeline.hiddenNotice': '为保持流畅,较早的 {n} 条已折叠',
+  'detail.timeline.showAll': '全部显示',
+  'detail.timeline.chunkRun': '{n} 个流式分块',
+  'detail.states.loadingTitle': '正在加载时间线…',
+  'detail.states.emptyTitle': '暂无事件',
+  'detail.states.emptyHint': '该会话还没有可展示的规范化事件。',
+  'detail.states.errorTitle': '时间线加载失败',
+  'detail.states.errorFallback': '错误码:{reason}',
+  'detail.states.errors.session_not_found': '会话不存在或已不可见',
+  'detail.states.errors.invalid_cursor': '分页游标无效,请重新打开详情',
+  'detail.states.errors.fusion_not_wired': '当前 host 未启用时间线能力',
+  'detail.states.errors.network_error': '网络错误,无法联系 dsh host',
+  'detail.states.errors.request_timeout': '请求超时',
+  'detail.time.justNow': '刚刚',
+  'detail.time.minutesAgo': '{n} 分钟前',
+  'detail.time.hoursAgo': '{n} 小时前',
+  'detail.time.daysAgo': '{n} 天前',
 
   // ── session detail: integration chrome (T5.10b literals) ───────────────
   'detail.actions.inject': '注入',
   'detail.actions.analyze': 'AI 分析',
   'detail.actions.analyzeDisabledHint': '在设置中开启「启用 AI 旁路分析」后可用',
+  'detail.tools.title': '谱系与检索',
+  'detail.tools.show': '展开',
+  'detail.tools.hide': '收起',
 
-  // ── dsh deep-query tools (T5.4 dsh-tools/strings.ts, referenced) ───────
-  'dshtools.lineage.title': Q.lineage.title,
-  'dshtools.lineage.loading': Q.lineage.loading,
-  'dshtools.lineage.error': Q.lineage.error,
-  'dshtools.lineage.empty': Q.lineage.empty,
-  'dshtools.lineage.currentBadge': Q.lineage.currentBadge,
-  'dshtools.lineage.liveBadge': Q.lineage.liveBadge,
-  'dshtools.lineage.notPersistedBadge': Q.lineage.notPersistedBadge,
-  'dshtools.lineage.role.ancestor': Q.lineage.role.ancestor,
-  'dshtools.lineage.role.target': Q.lineage.role.target,
-  'dshtools.lineage.role.descendant': Q.lineage.role.descendant,
-  'dshtools.lineage.jumpTitle': Q.lineage.jumpTitle,
-  'dshtools.lineage.currentTitle': Q.lineage.currentTitle,
-  'dshtools.lineage.expand': Q.lineage.expand,
-  'dshtools.lineage.collapse': Q.lineage.collapse,
-  'dshtools.lineage.nodeCount': Q.lineage.nodeCount,
-  'dshtools.lineage.incompleteWithId': Q.lineage.incompleteWithId,
-  'dshtools.lineage.incomplete': Q.lineage.incomplete,
-  'dshtools.lineage.degrade.notDshTitle': Q.lineage.degrade.notDshTitle,
-  'dshtools.lineage.degrade.notDshBody': Q.lineage.degrade.notDshBody,
-  'dshtools.lineage.degrade.queryUnavailableTitle': Q.lineage.degrade.queryUnavailableTitle,
-  'dshtools.lineage.degrade.queryUnavailableBody': Q.lineage.degrade.queryUnavailableBody,
-  'dshtools.lineage.degrade.traceFailedTitle': Q.lineage.degrade.traceFailedTitle,
-  'dshtools.lineage.degrade.traceFailedBody': Q.lineage.degrade.traceFailedBody,
-  'dshtools.lineage.degrade.unknownTitle': Q.lineage.degrade.unknownTitle,
-  'dshtools.lineage.degrade.unknownBody': Q.lineage.degrade.unknownBody,
-  'dshtools.search.title': Q.search.title,
-  'dshtools.search.placeholder': Q.search.placeholder,
-  'dshtools.search.submit': Q.search.submit,
-  'dshtools.search.loading': Q.search.loading,
-  'dshtools.search.error': Q.search.error,
-  'dshtools.search.empty': Q.search.empty,
-  'dshtools.search.filterOnlyNotice': Q.search.filterOnlyNotice,
-  'dshtools.search.projectFilter': Q.search.projectFilter,
-  'dshtools.search.matchedBy.full-text': Q.search.matchedBy['full-text'],
-  'dshtools.search.matchedBy.title': Q.search.matchedBy.title,
-  'dshtools.search.matchedBy.project': Q.search.matchedBy.project,
-  'dshtools.search.matchedBy.other': Q.search.matchedBy.other,
-  'dshtools.search.untitled': Q.search.untitled,
+  // ── dsh deep-query tools (T5.4) ────────────────────────────────────────
+  'dshtools.lineage.title': '会话谱系',
+  'dshtools.lineage.loading': '谱系加载中…',
+  'dshtools.lineage.error': '谱系加载失败',
+  'dshtools.lineage.empty': '暂无谱系数据',
+  'dshtools.lineage.currentBadge': '当前会话',
+  'dshtools.lineage.liveBadge': '运行中',
+  'dshtools.lineage.notPersistedBadge': '未持久化',
+  'dshtools.lineage.role.ancestor': '祖先',
+  'dshtools.lineage.role.target': '目标',
+  'dshtools.lineage.role.descendant': '子会话',
+  'dshtools.lineage.jumpTitle': '跳转到该会话',
+  'dshtools.lineage.currentTitle': '正在查看该会话',
+  'dshtools.lineage.expand': '展开',
+  'dshtools.lineage.collapse': '折叠',
+  'dshtools.lineage.nodeCount': '{n} 个会话',
+  'dshtools.lineage.incompleteWithId': '谱系不完整:父会话 {id} 无法解析',
+  'dshtools.lineage.incomplete': '谱系不完整:部分父链无法解析',
+  'dshtools.lineage.degrade.notDshTitle': '谱系/溯源为 dsh 会话专属',
+  'dshtools.lineage.degrade.notDshBody': '当前会话来自外部 agent,dsh 的谱系与溯源能力不适用。',
+  'dshtools.lineage.degrade.queryUnavailableTitle': 'dsh 谱系服务不可用',
+  'dshtools.lineage.degrade.queryUnavailableBody':
+    '当前 dsh 组合未挂载 sessionQuery,谱系与溯源暂不可用。',
+  'dshtools.lineage.degrade.traceFailedTitle': '谱系追溯失败',
+  'dshtools.lineage.degrade.traceFailedBody': 'dsh 无法解析该会话的谱系。',
+  'dshtools.lineage.degrade.unknownTitle': '谱系不可用',
+  'dshtools.lineage.degrade.unknownBody': '后端报告谱系不可用(原因: {reason})。',
+  'dshtools.search.title': '会话检索',
+  'dshtools.search.placeholder': '检索会话(标题 / 项目 / 全文)',
+  'dshtools.search.submit': '检索',
+  'dshtools.search.loading': '检索中…',
+  'dshtools.search.error': '检索失败',
+  'dshtools.search.empty': '没有匹配的会话',
+  'dshtools.search.filterOnlyNotice': 'dsh 全文检索不可用,已降级为标题/项目过滤',
+  'dshtools.search.projectFilter': '项目过滤: {project}',
+  'dshtools.search.matchedBy.full-text': '全文',
+  'dshtools.search.matchedBy.title': '标题',
+  'dshtools.search.matchedBy.project': '项目',
+  'dshtools.search.matchedBy.other': '其他',
+  'dshtools.search.untitled': '(无标题)',
 
-  // ── project correlation view (T5.5 PROJECT_VIEW_STRINGS, referenced) ───
-  'project.title': P.title,
-  'project.summary': P.summary,
-  'project.crossAgent': P.crossAgent,
-  'project.sessionCount': P.sessionCount,
-  'project.lastActive': P.lastActive,
-  'project.liveChip': P.liveChip,
-  'project.untitled': P.untitled,
-  'project.empty.title': P.empty.title,
-  'project.empty.hint': P.empty.hint,
-  'project.loading': P.loading,
-  'project.errorTitle': P.errorTitle,
+  // ── project correlation view (T5.5) ────────────────────────────────────
+  'project.title': '项目关联',
+  'project.summary': '{projects} 个项目 · {sessions} 个会话',
+  'project.crossAgent': '{n} 种 agent',
+  'project.sessionCount': '{n} 个会话',
+  'project.lastActive': '最近活跃 {time}',
+  'project.liveChip': '实时',
+  'project.untitled': '(无标题)',
+  'project.showAllSessions': '展开全部 {n} 个会话',
+  'project.showLessSessions': '只看前 {n} 个',
+  'project.empty.title': '暂无项目关联',
+  'project.empty.hint':
+    '时间窗内没有跨 agent 的项目活动;agent 在某个项目目录下开始工作后会出现在这里。',
+  'project.loading': '正在加载项目关联…',
+  'project.errorTitle': '项目关联加载失败',
 
   // ── AI bypass analysis panel (T5.10b, design §4.e.3 / §5.1) ────────────
   'analysis.title': 'AI 分析',
@@ -371,7 +444,7 @@ export const zh = {
   'command.noSessions': '暂无被观测的会话',
   'command.unknownProject': '未知项目',
   'command.untitled': '(无标题)',
-  'command.truncated': '还有 {n} 个活跃会话未列出',
+  'command.truncated': '还有 {n} 个会话未列出',
   'command.boardHint': '打开会话视图的「Sidecar」Tab 查看完整看板',
   'command.unreachable': 'sidecar 未连接',
   'command.unreachableHint':
@@ -387,7 +460,9 @@ export const zh = {
   'command.time.hoursAgo': '{n} 小时前',
   'command.time.daysAgo': '{n} 天前',
 
-  // ── better-sidebar mini tab (T6.3, design §5.2 optional soft dep) ──────
+  // ── sidebar navigation (plain DOM + optional better-sidebar) ───────────
+  'sidebar.centerEntryLabel': 'Agent 中心',
+  'sidebar.centerEntryAria': '打开 Agent 中心',
   'sidebar.tabTitle': 'Sidecar',
   'sidebar.countsRow': '{working} 工作中 · {waiting} 等待中',
   'sidebar.recentTitle': '最近活跃',

package/src/client/mount.tsx

@@ -1,12 +1,13 @@
 /**
- * Slot-facing React glue (T2.4): binds the {@link SidecarController} stores
- * to the three presentational modules via `useSyncExternalStore` and hands
- * back zero-prop components ready for slot registration. Factories close
- * over the controller so subscribe/getSnapshot identities stay stable
- * across renders (uSES resubscribes on identity change).
+ * React bindings for the board tab, footer widget, and settings card.
+ * Factories close over the controller so subscribe/getSnapshot identities
+ * stay stable across renders. The board depends only on {@link BoardUiPort}
+ * and passes its nested detail port to the detail container.
+ * Each exported root factory's top-level component subscribes once to the
+ * active locale, refreshing its complete descendant tree without leaf subscriptions.
  *
- * The settings card entry additionally owns the staged-edit lifecycle over
- * a bound `SettingsScope` (browser mirror of the host settings namespace):
+ * The settings card owns the staged-edit lifecycle over a bound
+ * `SettingsScope` (browser mirror of the host settings namespace):
  * resolved values come from the scope snapshot, edits stage locally, save
  * writes one complete top-level group per changed group (see
  * settings-glue.ts for the write-granularity rationale), and success is
@@ -25,13 +26,15 @@ import { SettingsCard, type SettingsCardValues, type SidecarDaemonStatus } from
 import { countWorking, deriveWidgetConnection } from './board/logic.ts'
 import type { BoardFilterState } from './board/logic.ts'
 import type { SidecarController, SidecarViewState } from './controller.ts'
-import type { InjectMode } from './inject/logic.ts'
-import type { InjectActions } from './inject-glue.ts'
-import { SidecarDetailView, type SidecarUiIntegration } from './detail-view.tsx'
+import { SidecarDetailView } from './detail-view.tsx'
 import { findCardHint, type DetailHeaderHint } from './detail-glue.ts'
-import { findProjectSessionHint, type ProjectsStore } from './project-glue.ts'
+import { findProjectSessionHint } from './project-glue.ts'
+import type { BoardUiPort, ProjectsStorePort } from './ui-integration.ts'
 import { detailErrorText } from './detail/logic.ts'
 import { t } from './locales/index.ts'
+import { useActiveLocale } from './locales/react.ts'
+import { CenterOverlay } from './navigation/CenterOverlay.tsx'
+import type { CenterNavigation, CenterNavigationStore } from './navigation/center.ts'
 import css from './detail-view.module.css'
 import {
   DEFAULT_CONFIG_VIEW,
@@ -41,21 +44,6 @@ import {
   type SidecarConfigView,
 } from './settings-glue.ts'
 
-/**
- * What the board tab needs to host the inject panel (S5 wiring, T4.9).
- * Since T5.10b the panel opens from the detail view's 注入 button; this
- * shape rides {@link SidecarUiIntegration.inject} unchanged.
- */
-export interface BoardInjectIntegration {
-  /** onPrepare/onExecute over the action transport (inject-glue.ts). */
-  actions: InjectActions
-  /**
-   * Late-bound `inject.default-mode` reader: the settings scope resolves
-   * after the tab mounts, so the value is read at panel-open time.
-   */
-  getDefaultMode: () => InjectMode
-}
-
 /** Board-tab main views (detail is an overlay route on top of either). */
 type MainView = 'board' | 'projects'
 
@@ -65,7 +53,7 @@ type MainView = 'board' | 'projects'
  */
 function ProjectsContainer(props: {
   controller: SidecarController
-  store: ProjectsStore
+  store: ProjectsStorePort
   onSelectSession: (sessionId: string) => void
 }): ReactElement {
   const { controller, store } = props
@@ -85,28 +73,27 @@ function ProjectsContainer(props: {
 }
 
 /**
- * Cross-agent board tab (the "Sidecar" conversation tab), since T5.10b the
- * shell of the whole M3 information architecture (design §5.1):
+ * Cross-agent board content and its project/detail routes:
  *
  * - view 1: the session board, with a 「会话看板 / 项目视图」 switcher
  *   (ProjectView over `GET projects`);
  * - view 2: clicking a session card in EITHER view routes to the full-tab
  *   session-detail view (timeline + 注入 + AI 分析 + dsh 谱系/检索);
  *   detail-internal jumps (lineage nodes, search hits) re-route in place;
- * - view 3: the M2 inject panel opens as a modal from the detail view.
+ * - view 3: the inject panel opens as a modal from the detail view.
  *
  * Without an integration the board renders read-only and inert (no detail
- * routing) — the M1 degradation posture.
+ * routing).
  */
-export function createBoardTab(
+function createBoardContent(
   controller: SidecarController,
-  integration?: SidecarUiIntegration,
+  integration?: BoardUiPort,
 ): () => ReactElement {
   const subscribe = (cb: () => void): (() => void) => controller.subscribe(cb)
   const getState = (): SidecarViewState => controller.getState()
   const getFilters = (): BoardFilterState => controller.getFilters()
 
-  return function SidecarBoardTab(): ReactElement {
+  return function BoardContent(): ReactElement {
     // Third argument (server snapshot) keeps the components renderable under
     // react-dom/server (DOM-level verification harness); same source.
     const state = useSyncExternalStore(subscribe, getState, getState)
@@ -115,9 +102,9 @@ export function createBoardTab(
     const [detail, setDetail] = useState<{ id: string; hint: DetailHeaderHint | null } | null>(
       null,
     )
-    // One ProjectsStore per tab mount, created lazily with the integration
+    // One project store per tab mount, created lazily with the integration
     // seam; state survives board↔projects↔detail switches within the tab.
-    const [projectsStore] = useState<ProjectsStore | null>(
+    const [projectsStore] = useState<ProjectsStorePort | null>(
       () => integration?.createProjectsStore() ?? null,
     )
     useEffect(() => () => { projectsStore?.dispose() }, [projectsStore])
@@ -140,7 +127,7 @@ export function createBoardTab(
           sessionId={detail.id}
           hint={detail.hint}
           controller={controller}
-          integration={integration}
+          integration={integration.detail}
           onClose={() => { setDetail(null) }}
           onSelectSession={openDetail}
         />
@@ -154,6 +141,7 @@ export function createBoardTab(
             type="button"
             className={css['switcherButton']}
             data-active={mainView === 'board' || undefined}
+            aria-pressed={mainView === 'board'}
             onClick={() => { setMainView('board') }}
           >
             {t('board.viewBoard')}
@@ -162,6 +150,7 @@ export function createBoardTab(
             type="button"
             className={css['switcherButton']}
             data-active={mainView === 'projects' || undefined}
+            aria-pressed={mainView === 'projects'}
             onClick={() => { setMainView('projects') }}
           >
             {t('board.viewProjects')}
@@ -186,9 +175,9 @@ export function createBoardTab(
               onFiltersChange={(next) => {
                 controller.setFilters(next)
               }}
-              onRefresh={() => {
-                void controller.refresh()
-              }}
+              // Hand the promise through so the board can render the
+              // in-flight state and a failure notice (UX-07).
+              onRefresh={() => controller.refresh()}
               onSelectSession={openDetail}
             />
           )}
@@ -197,16 +186,60 @@ export function createBoardTab(
   }
 }
 
+/** Bind board content to its independent React root and locale subscription. */
+export function createBoardTab(
+  controller: SidecarController,
+  integration?: BoardUiPort,
+): () => ReactElement {
+  const BoardContent = createBoardContent(controller, integration)
+  return function SidecarBoardTab(): ReactElement {
+    useActiveLocale()
+    return <BoardContent />
+  }
+}
+
+/** Bind the shared navigation source to the shell overlay and existing board. */
+export function createCenterOverlay(
+  controller: SidecarController,
+  integration: BoardUiPort,
+  navigation: CenterNavigationStore,
+): () => ReactElement {
+  const BoardContent = createBoardContent(controller, integration)
+  return function SidecarCenterOverlay(): ReactElement {
+    useActiveLocale()
+    const open = useSyncExternalStore(
+      navigation.subscribe,
+      navigation.getSnapshot,
+      navigation.getSnapshot,
+    )
+    return (
+      <CenterOverlay
+        open={open}
+        onClose={navigation.close}
+        title={t('board.topbar.title')}
+        closeLabel={t('inject.close')}
+      >
+        {open ? <BoardContent /> : null}
+      </CenterOverlay>
+    )
+  }
+}
+
 /** Footer connection dot + working counter bound to the controller. */
-export function createFooterWidget(controller: SidecarController): () => ReactElement {
+export function createFooterWidget(
+  controller: SidecarController,
+  onOpen: CenterNavigation,
+): () => ReactElement {
   const subscribe = (cb: () => void): (() => void) => controller.subscribe(cb)
   const getState = (): SidecarViewState => controller.getState()
   return function SidecarFooterWidget(): ReactElement {
+    useActiveLocale()
     const state = useSyncExternalStore(subscribe, getState, getState)
     return (
       <SidecarWidget
         connection={deriveWidgetConnection(state.daemonState, state.streamHealth)}
         workingCount={countWorking(state.sessions)}
+        onOpen={onOpen}
       />
     )
   }
@@ -230,6 +263,7 @@ export function createSettingsCardEntry(
   const getSnapshot = (): ReturnType<typeof scope.getSnapshot> => scope.getSnapshot()
 
   return function SidecarSettingsCardEntry(): ReactElement {
+    useActiveLocale()
     const snapshot = useSyncExternalStore(subscribeScope, getSnapshot, getSnapshot)
     const state = useSyncExternalStore(subscribeState, getState, getState)
     const [staged, setStaged] = useState<Partial<SettingsCardValues>>({})