@shendeguize/dsh-agent-sidecar 0.1.1 → 0.2.0

package/src/client/detail/detail.module.css

@@ -1,9 +1,4 @@
-/*
- * Session-detail styles (design §5.1 view 2 / §5.3): every color rides a
- * --dsw-alias-* design token with a neutral fallback — no theme colors are
- * hardcoded as the only value. The gap marker uses the warn palette,
- * deliberately restrained (a thin honesty note, not an alarm).
- */
+/* Session-detail layout over the shared Agent Sidecar / DSH token contract. */
 
 .root {
   display: flex;
@@ -13,8 +8,8 @@
   min-height: 420px;
   padding: 16px 20px;
   box-sizing: border-box;
-  color: var(--dsw-alias-label-primary, #1f2328);
-  background: var(--dsw-alias-bg-base, transparent);
+  color: var(--agsc-fg);
+  background: var(--agsc-bg);
 }
 
 /* -------------------------------------------------------------- header */
@@ -32,48 +27,21 @@
   flex-wrap: wrap;
 }
 
-.closeButton {
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: transparent;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  border-radius: 6px;
-  padding: 2px 10px;
-  cursor: pointer;
-}
-
-.closeButton:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  border-color: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04));
-}
-
 .agent {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   font-size: 13px;
   font-weight: 650;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
 }
 
 .agentGlyph {
   flex: none;
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
+  color: var(--dsw-alias-brand-primary);
 }
 
 .badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 12px;
-  line-height: 20px;
-  padding: 0 8px;
-  border-radius: 999px;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  background: var(--dsw-alias-bg-layer-1, rgba(0, 0, 0, 0.03));
-  color: var(--dsw-alias-label-secondary, #57606a);
   white-space: nowrap;
 }
 
@@ -82,82 +50,37 @@
   height: 8px;
   border-radius: 50%;
   flex: none;
-  background: var(--dsw-alias-label-tertiary, #6e7781);
+  background: var(--agsc-fg-dimmed);
 }
 
 .dot[data-tone='success'] {
-  background: var(--dsw-alias-state-success-primary, #1a7f37);
+  background: var(--agsc-ok);
 }
 
 .dot[data-tone='warn'] {
-  background: var(--dsw-alias-state-warn-primary, #9a6700);
+  background: var(--agsc-warn);
 }
 
 .dot[data-tone='danger'] {
-  background: var(--dsw-alias-state-error-primary, #cf222e);
+  background: var(--agsc-err);
 }
 
 .dot[data-tone='neutral'] {
-  background: var(--dsw-alias-label-tertiary, #6e7781);
+  background: var(--agsc-fg-secondary);
 }
 
 .dot[data-tone='muted'] {
-  background: var(--dsw-alias-label-dimmed, #8c959f);
+  background: var(--agsc-fg-dimmed);
 }
 
 .spacer {
   flex: 1;
 }
 
-.listenButton {
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: transparent;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  border-radius: 999px;
-  padding: 2px 12px;
-  cursor: pointer;
-}
-
-.listenButton:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  border-color: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-}
-
-.listenButton[data-active] {
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
-  /* brand tint from the real token (brand-secondary/tertiary do not exist
-   * in the dsh token table — UX-15). */
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4d6bfe) 8%, transparent);
-}
-
-.refreshButton {
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: transparent;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  border-radius: 999px;
-  padding: 2px 12px;
-  cursor: pointer;
-}
-
-.refreshButton:hover:enabled {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  border-color: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-}
-
-.refreshButton:disabled {
-  cursor: default;
-  opacity: 0.6;
-}
-
 .title {
   font-size: 15px;
   font-weight: 600;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -172,7 +95,7 @@
 
 .project {
   font-size: 12px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -181,32 +104,28 @@
 /* Click-to-copy session id (UX-17): plain-text look, button semantics. */
 .sessionId {
   font-size: 11px;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
-  background: transparent;
-  border: none;
-  padding: 0;
+  font-family: var(--ds-font-family-code);
+  color: var(--dsw-alias-label-tertiary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: none;
   max-width: 40%;
-  cursor: pointer;
 }
 
 .sessionId:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
   text-decoration: underline;
 }
 
 .copiedBubble {
   flex: none;
-  font-size: 10px;
-  line-height: 16px;
-  padding: 0 6px;
-  border-radius: 999px;
-  color: var(--dsw-alias-state-success-primary, #1a7f37);
-  border: 1px solid var(--dsw-alias-state-success-secondary, rgba(26, 127, 55, 0.24));
+  color: var(--agsc-ok);
+}
+
+.copiedBubble > span,
+.sourceBadge > span {
+  color: inherit;
 }
 
 .metaRow {
@@ -218,7 +137,7 @@
 
 .disclaimer {
   font-size: 11px;
-  color: var(--dsw-alias-label-caption, var(--dsw-alias-label-tertiary, #6e7781));
+  color: var(--dsw-alias-label-caption);
 }
 
 .sourceList {
@@ -228,23 +147,15 @@
 }
 
 .sourceBadge {
-  font-size: 11px;
-  line-height: 16px;
-  padding: 0 6px;
-  border-radius: 999px;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: var(--dsw-alias-bg-layer-1, rgba(0, 0, 0, 0.03));
   white-space: nowrap;
 }
 
 .sourceBadge[data-tone='success'] {
-  color: var(--dsw-alias-state-success-primary, #1a7f37);
-  border-color: var(--dsw-alias-state-success-secondary, rgba(26, 127, 55, 0.24));
+  color: var(--agsc-ok);
 }
 
 .sourceBadge[data-tone='muted'] {
-  color: var(--dsw-alias-label-dimmed, #8c959f);
+  color: var(--agsc-fg-dimmed);
 }
 
 /* -------------------------------------------------------------- banner */
@@ -253,10 +164,10 @@
   font-size: 12px;
   line-height: 18px;
   padding: 6px 10px;
-  border-radius: 8px;
-  color: var(--dsw-alias-state-warn-label, var(--dsw-alias-state-warn-primary, #9a6700));
-  background: var(--dsw-alias-state-warn-tertiary, rgba(154, 103, 0, 0.08));
-  border: 1px solid var(--dsw-alias-state-warn-secondary, rgba(154, 103, 0, 0.24));
+  border-radius: var(--agsc-radius-control);
+  color: var(--agsc-warn);
+  background: var(--dsw-alias-state-warn-tertiary);
+  border: 1px solid var(--dsw-alias-state-warn-secondary);
 }
 
 /* --------------------------------------------- loading / empty / error */
@@ -276,18 +187,18 @@
 .bodyStateTitle {
   font-size: 14px;
   font-weight: 600;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
 }
 
 .bodyState[data-kind='error'] .bodyStateTitle {
-  color: var(--dsw-alias-state-error-primary, #cf222e);
+  color: var(--agsc-err);
 }
 
 .bodyStateHint {
   font-size: 12px;
   max-width: 420px;
   line-height: 20px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
 }
 
 /* --------------------------------------- kind filter chips (UX-03) */
@@ -299,32 +210,9 @@
   flex-wrap: wrap;
 }
 
-.filterChip {
-  font-size: 11px;
-  font-family: inherit;
-  line-height: 18px;
-  padding: 0 10px;
-  border-radius: 999px;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: transparent;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  cursor: pointer;
-}
-
-.filterChip:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  border-color: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-}
-
-.filterChip[data-active] {
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4d6bfe) 8%, transparent);
-}
-
 .filterHiddenNote {
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
+  color: var(--dsw-alias-label-tertiary);
 }
 
 /* --------------------------------------------------------------- pager */
@@ -334,31 +222,9 @@
   justify-content: center;
 }
 
-.loadMoreButton {
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: transparent;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  border-radius: 6px;
-  padding: 3px 14px;
-  cursor: pointer;
-}
-
-.loadMoreButton:hover:enabled {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  border-color: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04));
-}
-
-.loadMoreButton:disabled {
-  cursor: default;
-  opacity: 0.6;
-}
-
 .pagerNote {
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
+  color: var(--dsw-alias-label-tertiary);
 }
 
 .hiddenNotice {
@@ -367,17 +233,7 @@
   justify-content: center;
   gap: 8px;
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
-}
-
-.showAllButton {
-  font-size: 11px;
-  font-family: inherit;
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  background: transparent;
-  border: none;
-  padding: 0;
-  cursor: pointer;
+  color: var(--dsw-alias-label-tertiary);
 }
 
 /* ------------------------------------------------------------ timeline */
@@ -398,15 +254,15 @@
   flex-direction: column;
   gap: 4px;
   padding: 6px 10px;
-  border-radius: 8px;
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.06));
-  background: var(--dsw-alias-bg-layer-1, rgba(0, 0, 0, 0.02));
+  border-radius: var(--agsc-radius-control);
+  border: 1px solid var(--agsc-border);
+  background: var(--agsc-bg-raised);
 }
 
 .event[data-new] {
-  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
+  border-color: var(--agsc-accent);
   /* brand tint from the real token (UX-15). */
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4d6bfe) 6%, transparent);
+  background: color-mix(in srgb, var(--agsc-accent) 6%, transparent);
 }
 
 /* Aggregated streaming-chunk run (UX-03): quiet one-line stand-in. */
@@ -417,14 +273,14 @@
   font-size: 11px;
   line-height: 16px;
   padding: 4px 10px;
-  border-radius: 6px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
-  background: var(--dsw-alias-bg-layer-1, rgba(0, 0, 0, 0.02));
-  border: 1px dashed var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
+  border-radius: var(--agsc-radius-control);
+  color: var(--dsw-alias-label-tertiary);
+  background: var(--agsc-bg-raised);
+  border: 1px dashed var(--agsc-border-strong);
 }
 
 .chunkRun[data-new] {
-  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
+  border-color: var(--agsc-accent);
 }
 
 .chunkRunLabel {
@@ -441,22 +297,22 @@
 .eventGlyph {
   flex: none;
   font-size: 12px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
+  color: var(--dsw-alias-label-tertiary);
 }
 
 .event[data-kind='user'] .eventGlyph,
 .event[data-kind='assistant'] .eventGlyph {
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
+  color: var(--dsw-alias-brand-primary);
 }
 
 .event[data-kind='error'] .eventGlyph {
-  color: var(--dsw-alias-state-error-primary, #cf222e);
+  color: var(--dsw-alias-state-error-primary);
 }
 
 .eventLabel {
   font-size: 12px;
   font-weight: 600;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -464,18 +320,13 @@
 
 .eventSeq {
   font-size: 10px;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
+  font-family: var(--ds-font-family-code);
+  color: var(--dsw-alias-label-tertiary);
   flex: none;
 }
 
 .eventNew {
-  font-size: 10px;
-  line-height: 14px;
-  padding: 0 5px;
-  border-radius: 999px;
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  border: 1px solid var(--dsw-alias-brand-primary, #4d6bfe);
+  color: var(--agsc-accent);
   flex: none;
 }
 
@@ -485,37 +336,30 @@
 
 .eventTime {
   font-size: 11px;
-  color: var(--dsw-alias-label-caption, var(--dsw-alias-label-tertiary, #6e7781));
+  color: var(--dsw-alias-label-caption);
   flex: none;
 }
 
 .eventSummary {
   font-size: 12px;
   line-height: 18px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
 }
 
 .expandButton {
   align-self: flex-start;
-  font-size: 11px;
-  font-family: inherit;
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  background: transparent;
-  border: none;
-  padding: 0;
-  cursor: pointer;
 }
 
 .eventBody {
   margin: 0;
   padding: 8px 10px;
-  border-radius: 6px;
+  border-radius: var(--agsc-radius-control);
   font-size: 11px;
   line-height: 16px;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  color: var(--dsw-alias-label-primary, #1f2328);
-  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
+  font-family: var(--ds-font-family-code);
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-layer-2);
   white-space: pre-wrap;
   overflow-wrap: anywhere;
   max-height: 320px;
@@ -528,9 +372,9 @@
   font-size: 11px;
   line-height: 16px;
   padding: 4px 10px;
-  border-radius: 6px;
+  border-radius: var(--agsc-radius-control);
   text-align: center;
-  color: var(--dsw-alias-state-warn-label, var(--dsw-alias-state-warn-primary, #9a6700));
-  background: var(--dsw-alias-state-warn-tertiary, rgba(154, 103, 0, 0.06));
-  border: 1px dashed var(--dsw-alias-state-warn-secondary, rgba(154, 103, 0, 0.32));
+  color: var(--agsc-warn);
+  background: var(--dsw-alias-state-warn-tertiary);
+  border: 1px dashed var(--dsw-alias-state-warn-secondary);
 }

package/src/client/detail/strings.ts

@@ -1,111 +1,87 @@
-/**
- * Centralized user-facing strings for the session-detail view (design §5.1
- * view 2, §5.3 honesty wording). Deliberately a module-local table — NOT
- * part of the main locale registry (locales/zh.ts / locales/en.ts): the
- * locale tables are owned by parallel tasks and the S7 integration wave
- * folds this table in centrally. Same posture as board/strings.ts.
- *
- * Chinese is the primary UI language. Templates use `{name}` placeholders
- * resolved by `formatTemplate` in `logic.ts`.
- *
- * Pure data module: no imports, no logic.
- *
- * @module
- */
+import { createLocaleView } from '../locales/view.ts'
 
-export const DETAIL_STRINGS = {
-  /** Header block (session meta + controls). */
+/** Dynamic session-detail vocabulary; templates are interpolated by `formatTemplate`. */
+export const DETAIL_STRINGS = createLocaleView({
   header: {
-    close: '返回看板',
-    listenOn: '监听中',
-    listenOff: '监听',
-    listenHint: '开启后新事件将实时追加并高亮',
-    refresh: '刷新',
-    refreshing: '刷新中…',
-    refreshHint: '手动拉取最新时间线窗口',
-    copyIdTitle: '点击复制会话 ID',
-    copied: '已复制',
-    untitled: '(无标题)',
-    unknownProject: '未知项目',
-    /** Design §5.3 / SKILL.md wording: statuses are inferred observations. */
-    observedDisclaimer: '状态为从持久化数据推断的观察值,可能滞后',
+    close: 'detail.header.close',
+    listenOn: 'detail.header.listenOn',
+    listenOff: 'detail.header.listenOff',
+    listenHint: 'detail.header.listenHint',
+    refresh: 'detail.header.refresh',
+    refreshing: 'detail.header.refreshing',
+    refreshHint: 'detail.header.refreshHint',
+    copyIdTitle: 'detail.header.copyIdTitle',
+    copied: 'detail.header.copied',
+    untitled: 'detail.header.untitled',
+    unknownProject: 'detail.header.unknownProject',
+    observedDisclaimer: 'detail.header.observedDisclaimer',
   },
-  /** Session status badge labels (observed values, see disclaimer). */
   status: {
-    working: '工作中',
-    waiting: '等待中',
-    idle: '空闲',
-    dead: '已结束',
-    unknown: '未知',
+    working: 'detail.status.working',
+    waiting: 'detail.status.waiting',
+    idle: 'detail.status.idle',
+    dead: 'detail.status.dead',
+    unknown: 'detail.status.unknown',
   },
-  /** Timeline source badges (provenance of the merged page, honest labels). */
   sources: {
-    title: '数据来源',
-    dshLive: 'dsh 实时',
-    dshCold: 'dsh 冷读',
-    sidecarReplay: 'sidecar 重放',
-    sidecarBuffer: 'sidecar 缓冲',
-    none: '来源未知',
+    title: 'detail.sources.title',
+    dshLive: 'detail.sources.dshLive',
+    dshCold: 'detail.sources.dshCold',
+    sidecarReplay: 'detail.sources.sidecarReplay',
+    sidecarBuffer: 'detail.sources.sidecarBuffer',
+    none: 'detail.sources.none',
   },
-  /** Normalized event-kind labels; unknown kinds keep their raw text. */
   kind: {
-    user: '用户消息',
-    assistant: '助手回复',
-    thinking: '思考',
-    toolCall: '工具调用',
-    toolResult: '工具结果',
-    turn: '回合',
-    step: '步骤',
-    error: '错误',
-    other: '事件',
+    user: 'detail.kind.user',
+    assistant: 'detail.kind.assistant',
+    thinking: 'detail.kind.thinking',
+    toolCall: 'detail.kind.toolCall',
+    toolResult: 'detail.kind.toolResult',
+    turn: 'detail.kind.turn',
+    step: 'detail.kind.step',
+    error: 'detail.kind.error',
+    other: 'detail.kind.other',
   },
-  /** Seq-discontinuity marker row (design §4.b.3 honest presentation). */
   gap: {
-    label: '缺口:可能有 {n} 条事件未捕获(256 队列上限或未持久化)',
+    label: 'detail.gap.label',
   },
-  /** Kind filter chips (UX-03): protocol noise hidden by default, honestly counted. */
   filter: {
-    conversation: '只看对话',
-    all: '全部事件',
-    hiddenNotice: '已隐藏 {n} 条协议事件',
+    conversation: 'detail.filter.conversation',
+    all: 'detail.filter.all',
+    hiddenNotice: 'detail.filter.hiddenNotice',
   },
-  /** Timeline list chrome. */
   timeline: {
-    loadMore: '加载更多历史',
-    loadingMore: '加载中…',
-    noMore: '已到时间线起点',
-    expand: '展开',
-    collapse: '收起',
-    newBadge: '新',
-    seq: 'seq {n}',
-    hiddenNotice: '为保持流畅,较早的 {n} 条已折叠',
-    showAll: '全部显示',
-    /** Aggregated row for an adjacent run of empty streaming chunks (UX-03). */
-    chunkRun: '{n} 个流式分块',
+    loadMore: 'detail.timeline.loadMore',
+    loadingMore: 'detail.timeline.loadingMore',
+    noMore: 'detail.timeline.noMore',
+    expand: 'detail.timeline.expand',
+    collapse: 'detail.timeline.collapse',
+    newBadge: 'detail.timeline.newBadge',
+    seq: 'detail.timeline.seq',
+    hiddenNotice: 'detail.timeline.hiddenNotice',
+    showAll: 'detail.timeline.showAll',
+    chunkRun: 'detail.timeline.chunkRun',
   },
-  /** Loading / empty / error body states. */
   states: {
-    loadingTitle: '正在加载时间线…',
-    emptyTitle: '暂无事件',
-    emptyHint: '该会话还没有可展示的规范化事件。',
-    errorTitle: '时间线加载失败',
-    /** Fallback template when the reason code has no friendly mapping. */
-    errorFallback: '错误码:{reason}',
+    loadingTitle: 'detail.states.loadingTitle',
+    emptyTitle: 'detail.states.emptyTitle',
+    emptyHint: 'detail.states.emptyHint',
+    errorTitle: 'detail.states.errorTitle',
+    errorFallback: 'detail.states.errorFallback',
     errors: {
-      session_not_found: '会话不存在或已不可见',
-      invalid_cursor: '分页游标无效,请重新打开详情',
-      fusion_not_wired: '当前 host 未启用时间线能力',
-      network_error: '网络错误,无法联系 dsh host',
-      request_timeout: '请求超时',
+      session_not_found: 'detail.states.errors.session_not_found',
+      invalid_cursor: 'detail.states.errors.invalid_cursor',
+      fusion_not_wired: 'detail.states.errors.fusion_not_wired',
+      network_error: 'detail.states.errors.network_error',
+      request_timeout: 'detail.states.errors.request_timeout',
     },
   },
-  /** Relative time templates (coarse buckets, matches the board wording). */
   time: {
-    justNow: '刚刚',
-    minutesAgo: '{n} 分钟前',
-    hoursAgo: '{n} 小时前',
-    daysAgo: '{n} 天前',
+    justNow: 'detail.time.justNow',
+    minutesAgo: 'detail.time.minutesAgo',
+    hoursAgo: 'detail.time.hoursAgo',
+    daysAgo: 'detail.time.daysAgo',
   },
-} as const
+} as const)
 
 export type DetailStrings = typeof DETAIL_STRINGS