@shendeguize/dsh-agent-sidecar 0.1.0 → 0.2.0

package/src/client/dsh-tools/dsh-tools.module.css

@@ -1,16 +1,11 @@
-/*
- * dsh deep-query tools styles (lineage tree + search panel, design §5.1
- * view 2 / §5.4): every color rides a --dsw-alias-* design token with a
- * neutral fallback — no theme colors are hardcoded as the only value.
- * Same posture as board.module.css.
- */
+/* dsh deep-query tools over the shared Agent Sidecar / DSH token contract. */
 
 .panel {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-width: 0;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--agsc-fg);
 }
 
 .panelHead {
@@ -23,41 +18,35 @@
 .panelTitle {
   font-size: 13px;
   font-weight: 600;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
 }
 
 .panelCount {
-  font-size: 11px;
   flex: none;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
-  border-radius: 999px;
-  padding: 0 8px;
-  line-height: 18px;
 }
 
 /* ------------------------------------------------- shared status bodies */
 
 .mutedLine {
   font-size: 12px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
 }
 
 .errorCard {
   font-size: 12px;
   line-height: 18px;
   padding: 8px 10px;
-  border-radius: 8px;
-  color: var(--dsw-alias-state-error-primary, #cf222e);
-  background: var(--dsw-alias-state-error-secondary, rgba(207, 34, 46, 0.08));
-  border: 1px solid var(--dsw-alias-state-error-secondary, rgba(207, 34, 46, 0.24));
+  border-radius: var(--agsc-radius-control);
+  color: var(--agsc-err);
+  background: var(--dsw-alias-state-error-secondary);
+  border: 1px solid var(--dsw-alias-state-error-secondary);
 }
 
 .errorDetail {
   display: block;
   margin-top: 2px;
   font-size: 11px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
   word-break: break-all;
 }
 
@@ -67,27 +56,27 @@
   flex-direction: column;
   gap: 4px;
   padding: 10px 12px;
-  border-radius: 8px;
-  border: 1px dashed var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-  background: var(--dsw-alias-bg-layer-1, rgba(0, 0, 0, 0.02));
+  border-radius: var(--agsc-radius-control);
+  border: 1px dashed var(--agsc-border-strong);
+  background: var(--agsc-bg-raised);
 }
 
 .degradeTitle {
   font-size: 12px;
   font-weight: 600;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
 }
 
 .degradeBody {
   font-size: 12px;
   line-height: 18px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
 }
 
 .degradeDetail {
   font-size: 11px;
-  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);
   word-break: break-all;
 }
 
@@ -96,10 +85,10 @@
   font-size: 12px;
   line-height: 18px;
   padding: 5px 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);
 }
 
 /* --------------------------------------------------------- lineage tree */
@@ -125,16 +114,6 @@
   padding: 0;
   font-size: 10px;
   line-height: 1;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.toggle:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04));
 }
 
 /* Alignment spacer where a leaf row has no toggle. */
@@ -144,40 +123,26 @@
 }
 
 .node {
-  display: inline-flex;
-  align-items: center;
+  justify-content: flex-start;
   gap: 6px;
+  height: auto;
   min-width: 0;
-  font-family: inherit;
-  font-size: 12px;
   text-align: left;
   padding: 2px 8px;
-  border-radius: 6px;
-  border: 1px solid transparent;
-  background: transparent;
-  color: var(--dsw-alias-label-primary, #1f2328);
-  cursor: pointer;
 }
 
-.node:hover {
-  border-color: var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
-  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04));
-}
-
-.node:focus-visible {
-  outline: 2px solid var(--dsw-alias-brand-primary, #4d6bfe);
-  outline-offset: 1px;
-}
-
-/* Current-session highlight (the row the user is inspecting). */
+/* Current-session highlight (the row the user is inspecting). Brand tint
+ * rides the real brand-primary token — brand-secondary/tertiary do not
+ * exist in the dsh token table (UX-15). */
 .node[data-current='true'] {
-  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
-  background: var(--dsw-alias-brand-tertiary, rgba(77, 107, 254, 0.08));
+  color: var(--agsc-accent);
+  background: color-mix(in srgb, var(--agsc-accent) 8%, transparent);
+  box-shadow: inset 0 0 0 1px var(--agsc-accent);
   cursor: default;
 }
 
 .nodeId {
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-family: var(--ds-font-family-code);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -186,30 +151,24 @@
 .nodeRole {
   flex: none;
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
+  color: var(--dsw-alias-label-tertiary);
 }
 
 .nodeBadge {
   flex: none;
-  font-size: 11px;
-  line-height: 16px;
-  padding: 0 6px;
-  border-radius: 999px;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
+}
+
+.nodeBadge > span,
+.matchTag > span {
+  color: inherit;
 }
 
 .nodeBadge[data-kind='current'] {
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
-  background: transparent;
+  color: var(--agsc-accent);
 }
 
 .nodeBadge[data-kind='live'] {
-  color: var(--dsw-alias-state-success-primary, #1a7f37);
-  border-color: var(--dsw-alias-state-success-secondary, rgba(26, 127, 55, 0.32));
-  background: transparent;
+  color: var(--agsc-ok);
 }
 
 /* --------------------------------------------------------- search panel */
@@ -223,47 +182,10 @@
 .searchInput {
   flex: 1;
   min-width: 0;
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--dsw-alias-label-primary, #1f2328);
-  background: var(--dsw-alias-bg-layer-1, transparent);
-  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
-  border-radius: 6px;
-  padding: 4px 8px;
-}
-
-.searchInput:focus-visible {
-  outline: 2px solid var(--dsw-alias-brand-primary, #4d6bfe);
-  outline-offset: 0;
-}
-
-.searchSubmit {
-  flex: none;
-  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 10px;
-  cursor: pointer;
-}
-
-.searchSubmit: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));
 }
 
 .projectChip {
   align-self: flex-start;
-  font-size: 11px;
-  line-height: 18px;
-  padding: 0 8px;
-  border-radius: 999px;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
 }
 
 .resultList {
@@ -276,24 +198,24 @@
 .resultItem {
   display: flex;
   flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
   gap: 3px;
+  height: auto;
   min-width: 0;
-  font-family: inherit;
   text-align: left;
   padding: 6px 10px;
-  border-radius: 8px;
-  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.02));
-  cursor: pointer;
+  border-radius: var(--agsc-radius-control);
+  border: 1px solid var(--agsc-border);
+  background: var(--agsc-bg-raised);
 }
 
 .resultItem:hover {
-  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));
+  border-color: var(--agsc-border-strong);
 }
 
 .resultItem:focus-visible {
-  outline: 2px solid var(--dsw-alias-brand-primary, #4d6bfe);
+  outline: 2px solid var(--agsc-accent);
   outline-offset: 1px;
 }
 
@@ -308,12 +230,12 @@
   flex: none;
   font-size: 11px;
   font-weight: 600;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
 }
 
 .resultTitle {
   font-size: 12px;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -322,19 +244,10 @@
 .matchTag {
   flex: none;
   margin-left: auto;
-  font-size: 11px;
-  line-height: 16px;
-  padding: 0 6px;
-  border-radius: 999px;
-  color: var(--dsw-alias-label-secondary, #57606a);
-  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
-  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08));
 }
 
 .matchTag[data-kind='full-text'] {
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  border-color: var(--dsw-alias-brand-secondary, rgba(77, 107, 254, 0.32));
-  background: transparent;
+  color: var(--agsc-accent);
 }
 
 .resultMeta {
@@ -343,7 +256,7 @@
   gap: 8px;
   min-width: 0;
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #6e7781);
+  color: var(--dsw-alias-label-tertiary);
 }
 
 .resultProject {
@@ -354,21 +267,21 @@
 
 .resultId {
   flex: none;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-family: var(--ds-font-family-code);
 }
 
 .snippet {
   font-size: 12px;
   line-height: 18px;
-  color: var(--dsw-alias-label-secondary, #57606a);
+  color: var(--dsw-alias-label-secondary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .snippetMark {
-  color: var(--dsw-alias-brand-primary, #4d6bfe);
-  background: var(--dsw-alias-brand-tertiary, rgba(77, 107, 254, 0.12));
+  color: var(--agsc-accent);
+  background: color-mix(in srgb, var(--agsc-accent) 12%, transparent);
   border-radius: 2px;
   font-weight: 600;
 }

package/src/client/dsh-tools/strings.ts

@@ -1,90 +1,55 @@
-/**
- * Centralized user-facing strings for the dsh deep-query tools (design
- * §5.1 view 2 dsh 会话专属区: lineage tree / provenance jump / full-text
- * search; §5.3 honest degradation wording).
- *
- * Deliberately a MODULE-LOCAL table (task T5.4 constraint): the main
- * locale table (client/locales) and test/locales.test.ts are untouched —
- * S7 merges this table into the locale registry in one move. Chinese is
- * the primary UI language, same posture as board/strings.ts. 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 DSH_TOOLS_STRINGS = {
-  /** Lineage tree panel (dsh 谱系/溯源). */
+/** Dynamic dsh-tools vocabulary; templates are interpolated by `formatTemplate`. */
+export const DSH_TOOLS_STRINGS = createLocaleView({
   lineage: {
-    title: '会话谱系',
-    loading: '谱系加载中…',
-    /** Transport/HTTP failure headline (the detail carries the cause). */
-    error: '谱系加载失败',
-    /** available:true but the trace body is missing — honest empty state. */
-    empty: '暂无谱系数据',
-    /** Badge on the session the user is currently inspecting. */
-    currentBadge: '当前会话',
-    /** Badge on records live in this dsh process. */
-    liveBadge: '运行中',
-    /** Badge on records the trace knows but dsh has not persisted. */
-    notPersistedBadge: '未持久化',
-    /** Role labels for tree rows. */
+    title: 'dshtools.lineage.title',
+    loading: 'dshtools.lineage.loading',
+    error: 'dshtools.lineage.error',
+    empty: 'dshtools.lineage.empty',
+    currentBadge: 'dshtools.lineage.currentBadge',
+    liveBadge: 'dshtools.lineage.liveBadge',
+    notPersistedBadge: 'dshtools.lineage.notPersistedBadge',
     role: {
-      ancestor: '祖先',
-      target: '目标',
-      descendant: '子会话',
+      ancestor: 'dshtools.lineage.role.ancestor',
+      target: 'dshtools.lineage.role.target',
+      descendant: 'dshtools.lineage.role.descendant',
     },
-    /** Hover title for a clickable node (provenance jump). */
-    jumpTitle: '跳转到该会话',
-    /** Hover title for the highlighted current node (no jump). */
-    currentTitle: '正在查看该会话',
-    expand: '展开',
-    collapse: '折叠',
-    nodeCount: '{n} 个会话',
-    /** trace.complete === false with a known unresolved parent id. */
-    incompleteWithId: '谱系不完整:父会话 {id} 无法解析',
-    /** trace.complete === false without an unresolved parent id. */
-    incomplete: '谱系不完整:部分父链无法解析',
-    /** Degradation cards — available:false is data, not an error (§4.e.4). */
+    jumpTitle: 'dshtools.lineage.jumpTitle',
+    currentTitle: 'dshtools.lineage.currentTitle',
+    expand: 'dshtools.lineage.expand',
+    collapse: 'dshtools.lineage.collapse',
+    nodeCount: 'dshtools.lineage.nodeCount',
+    incompleteWithId: 'dshtools.lineage.incompleteWithId',
+    incomplete: 'dshtools.lineage.incomplete',
     degrade: {
-      /** Client-side reason for sessions of non-dsh agents (task spec copy). */
-      notDshTitle: '谱系/溯源为 dsh 会话专属',
-      notDshBody: '当前会话来自外部 agent,dsh 的谱系与溯源能力不适用。',
-      /** Backend reason `session_query_unavailable`. */
-      queryUnavailableTitle: 'dsh 谱系服务不可用',
-      queryUnavailableBody:
-        '当前 dsh 组合未挂载 sessionQuery,谱系与溯源暂不可用。',
-      /** Backend reason `trace_failed`. */
-      traceFailedTitle: '谱系追溯失败',
-      traceFailedBody: 'dsh 无法解析该会话的谱系。',
-      /** Any reason outside the known vocabulary (never invent a state). */
-      unknownTitle: '谱系不可用',
-      unknownBody: '后端报告谱系不可用(原因: {reason})。',
+      notDshTitle: 'dshtools.lineage.degrade.notDshTitle',
+      notDshBody: 'dshtools.lineage.degrade.notDshBody',
+      queryUnavailableTitle: 'dshtools.lineage.degrade.queryUnavailableTitle',
+      queryUnavailableBody: 'dshtools.lineage.degrade.queryUnavailableBody',
+      traceFailedTitle: 'dshtools.lineage.degrade.traceFailedTitle',
+      traceFailedBody: 'dshtools.lineage.degrade.traceFailedBody',
+      unknownTitle: 'dshtools.lineage.degrade.unknownTitle',
+      unknownBody: 'dshtools.lineage.degrade.unknownBody',
     },
   },
-  /** Cross-agent search panel (dsh 全文检索 + 降级过滤). */
   search: {
-    title: '会话检索',
-    placeholder: '检索会话(标题 / 项目 / 全文)',
-    submit: '检索',
-    loading: '检索中…',
-    error: '检索失败',
-    /** Query submitted, zero hits. */
-    empty: '没有匹配的会话',
-    /** mode: 'filter-only' degradation bar (task spec copy, verbatim). */
-    filterOnlyNotice: 'dsh 全文检索不可用,已降级为标题/项目过滤',
-    /** Active project-filter chip. */
-    projectFilter: '项目过滤: {project}',
-    /** matchedBy tags on result rows. */
+    title: 'dshtools.search.title',
+    placeholder: 'dshtools.search.placeholder',
+    submit: 'dshtools.search.submit',
+    loading: 'dshtools.search.loading',
+    error: 'dshtools.search.error',
+    empty: 'dshtools.search.empty',
+    filterOnlyNotice: 'dshtools.search.filterOnlyNotice',
+    projectFilter: 'dshtools.search.projectFilter',
     matchedBy: {
-      'full-text': '全文',
-      title: '标题',
-      project: '项目',
-      other: '其他',
+      'full-text': 'dshtools.search.matchedBy.full-text',
+      title: 'dshtools.search.matchedBy.title',
+      project: 'dshtools.search.matchedBy.project',
+      other: 'dshtools.search.matchedBy.other',
     },
-    untitled: '(无标题)',
+    untitled: 'dshtools.search.untitled',
   },
-} as const
+} as const)
 
 export type DshToolsStrings = typeof DSH_TOOLS_STRINGS