@shendeguize/dsh-agent-sidecar 0.1.0 → 0.1.1

package/src/client/inject/InjectPanel.tsx

@@ -30,9 +30,11 @@ import css from './inject.module.css'
 import {
   byteUsage,
   classifyExecuteResponse,
+  classifyPanelKey,
   classifyPrepareResponse,
   deriveEditorGate,
   errorCopy,
+  isDeliveredResult,
   initialPanelState,
   messageInvalidCopy,
   MODE_COPY,
@@ -82,6 +84,12 @@ export interface InjectPanelProps {
   onExecute(req: PanelExecuteRequest): Promise<InjectResultView | ApiErrorLike>
   /** Close/dismiss the panel (the hosting modal owns the lifecycle). */
   onClose?(): void
+  /**
+   * UX-05 observation loop: when given, the delivered result page offers a
+   * 「开启监听观察反应」 button (the host typically enables listen mode on
+   * the detail timeline and closes the panel).
+   */
+  onObserve?(): void
   /** Clock injection for the token countdown; defaults to Date.now. */
   nowMs?: () => number
   /** Locale seat override; defaults to the module-local table. */
@@ -240,6 +248,32 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
     dispatch(event)
   }
 
+  // Keyboard affordances (UX-10): Esc closes in every zone; Cmd/Ctrl+Enter
+  // triggers PREPARE only (classifyPanelKey refuses everything else, so no
+  // keyboard path can shortcut the explicit confirm click).
+  const handleKeyDown = (event: {
+    key: string
+    metaKey: boolean
+    ctrlKey: boolean
+    stopPropagation(): void
+    preventDefault(): void
+  }): void => {
+    const intent = classifyPanelKey({
+      key: event.key,
+      metaKey: event.metaKey,
+      ctrlKey: event.ctrlKey,
+      phase: state.phase,
+      canPrepare: gate.canPrepare,
+    })
+    if (intent === 'close' && props.onClose !== undefined) {
+      event.stopPropagation()
+      props.onClose()
+    } else if (intent === 'prepare') {
+      event.preventDefault()
+      void handlePrepare()
+    }
+  }
+
   const closeButton = props.onClose !== undefined
     ? (
       <button type="button" className={css['btn']} onClick={props.onClose}>
@@ -251,7 +285,7 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
   // ── whole-panel gate: injection capability off ─────────────────────────
   if (!props.capability.inject) {
     return (
-      <section className={css['panel']} aria-label={t('inject.title')}>
+      <section className={css['panel']} aria-label={t('inject.title')} onKeyDown={handleKeyDown}>
         <header className={css['header']}>
           <h3 className={css['title']}>{t('inject.title')}</h3>
         </header>
@@ -275,7 +309,7 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
         ? css['resultFail']
         : css['resultUnknown']
     return (
-      <section className={css['panel']} aria-label={t('inject.title')}>
+      <section className={css['panel']} aria-label={t('inject.title')} onKeyDown={handleKeyDown}>
         <header className={css['header']}>
           <h3 className={css['title']}>{t('inject.title')}</h3>
         </header>
@@ -293,6 +327,18 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
             : null}
           <div className={css['footer']}>
             {closeButton}
+            {isDeliveredResult(result) && props.onObserve !== undefined
+              ? (
+                <button
+                  type="button"
+                  className={css['btnPrimary']}
+                  onClick={props.onObserve}
+                  data-testid="agent-sidecar-inject-observe"
+                >
+                  {t('inject.observeListen')}
+                </button>
+              )
+              : null}
             {actions.canReprepare
               ? (
                 <button
@@ -328,7 +374,11 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
       ? tokenCountdown(state.expiresAt, clock)
       : null
     return (
-      <section className={css['panel']} aria-label={t('inject.confirmTitle')}>
+      <section
+        className={css['panel']}
+        aria-label={t('inject.confirmTitle')}
+        onKeyDown={handleKeyDown}
+      >
         <header className={css['header']}>
           <h3 className={css['title']}>{t('inject.confirmTitle')}</h3>
         </header>
@@ -373,7 +423,7 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
   const showInvalid = !validation.ok && validation.code !== 'empty'
 
   return (
-    <section className={css['panel']} aria-label={t('inject.title')}>
+    <section className={css['panel']} aria-label={t('inject.title')} onKeyDown={handleKeyDown}>
       <header className={css['header']}>
         <h3 className={css['title']}>{t('inject.title')}</h3>
       </header>
@@ -419,6 +469,9 @@ export function InjectPanel(props: InjectPanelProps): ReactNode {
             placeholder={t('inject.messagePlaceholder')}
             disabled={!canEdit}
             rows={5}
+            // eslint-disable-next-line jsx-a11y/no-autofocus -- the panel is
+            // a modal whose single task starts in this field (UX-10).
+            autoFocus
             onChange={(event) => { setDraft(event.target.value) }}
           />
           <div className={css['byteRow']}>

package/src/client/inject/inject.module.css

@@ -1,13 +1,14 @@
 /* Inject panel (design §5.1 view 3). Every color rides a dsh --dsw-alias-*
- * design token, no literal colors — same discipline as the settings card.
- * The confirm-injection button is the one danger affordance: eye-catching
- * (error-toned border/text, filled on hover) but restrained (no permanent
- * solid red block). */
+ * design token WITH a neutral fallback (UX-16: same token+fallback
+ * discipline as every other CSS module), and error tones ride the
+ * state-error-* family the board uses. The confirm-injection button is
+ * the one danger affordance: eye-catching (error-toned border/text,
+ * filled on hover) but restrained (no permanent solid red block). */
 
 .panel {
-  border: 1px solid var(--dsw-alias-border-l2);
+  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 12px;
-  background: var(--dsw-alias-bg-layer-2);
+  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
   max-width: 560px;
   display: flex;
   flex-direction: column;
@@ -20,7 +21,7 @@
   align-items: center;
   gap: 12px;
   padding: 14px 16px 10px;
-  border-bottom: 1px solid var(--dsw-alias-border-l2);
+  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
 }
 
 .title {
@@ -30,7 +31,7 @@
   font-size: 15px;
   font-weight: 600;
   line-height: 1.4;
-  color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 /* ── body ──────────────────────────────────────────────────────────────── */
@@ -48,8 +49,8 @@
   padding: 10px 12px;
   font-size: 13px;
   line-height: 1.6;
-  background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 /* ── notices (editor banners after a failed/expired attempt) ───────────── */
@@ -61,17 +62,17 @@
   padding: 8px 10px;
   font-size: 12px;
   line-height: 1.6;
-  background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 .noticeError {
-  border: 1px solid var(--dsw-alias-label-error);
-  color: var(--dsw-alias-label-error);
+  border: 1px solid var(--dsw-alias-state-error-primary, #cf222e);
+  color: var(--dsw-alias-state-error-primary, #cf222e);
 }
 
 .noticeDetail {
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 /* ── target row ────────────────────────────────────────────────────────── */
@@ -86,7 +87,7 @@
 .noTarget {
   font-size: 12px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 .agentTag {
@@ -96,8 +97,8 @@
   font-size: 11px;
   line-height: 17px;
   font-weight: 500;
-  background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 .planTitle {
@@ -107,7 +108,7 @@
   white-space: nowrap;
   font-size: 13px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 /* ── editor field ──────────────────────────────────────────────────────── */
@@ -121,30 +122,30 @@
 .label {
   font-size: 13px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 .textarea {
   appearance: none;
   resize: vertical;
   min-height: 96px;
-  border: 1px solid var(--dsw-alias-border-l2);
+  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-3);
+  background: var(--dsw-alias-bg-layer-3, #ffffff);
   padding: 8px 10px;
   font: inherit;
   font-size: 13px;
   line-height: 1.6;
-  color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 .textarea:focus-visible {
   outline: none;
-  border-color: var(--dsw-alias-brand-primary);
+  border-color: var(--dsw-alias-brand-primary, #4d6bfe);
 }
 
 .textarea::placeholder {
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 .textarea:disabled {
@@ -163,20 +164,20 @@
   flex: 1;
   height: 3px;
   border-radius: 2px;
-  background: var(--dsw-alias-bg-module-platform);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
   overflow: hidden;
 }
 
 .byteFill {
   height: 100%;
   border-radius: 2px;
-  background: var(--dsw-alias-brand-primary);
+  background: var(--dsw-alias-brand-primary, #4d6bfe);
   transition: width .12s;
 }
 
 /* Modifier applied ALONGSIDE .byteFill (no `composes`; see settings card). */
 .byteFillOver {
-  background: var(--dsw-alias-label-error);
+  background: var(--dsw-alias-state-error-primary, #cf222e);
 }
 
 .byteText,
@@ -185,18 +186,18 @@
   font-size: 11px;
   line-height: 1.5;
   font-variant-numeric: tabular-nums;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 .byteTextOver {
-  color: var(--dsw-alias-label-error);
+  color: var(--dsw-alias-state-error-primary, #cf222e);
 }
 
 .invalid {
   margin: 0;
   font-size: 12px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-error);
+  color: var(--dsw-alias-state-error-primary, #cf222e);
 }
 
 /* ── mode radios ───────────────────────────────────────────────────────── */
@@ -218,7 +219,7 @@
 }
 
 .modeOption input {
-  accent-color: var(--dsw-alias-brand-primary);
+  accent-color: var(--dsw-alias-brand-primary, #4d6bfe);
   width: 14px;
   height: 14px;
   margin: 3px 0 0;
@@ -239,26 +240,26 @@
 .modeLabel {
   font-size: 13px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 .modeHint {
   font-size: 12px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 /* ── warnings & audit note ─────────────────────────────────────────────── */
 
 .warnBar {
   margin: 0;
-  border: 1px solid var(--dsw-alias-label-error);
+  border: 1px solid var(--dsw-alias-state-error-primary, #cf222e);
   border-radius: 8px;
   padding: 8px 10px;
   font-size: 12px;
   line-height: 1.6;
-  background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-error);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
+  color: var(--dsw-alias-state-error-primary, #cf222e);
 }
 
 .auditNote {
@@ -267,16 +268,16 @@
   padding: 8px 10px;
   font-size: 12px;
   line-height: 1.6;
-  background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 /* ── confirm plan ──────────────────────────────────────────────────────── */
 
 .planBox {
-  border: 1px solid var(--dsw-alias-border-l2);
+  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-3);
+  background: var(--dsw-alias-bg-layer-3, #ffffff);
   padding: 10px 12px;
   display: flex;
   flex-direction: column;
@@ -294,7 +295,7 @@
   flex: none;
   font-size: 12px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 .planValue {
@@ -304,14 +305,14 @@
   min-width: 0;
   font-size: 13px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 .observedNote {
   margin: 0;
   font-size: 11px;
   line-height: 1.5;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 .planPreview {
@@ -323,9 +324,9 @@
 
 .preview {
   margin: 0;
-  border: 1px solid var(--dsw-alias-border-l2);
+  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 6px;
-  background: var(--dsw-alias-bg-layer-2);
+  background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.04));
   padding: 8px 10px;
   max-height: 120px;
   overflow: auto;
@@ -333,7 +334,7 @@
   line-height: 1.6;
   white-space: pre-wrap;
   word-break: break-word;
-  color: var(--dsw-alias-label-secondary);
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 .countdown {
@@ -341,7 +342,7 @@
   font-size: 12px;
   line-height: 1.5;
   font-variant-numeric: tabular-nums;
-  color: var(--dsw-alias-label-secondary);
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 /* ── results ───────────────────────────────────────────────────────────── */
@@ -354,29 +355,29 @@
   padding: 10px 12px;
   font-size: 13px;
   line-height: 1.6;
-  background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-module-platform, rgba(0, 0, 0, 0.03));
+  color: var(--dsw-alias-label-primary, #1f2328);
 }
 
 .resultOk {
-  border: 1px solid var(--dsw-alias-brand-primary);
+  border: 1px solid var(--dsw-alias-brand-primary, #4d6bfe);
 }
 
 .resultFail {
-  border: 1px solid var(--dsw-alias-label-error);
-  color: var(--dsw-alias-label-error);
+  border: 1px solid var(--dsw-alias-state-error-primary, #cf222e);
+  color: var(--dsw-alias-state-error-primary, #cf222e);
 }
 
 .resultUnknown {
-  border: 1px solid var(--dsw-alias-label-dimmed);
-  color: var(--dsw-alias-label-secondary);
+  border: 1px solid var(--dsw-alias-label-dimmed, #8c959f);
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 .resultDetail {
   margin: 0;
   font-size: 12px;
   line-height: 1.6;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-tertiary, #6e7781);
 }
 
 /* ── footer buttons ────────────────────────────────────────────────────── */
@@ -403,32 +404,32 @@
 }
 
 .btn {
-  border-color: var(--dsw-alias-border-l2);
+  border-color: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   background: none;
-  color: var(--dsw-alias-label-secondary);
+  color: var(--dsw-alias-label-secondary, #57606a);
 }
 
 .btn:hover:not(:disabled) {
-  color: var(--dsw-alias-label-primary);
-  border-color: var(--dsw-alias-label-dimmed);
+  color: var(--dsw-alias-label-primary, #1f2328);
+  border-color: var(--dsw-alias-label-dimmed, #8c959f);
 }
 
 .btnPrimary {
-  background: var(--dsw-alias-label-primary);
-  color: var(--dsw-alias-bg-layer-3);
+  background: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-bg-layer-3, #ffffff);
 }
 
 /* The danger action: outlined error tone at rest, fills on hover. */
 .btnDanger {
-  border-color: var(--dsw-alias-label-error);
+  border-color: var(--dsw-alias-state-error-primary, #cf222e);
   background: none;
-  color: var(--dsw-alias-label-error);
+  color: var(--dsw-alias-state-error-primary, #cf222e);
   font-weight: 600;
 }
 
 .btnDanger:hover:not(:disabled) {
-  background: var(--dsw-alias-label-error);
-  color: var(--dsw-alias-bg-layer-3);
+  background: var(--dsw-alias-state-error-primary, #cf222e);
+  color: var(--dsw-alias-bg-layer-3, #ffffff);
 }
 
 .btn:disabled,
@@ -441,6 +442,6 @@
 .btn:focus-visible,
 .btnPrimary:focus-visible,
 .btnDanger:focus-visible {
-  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline: 2px solid var(--dsw-alias-brand-primary, #4d6bfe);
   outline-offset: 1px;
 }

package/src/client/inject/logic.ts

@@ -418,6 +418,33 @@ export function deriveEditorGate(input: {
   return { canPrepare: true, block: null }
 }
 
+// ---------------------------------------------------------------------------
+// Keyboard affordances (UX-10).
+// ---------------------------------------------------------------------------
+
+export type PanelKeyIntent = 'close' | 'prepare' | null
+
+/**
+ * Map a keydown to a panel intent: Escape closes in every phase;
+ * Cmd/Ctrl+Enter submits the PREPARE step only (editor phase with a valid
+ * message). The confirm phase deliberately binds nothing — executing the
+ * injection stays an explicit click (two-phase discipline, §5.3), so no
+ * keyboard path can shortcut the confirmation.
+ */
+export function classifyPanelKey(input: {
+  key: string
+  metaKey: boolean
+  ctrlKey: boolean
+  phase: InjectPhase
+  canPrepare: boolean
+}): PanelKeyIntent {
+  if (input.key === 'Escape') return 'close'
+  if (input.key === 'Enter' && (input.metaKey || input.ctrlKey)) {
+    return input.phase === 'idle' && input.canPrepare ? 'prepare' : null
+  }
+  return null
+}
+
 // ---------------------------------------------------------------------------
 // Result actions (S6: unknown is terminal).
 // ---------------------------------------------------------------------------
@@ -437,6 +464,17 @@ export function resultActions(outcome: InjectOutcome): ResultActions {
   }
 }
 
+/**
+ * True when an execute response reports the message actually reached the
+ * target (UX-05 observation loop): a delivered outcome — including an
+ * idempotent replay of one — never an error envelope. failed/unknown must
+ * NOT trigger observation aids: unknown is a locked terminal state (S6)
+ * and any follow-up activity could read as "retrying is fine".
+ */
+export function isDeliveredResult(value: InjectResultView | ApiErrorLike): boolean {
+  return !isApiErrorLike(value) && value.outcome === 'delivered'
+}
+
 // ---------------------------------------------------------------------------
 // Copy mapping (keys live in the T2.3 locale table, inject.* domain).
 // ---------------------------------------------------------------------------

package/src/client/inject/overlay.module.css

@@ -11,7 +11,7 @@
   align-items: center;
   justify-content: center;
   padding: 24px;
-  background: var(--dsw-alias-bg-mask-1);
+  background: var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.45));
 }
 
 .dialog {

package/src/client/locales/en.ts

@@ -69,7 +69,7 @@ export const en = {
   'settings.sectionInject': 'Message injection',
   'settings.injectEnabledLabel': 'Enable injection',
   'settings.injectEnabledHint':
-    'When off, the board hides every inject affordance and the server rejects write actions.',
+    'When off, the inject panel renders read-only and disabled, and the server rejects write actions.',
   'settings.injectDefaultModeLabel': 'Default injection mode',
   'settings.injectDefaultModeHint': 'The mode preselected when the inject panel opens.',
   'settings.injectModeQueue': 'queue (next turn)',
@@ -147,6 +147,7 @@ export const en = {
   'inject.resultReplayed':
     'Idempotent replay: this is the earlier result of the same request — no second injection happened.',
   'inject.reprepare': 'Prepare again',
+  'inject.observeListen': 'Listen for the reaction',
 
   // ── inject panel: error vocabulary (gateway + transport) ─────────────
   'inject.errInjectDisabled': 'Injection is disabled on the server; enable it in Settings.',
@@ -178,6 +179,11 @@ export const en = {
   'detail.header.listenOn': 'Listening',
   'detail.header.listenOff': 'Listen',
   'detail.header.listenHint': 'New events append live and get highlighted while on',
+  'detail.header.refresh': 'Refresh',
+  'detail.header.refreshing': 'Refreshing…',
+  'detail.header.refreshHint': 'Pull the newest timeline window',
+  'detail.header.copyIdTitle': 'Click to copy the session ID',
+  'detail.header.copied': 'Copied',
   'detail.header.untitled': '(untitled)',
   'detail.header.unknownProject': 'Unknown project',
   'detail.header.observedDisclaimer':
@@ -204,6 +210,9 @@ export const en = {
   'detail.kind.other': 'Event',
   'detail.gap.label':
     'Gap: about {n} events may be uncaptured (256-slot queue cap or not persisted)',
+  'detail.filter.conversation': 'Conversation only',
+  'detail.filter.all': 'All events',
+  'detail.filter.hiddenNotice': '{n} protocol events hidden',
   'detail.timeline.loadMore': 'Load older history',
   'detail.timeline.loadingMore': 'Loading…',
   'detail.timeline.noMore': 'Start of the timeline',
@@ -213,6 +222,7 @@ export const en = {
   'detail.timeline.seq': 'seq {n}',
   'detail.timeline.hiddenNotice': '{n} earlier entries collapsed to stay smooth',
   'detail.timeline.showAll': 'Show all',
+  'detail.timeline.chunkRun': '{n} streaming chunks',
   'detail.states.loadingTitle': 'Loading the timeline…',
   'detail.states.emptyTitle': 'No events yet',
   'detail.states.emptyHint': 'This session has no normalized events to show yet.',
@@ -233,6 +243,9 @@ export const en = {
   'detail.actions.analyze': 'AI analysis',
   'detail.actions.analyzeDisabledHint':
     'Enable "AI bypass analysis" in Settings to use this',
+  'detail.tools.title': 'Lineage & search',
+  'detail.tools.show': 'Show',
+  'detail.tools.hide': 'Hide',
 
   // ── dsh deep-query tools ────────────────────────────────────────────────
   'dshtools.lineage.title': 'Session lineage',
@@ -287,6 +300,8 @@ export const en = {
   'project.lastActive': 'Last active {time}',
   'project.liveChip': 'Live',
   'project.untitled': '(untitled)',
+  'project.showAllSessions': 'Show all {n} sessions',
+  'project.showLessSessions': 'Show first {n} only',
   'project.empty.title': 'No project correlation yet',
   'project.empty.hint':
     'No cross-agent project activity within the time window; projects appear here once an agent works inside a project directory.',
@@ -357,7 +372,7 @@ export const en = {
   'command.noSessions': 'No observed sessions yet',
   'command.unknownProject': 'Unknown project',
   'command.untitled': '(untitled)',
-  'command.truncated': '{n} more active sessions not listed',
+  'command.truncated': '{n} more sessions not listed',
   'command.boardHint': 'Open the "Sidecar" tab in the conversation view for the full board',
   'command.unreachable': 'sidecar is not connected',
   'command.unreachableHint':