dsh-coding-sidebar 1.0.1 → 1.0.3

package/lib/index.js

@@ -2962,7 +2962,7 @@ const MIRROR_MAX_ENTRIES = 200;
 * The live job_output mirror: subscribes to the session append feed and
 * caches the job_output traces the session store's own log can lag behind
 * (after a host restart the store session stays frozen at its rehydration
-* boundary, so `session.events` misses everything appended since — the very
+* boundary, so a stale snapshot misses everything appended since — the very
 * reads the pane exists to show). Zero DSH writes: the api-proxy pushes the
 * same feed to browsers.
 */
@@ -3025,7 +3025,8 @@ function buildJobsApi(ctx, outputLimit) {
 			const sessionId = requireString(payload, "sessionId");
 			const id = requireString(payload, "id");
 			const bySeq = /* @__PURE__ */ new Map();
-			for (const event of ctx.sessions.get(sessionId)?.events ?? []) {
+			const store = ctx.sessions.get(sessionId);
+			for (const event of (store?.snapshotEvents !== void 0 ? store.snapshotEvents() : []) ?? []) {
 				const trace = traceOf(event);
 				if (trace !== void 0) bySeq.set(trace.seq, trace);
 			}
@@ -3420,7 +3421,8 @@ function buildSubagentLiveApi(ctx) {
 			if (entry.kind !== "child" || entry.activity !== "running") continue;
 			if (entry.label?.startsWith("Side: ") ?? false) continue;
 			try {
-				const activity = lastActivity(ctx.sessions.get(entry.id)?.events ?? [], 12);
+				const stored = ctx.sessions.get(entry.id);
+				const activity = lastActivity(stored?.snapshotEvents !== void 0 ? stored.snapshotEvents() : [], 12);
 				if (activity.text !== void 0 || activity.tool !== void 0) live[entry.id] = activity;
 			} catch {}
 		}
@@ -3480,8 +3482,10 @@ async function composeChildSetup(ctx, presetId) {
 async function composePersistedSetup(ctx, childId) {
 	const persistence = ctx.get("sessionPersistence");
 	if (persistence === void 0) return () => Promise.resolve();
-	const inspected = await persistence.inspect(childId);
-	const presetId = resolvePresetId(inspected.meta, inspected.events);
+	const handle = await persistence.open(childId, "read");
+	const { events } = await handle.read();
+	const presetId = resolvePresetId(handle.header, events);
+	await handle.close();
 	const presets = ctx.get("agentPresets");
 	if (presets === void 0 || presetId === void 0) return () => Promise.resolve();
 	const resolved = await presets.resolve(presetId);
@@ -3542,8 +3546,8 @@ function buildSidechatApi(ctx) {
 			const parent = liveThreadAgent(ctx, sessionId);
 			if (parent === void 0) throw new SidebarError("sidechat-error", `parent session "${sessionId}" is not running`, 409);
 			const parentSession = parent.session;
-			const inheritance = buildSidechatInheritance(parentSession.events);
-			const { agentPreset, setup } = await composeChildSetup(ctx, resolvePresetId(parentSession.header, parentSession.events));
+			const inheritance = buildSidechatInheritance(parentSession.snapshotEvents());
+			const { agentPreset, setup } = await composeChildSetup(ctx, resolvePresetId(parentSession.header, parentSession.snapshotEvents()));
 			const childId = `session-${randomUUID()}`;
 			const label = question === "" ? SIDE_NEW_THREAD_TITLE : sideLabel(question);
 			const descriptor = snapshotSubagentDescriptor({
@@ -3565,7 +3569,7 @@ function buildSidechatApi(ctx) {
 				meta: {
 					...parentSession.header.cwd === void 0 ? {} : { cwd: parentSession.header.cwd },
 					parentSession: parentSession.id,
-					seedLength: seed.length,
+					isSeeded: seed.length > 0,
 					origin: "subagent",
 					delegationDepth: (parentSession.header.delegationDepth ?? 0) + 1,
 					...agentPreset === void 0 ? {} : { agentPreset }
@@ -3622,7 +3626,7 @@ function buildSidechatApi(ctx) {
 					throw new SidebarError("sidechat-error", `thread resume failed: ${error instanceof Error ? error.message : String(error)}`, 500);
 				}
 			}
-			if (boundaryDelivered(agent.session.events)) admitFollowup(agent, textPrompt(text));
+			if (boundaryDelivered(agent.session.snapshotEvents())) admitFollowup(agent, textPrompt(text));
 			else {
 				const parts = [SIDE_BOUNDARY_PROMPT];
 				const snapshot = pendingSnapshots.get(childId);
@@ -3668,8 +3672,10 @@ function buildSidechatApi(ctx) {
 			}
 			const persistence = ctx.get("sessionPersistence");
 			if (persistence !== void 0) try {
-				const inspected = await persistence.inspect(childId);
-				const preset = resolvePresetId(inspected.meta, inspected.events);
+				const handle = await persistence.open(childId, "read");
+				const { events } = await handle.read();
+				const preset = resolvePresetId(handle.header, events);
+				await handle.close();
 				return {
 					live: false,
 					...preset === void 0 ? {} : { preset }
@@ -3749,7 +3755,9 @@ async function sessionCwdOf(ctx, sessionId, clientCwd) {
 	}
 	const persistence = ctx.get("sessionPersistence");
 	if (persistence !== void 0) {
-		const metaCwd = (await persistence.inspect(sessionId)).meta.cwd;
+		const handle = await persistence.open(sessionId, "read");
+		const metaCwd = handle.header.cwd;
+		await handle.close();
 		if (metaCwd !== void 0 && metaCwd !== "") try {
 			return requireAbsolute(metaCwd);
 		} catch {

package/lib/types/client/locales.d.ts

@@ -302,6 +302,8 @@ export declare const zh: {
     subagentDiagUnsupported: string;
     subagentDiagUnavailable: string;
     subagentThinking: string;
+    subagentShowHistory: string;
+    subagentHideHistory: string;
     sideChat: string;
     sideChatNew: string;
     sideChatUntitled: string;
@@ -329,6 +331,8 @@ export declare const zh: {
     jobs: string;
     jobsCount: string;
     jobsCountRunning: string;
+    jobsShowHistory: string;
+    jobsHideHistory: string;
     jobStatusRunning: string;
     jobStatusStopping: string;
     jobStatusCompleted: string;

package/lib/types/context-types.d.ts

@@ -78,11 +78,11 @@ export interface SidebarSessionStore {
     get(id: string): {
         header: SidebarSessionHeader;
         /**
-         * The live session's append-only event log (immutable snapshot; absent
+         * The live session's immutable event snapshot (0.1.5 Session API; absent
          * on sessions the runtime has not hydrated). Read-only access — the
          * jobs.output route replays `job_output` tool/result rows from it.
          */
-        events?: readonly SidebarSessionEvent[];
+        snapshotEvents?(fromSeq?: number, toSeqExclusive?: number): readonly SidebarSessionEvent[];
     } | undefined;
 }
 /**
@@ -276,16 +276,25 @@ export interface SidebarSessionTitleService {
     };
 }
 /** The host session-persistence face (mirror of the sessionPersistence
- *  service): detached inspection of a persisted session, used to compose the
- *  recorded preset when a Side Chat thread cold-resumes. */
-export interface SidebarSessionPersistenceService {
-    inspect(sessionId: string): Promise<{
-        meta: {
-            cwd?: string;
-            agentPreset?: string;
-        };
+ *  service, 0.1.5 handle-seam form): a short-lived read handle over one
+ *  persisted session, used to compose the recorded preset when a Side Chat
+ *  thread cold-resumes. */
+export interface SidebarSessionPersistenceHandle {
+    readonly header: {
+        cwd?: string;
+        agentPreset?: string;
+    };
+    read(fromSeq?: number, toSeqExclusive?: number, options?: {
+        signal?: AbortSignal;
+    }): Promise<{
         events: readonly SidebarSessionEvent[];
     }>;
+    close(): Promise<void>;
+}
+export interface SidebarSessionPersistenceService {
+    open(sessionId: string, access: 'read', options?: {
+        signal?: AbortSignal;
+    }): Promise<SidebarSessionPersistenceHandle>;
 }
 /** RPC result slot mirror (`RpcResult<T>` on the wire). */
 export type SidebarRpcResult<T> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-coding-sidebar",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "DSH web plugin: a VSCode-like right sidebar (explorer / editor / terminal / git / browser), isolated per conversation session. Exposes the betterSidebar service for other plugins to register sidebar tabs and file viewers. KCoder-maintained fork of DSH-better-sidebar 0.17.2 (bottom panel removed, upstream-decoupled release line).",
   "type": "module",
   "repository": {
@@ -85,19 +85,18 @@
   "license": "MIT",
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-agent": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-locale": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-settings": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-host-webserver": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-invariants": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-llm": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-session": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-settings": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-subagent": "^0.1.0-rc.8",
-    "@deepseek-ai/dsh-tools": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-agent": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-locale": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-llm": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-session": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-settings": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-subagent": "^0.1.5-rc.1",
+    "@deepseek-ai/dsh-tools": "^0.1.5-rc.1",
     "@huanlin/dsh-plugin-better-locale": "^0.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -140,20 +139,20 @@
     "ws": "^8.18.0"
   },
   "devDependencies": {
+    "@deepseek-ai/dsh-invariants": "0.1.5-rc.1",
     "@cordisjs/plugin-loader": "^1.0.0-rc.5",
-    "@deepseek-ai/dsh-agent": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-locale": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-conversation": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-primitives": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-settings": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-slots": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-host-webserver": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-invariants": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-llm": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-session": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-settings": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-subagent": "0.1.2-alpha.2",
-    "@deepseek-ai/dsh-tools": "0.1.2-alpha.2",
+    "@deepseek-ai/dsh-agent": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-locale": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-settings": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-client-ui-slots": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-host-webserver": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-llm": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-session": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-settings": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-subagent": "0.1.5-rc.1",
+    "@deepseek-ai/dsh-tools": "0.1.5-rc.1",
     "@huanlin/dsh-plugin-better-locale": "^0.1.0",
     "@types/node": "^24.0.0",
     "@types/react": "~18.3.1",

package/src/client/SideCardSection.module.css

@@ -76,7 +76,7 @@
 .count {
   padding: 1px 8px;
   border-radius: 999px;
-  background: var(--dsw-alias-accent-soft, var(--dsw-alias-bg-layer-2));
+  background: var(--dsw-alias-bg-layer-2);
   font-size: 11px;
   line-height: 16px;
   font-weight: 500;
@@ -836,7 +836,7 @@
 .versionBadgeTag {
   padding: 1px 8px;
   border-radius: 999px;
-  background: var(--dsw-alias-accent-soft, var(--dsw-alias-border-l2));
+  background: var(--dsw-alias-border-l2);
   color: var(--dsw-alias-label-secondary);
   font-variant-numeric: tabular-nums;
 }

package/src/client/SideChatView.module.css

@@ -23,7 +23,7 @@
   gap: 4px;
   min-height: 36px;
   padding: 4px 8px 4px 12px;
-  border-bottom: 1px solid var(--dsw-alias-hairline);
+  border-bottom: 1px solid var(--dsw-alias-border-l);
 }
 
 .sidechatHeaderDot {
@@ -39,7 +39,7 @@
   flex: none;
   max-width: 55%;
   padding: 1px 8px;
-  border: 1px solid var(--dsw-alias-hairline);
+  border: 1px solid var(--dsw-alias-border-l);
   border-radius: 999px;
   font: var(--dsw-font-xxs-12);
   color: var(--dsw-alias-label-tertiary);
@@ -108,9 +108,9 @@
   padding: 6px 14px;
   border: none;
   border-radius: 999px;
-  background: var(--dsw-alias-button-info-fill, var(--dsw-alias-accent));
-  color: var(--dsw-alias-button-info-label, var(--dsw-alias-accent-ink, #fff));
-  font: var(--dsw-font-s-13);
+  background: var(--dsw-alias-button-info-fill, var(--dsw-alias-interactive-bg-hover-solid));
+  color: #fff;
+  font: var(--dsw-font-s-14);
   cursor: pointer;
   transition: opacity 100ms ease-out;
 }
@@ -135,7 +135,7 @@
   flex: none;
   padding: 4px 12px;
   font: var(--dsw-font-xxs-12);
-  color: var(--dsw-alias-danger);
+  color: #d5304d;
 }
 
 /* ── transcript ─────────────────────────────────────────────────────── */
@@ -246,13 +246,13 @@
 
 .sidechatRowFailed .sidechatRowLabel,
 .sidechatRowFailed .sidechatRowMeta {
-  color: var(--dsw-alias-danger);
+  color: #d5304d;
 }
 
 .sidechatRowBody {
   margin: 2px 0 4px 7px;
   padding: 2px 0 2px 10px;
-  border-left: 1px solid var(--dsw-alias-hairline);
+  border-left: 1px solid var(--dsw-alias-border-l);
 }
 
 .sidechatRowProse {
@@ -277,7 +277,7 @@
 }
 
 .sidechatRowCode + .sidechatRowCode {
-  border-top: 1px solid var(--dsw-alias-hairline);
+  border-top: 1px solid var(--dsw-alias-border-l);
 }
 
 /* Shimmer sweep text: generating (streaming row labels, creating hero). */
@@ -328,7 +328,7 @@
   gap: 4px;
   margin: 0 8px 8px;
   padding: 8px 8px 6px 14px;
-  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-hairline));
+  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l));
   border-radius: 16px;
   background: var(--dsw-specific-input-major, var(--dsw-alias-bg-base));
   box-shadow: var(--dsw-shadow-lv2, none);
@@ -380,8 +380,8 @@
   padding: 0;
   border: none;
   border-radius: 50%;
-  background: var(--dsw-alias-button-info-fill, var(--dsw-alias-accent));
-  color: var(--dsw-alias-button-info-label, var(--dsw-alias-accent-ink, #fff));
+  background: var(--dsw-alias-button-info-fill, var(--dsw-alias-interactive-bg-hover-solid));
+  color: #fff;
   cursor: pointer;
   /* send ⇄ stop swap: keyed remount plays this, hover only fades. */
   animation: sidechatBtnIn 120ms ease-out;

package/src/client/SubagentView.module.css

@@ -274,6 +274,47 @@
   color: var(--dsw-alias-label-primary);
 }
 
+/* ── History collapse toggle (shared: topology levels + jobs list) ─────── */
+
+/* The "show earlier rows" disclosure between the header and the collapsed
+   rows; full-width like a row, but visually quieter (tertiary, small). */
+.historyToggle {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 26px;
+  padding: 3px 8px 3px 11px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  font: var(--dsw-font-xxxs-strong-11);
+  color: var(--dsw-alias-label-tertiary);
+  text-align: left;
+  cursor: pointer;
+  outline: none;
+}
+
+.historyToggle:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-secondary);
+}
+
+.historyToggle:focus-visible {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-secondary);
+}
+
+.historyToggle svg {
+  flex: none;
+}
+
+/* The jobs section's toggle sits right under its list. */
+.jobs .historyToggle {
+  margin-top: 2px;
+}
+
 /* ── Background-job section (below the topology tree) ────────────────── */
 
 .jobs {

package/src/client/SubagentView.tsx

@@ -12,6 +12,12 @@
  * highlighted in place. Every branch is expanded automatically (lazy
  * catalogs hydrate on demand and consume live membership while visible).
  *
+ * To keep long histories browsable, each catalog level shows only its
+ * LATEST {@link SUBAGENT_VISIBLE} children by default — earlier rows fold
+ * behind a history toggle — and the jobs section shows its latest
+ * {@link JOBS_VISIBLE} rows the same way. Collapsing is view-only: the
+ * header counts, the output dock and live observation still see every row.
+ *
  * Each node card carries live status (state dot, durable label, mode and
  * activity); while a child RUNS, its card additionally shows the LAST text
  * output and LAST tool call pulled from its history tail, auto-refreshing
@@ -23,6 +29,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, type KeyboardEvent }
 import { useSyncExternalStore } from 'react'
 import clsx from 'clsx'
 import {
+  IconChevronDownOutline14, IconChevronRightOutline14,
   IconRefreshOutline14, StateDot,
 } from '@deepseek-ai/dsh-client-ui-primitives'
 import type {
@@ -65,6 +72,15 @@ const ARGS_PREVIEW = 60
 const JOB_POLL_MS = 2000
 /** How long the kill button stays armed before it needs re-confirming. */
 const JOB_KILL_ARM_MS = 3000
+/**
+ * How many of the LATEST rows stay visible by default before the earlier
+ * (history) rows collapse behind a toggle: {@link SUBAGENT_VISIBLE} for the
+ * topology's child rows, {@link JOBS_VISIBLE} for the background-job list.
+ * Collapsing is view-only — counts, the output dock and live observation
+ * keep seeing every entry.
+ */
+const SUBAGENT_VISIBLE = 5
+const JOBS_VISIBLE = 3
 
 /** The direct subagent children of one parent (durable `origin` rows;
  *  Side Chat threads ride the same origin but are tab-strip conversations,
@@ -244,7 +260,12 @@ interface RowsProps {
   refresh: (parentSessionId: string) => void
 }
 
-/** Render one topology level; branches are always expanded (lazy catalogs). */
+/**
+ * Render one topology level; branches are always expanded (lazy catalogs).
+ * When a level lists more than {@link SUBAGENT_VISIBLE} children, only the
+ * LATEST ones render by default — the earlier rows collapse behind a
+ * history toggle (per-level state; a fresh catalog page collapses again).
+ */
 function CatalogRows({
   parentSessionId, catalog, catalogs, byId, level, currentSessionId, live,
   openChild, refresh,
@@ -258,6 +279,10 @@ function CatalogRows({
     if (entry.kind === 'child') return !(entry.label?.startsWith(SIDE_LABEL_PREFIX) ?? false)
     return !(byId[entry.id]?.displayTitle.startsWith(SIDE_LABEL_PREFIX) ?? false)
   })
+  const [historyOpen, setHistoryOpen] = useState(false)
+  const historyCount = visibleEntries.length - SUBAGENT_VISIBLE
+  const collapsed = historyCount > 0 && !historyOpen
+  const renderEntries = collapsed ? visibleEntries.slice(-SUBAGENT_VISIBLE) : visibleEntries
   return (
     <>
       {emptyLoading && (
@@ -276,7 +301,18 @@ function CatalogRows({
           </button>
         </div>
       )}
-      {visibleEntries.map((entry) => {
+      {historyCount > 0 && (
+        <button
+          type="button"
+          className={css.historyToggle}
+          aria-expanded={historyOpen}
+          onClick={() => { setHistoryOpen(open => !open) }}
+        >
+          {historyOpen ? <IconChevronDownOutline14 /> : <IconChevronRightOutline14 />}
+          {historyOpen ? t('subagentHideHistory') : t('subagentShowHistory', { count: historyCount })}
+        </button>
+      )}
+      {renderEntries.map((entry) => {
         if (entry.kind === 'diagnostic') {
           return (
             <div key={entry.id} className={css.subagentNode}>
@@ -467,10 +503,12 @@ function JobOutputPane(props: {
 /**
  * The background-job section of the Subagent page: every job of the whole
  * current tree (main agent + subagents, owner-labeled), fed by the harness
- * `session/jobs` push mirror. Clicking a row feeds its model-read output to
- * the shared bottom dock (event replay — never the model's cursor); live
- * rows carry a two-click-confirm kill button. Renders nothing while the
- * tree has no jobs.
+ * `session/jobs` push mirror. When more than {@link JOBS_VISIBLE} jobs
+ * exist, only the head of the standard order (live rows, then newest
+ * settled) stays visible — earlier rows collapse behind a history toggle.
+ * Clicking a row feeds its model-read output to the shared bottom dock
+ * (event replay — never the model's cursor); live rows carry a
+ * two-click-confirm kill button. Renders nothing while the tree has no jobs.
  */
 function JobsSection(props: {
   byId: SidebarSessionList['byId']
@@ -485,6 +523,7 @@ function JobsSection(props: {
     [byId, jobsBySession, rootId],
   )
   const [selectedId, setSelectedId] = useState<string | undefined>(undefined)
+  const [historyOpen, setHistoryOpen] = useState(false)
   const [armedId, setArmedId] = useState<string | undefined>(undefined)
   const [killingId, setKillingId] = useState<string | undefined>(undefined)
   const [killErrorId, setKillErrorId] = useState<string | undefined>(undefined)
@@ -547,6 +586,12 @@ function JobsSection(props: {
     ? t('jobsCountRunning', { count: rows.length, running: liveCount })
     : t('jobsCount', { count: rows.length })
 
+  // Collapsed view: the head of the standard order stays visible (all live
+  // rows up to the cap, then newest settled); the header count still
+  // reports the full totals, and a hidden job's dock keeps working.
+  const historyCount = rows.length - JOBS_VISIBLE
+  const visibleRows = historyCount > 0 && !historyOpen ? rows.slice(0, JOBS_VISIBLE) : rows
+
   return (
     <>
       <section className={css.jobs} aria-label={t('jobs')}>
@@ -555,7 +600,7 @@ function JobsSection(props: {
           <span className={css.jobsCount}>{countLabel}</span>
         </div>
         <ul className={css.jobsList} aria-label={t('jobs')}>
-          {rows.map((row) => {
+          {visibleRows.map((row) => {
             const { job } = row
             const live = isJobLive(job)
             const selected = selectedId === job.id
@@ -617,6 +662,17 @@ function JobsSection(props: {
             )
           })}
         </ul>
+        {historyCount > 0 && (
+          <button
+            type="button"
+            className={css.historyToggle}
+            aria-expanded={historyOpen}
+            onClick={() => { setHistoryOpen(open => !open) }}
+          >
+            {historyOpen ? <IconChevronDownOutline14 /> : <IconChevronRightOutline14 />}
+            {historyOpen ? t('jobsHideHistory') : t('jobsShowHistory', { count: historyCount })}
+          </button>
+        )}
       </section>
       {selectedRow !== undefined && (
         <JobOutputPane

package/src/client/locales-ar.ts

@@ -297,6 +297,8 @@ export const ar: Record<string, string> = {
   subagentDiagUnsupported: 'غير مدعوم',
   subagentDiagUnavailable: 'غير متاح',
   subagentThinking: 'جارٍ التفكير…',
+  subagentShowHistory: 'عرض {count} من الوكلاء الفرعيين الأقدم',
+  subagentHideHistory: 'طي الوكلاء الفرعيين الأقدم',
   sideChat: 'محادثة جانبية (تجريبية)',
   sideChatNew: 'خيط جديد',
   sideChatUntitled: 'خيط جديد',
@@ -324,6 +326,8 @@ export const ar: Record<string, string> = {
   jobs: 'المهام الخلفية',
   jobsCount: '{count} مهمة خلفية',
   jobsCountRunning: '{count} مهمة خلفية · {running} قيد التشغيل',
+  jobsShowHistory: 'عرض {count} من المهام الخلفية الأقدم',
+  jobsHideHistory: 'طي المهام الخلفية الأقدم',
   jobStatusRunning: 'قيد التشغيل',
   jobStatusStopping: 'جارٍ الإيقاف',
   jobStatusCompleted: 'اكتمل',

package/src/client/locales-de.ts

@@ -282,6 +282,8 @@ export const de: Record<string, string> = {
   subagentDiagUnsupported: 'Nicht unterstützt',
   subagentDiagUnavailable: 'Nicht verfügbar',
   subagentThinking: 'Denkt nach…',
+  subagentShowHistory: '{count} ältere Subagenten anzeigen',
+  subagentHideHistory: 'Ältere Subagenten einklappen',
   sideChat: 'Seitenchat (beta)',
   sideChatNew: 'Neuer Thread',
   sideChatUntitled: 'Neuer Thread',
@@ -309,6 +311,8 @@ export const de: Record<string, string> = {
   jobs: 'Hintergrundaufgaben',
   jobsCount: '{count} Hintergrundaufgaben',
   jobsCountRunning: '{count} Hintergrundaufgaben · {running} läuft',
+  jobsShowHistory: '{count} ältere Hintergrundaufgaben anzeigen',
+  jobsHideHistory: 'Ältere Hintergrundaufgaben einklappen',
   jobStatusRunning: 'Läuft',
   jobStatusStopping: 'Wird beendet',
   jobStatusCompleted: 'Abgeschlossen',

package/src/client/locales-fr.ts

@@ -289,6 +289,8 @@ export const fr: Record<string, string> = {
   subagentDiagUnsupported: 'Entrée non prise en charge',
   subagentDiagUnavailable: 'Indisponible',
   subagentThinking: 'Réflexion…',
+  subagentShowHistory: 'Afficher {count} sous-agents plus anciens',
+  subagentHideHistory: 'Réduire les sous-agents plus anciens',
   sideChat: 'Discussion latérale (bêta)',
   sideChatNew: 'Nouvelle discussion',
   sideChatUntitled: 'Nouvelle discussion',
@@ -316,6 +318,8 @@ export const fr: Record<string, string> = {
   jobs: 'Tâches d’arrière-plan',
   jobsCount: '{count} tâche(s) d’arrière-plan',
   jobsCountRunning: '{count} tâche(s) d’arrière-plan · {running} en cours',
+  jobsShowHistory: 'Afficher {count} tâches d’arrière-plan plus anciennes',
+  jobsHideHistory: 'Réduire les tâches d’arrière-plan plus anciennes',
   jobStatusRunning: 'En cours',
   jobStatusStopping: 'Arrêt en cours',
   jobStatusCompleted: 'Terminée',

package/src/client/locales-hi.ts

@@ -296,6 +296,8 @@ export const hi: Record<string, string> = {
   subagentDiagUnsupported: 'असमर्थित',
   subagentDiagUnavailable: 'अनुपलब्ध',
   subagentThinking: 'सोच रहा…',
+  subagentShowHistory: 'पुराने {count} सबएजेंट दिखाएँ',
+  subagentHideHistory: 'पुराने सबएजेंट छिपाएँ',
   sideChat: 'साइड चैट (बीटा)',
   sideChatNew: 'नया थ्रेड',
   sideChatUntitled: 'नया थ्रेड',
@@ -323,6 +325,8 @@ export const hi: Record<string, string> = {
   jobs: 'बैकग्राउंड कार्य',
   jobsCount: '{count} बैकग्राउंड कार्य',
   jobsCountRunning: '{count} बैकग्राउंड कार्य · {running} चल रहे',
+  jobsShowHistory: 'पुराने {count} बैकग्राउंड कार्य दिखाएँ',
+  jobsHideHistory: 'पुराने बैकग्राउंड कार्य छिपाएँ',
   jobStatusRunning: 'चल रहा',
   jobStatusStopping: 'रुक रहा',
   jobStatusCompleted: 'पूर्ण',

package/src/client/locales-id.ts

@@ -294,6 +294,8 @@ export const id: Record<string, string> = {
   subagentDiagUnsupported: 'Tidak didukung',
   subagentDiagUnavailable: 'Tidak tersedia',
   subagentThinking: 'Berpikir…',
+  subagentShowHistory: 'Tampilkan {count} subagen sebelumnya',
+  subagentHideHistory: 'Ciutkan subagen sebelumnya',
   sideChat: 'Side Chat (beta)',
   sideChatNew: 'Thread baru',
   sideChatUntitled: 'Thread baru',
@@ -321,6 +323,8 @@ export const id: Record<string, string> = {
   jobs: 'Tugas latar',
   jobsCount: '{count} tugas latar',
   jobsCountRunning: '{count} tugas latar · {running} berjalan',
+  jobsShowHistory: 'Tampilkan {count} tugas latar sebelumnya',
+  jobsHideHistory: 'Ciutkan tugas latar sebelumnya',
   jobStatusRunning: 'Berjalan',
   jobStatusStopping: 'Menghentikan',
   jobStatusCompleted: 'Selesai',

package/src/client/locales-it.ts

@@ -287,6 +287,8 @@ export const it: Record<string, string> = {
   subagentDiagUnsupported: 'Non supportato',
   subagentDiagUnavailable: 'Non disponibile',
   subagentThinking: 'In pensiero…',
+  subagentShowHistory: 'Mostra {count} sottoagenti precedenti',
+  subagentHideHistory: 'Comprimi sottoagenti precedenti',
   sideChat: 'Chat laterale (beta)',
   sideChatNew: 'Nuova conversazione',
   sideChatUntitled: 'Nuova conversazione',
@@ -314,6 +316,8 @@ export const it: Record<string, string> = {
   jobs: 'Attività in background',
   jobsCount: '{count} attività in background',
   jobsCountRunning: '{count} attività in background · {running} in esecuzione',
+  jobsShowHistory: 'Mostra {count} attività in background precedenti',
+  jobsHideHistory: 'Comprimi attività in background precedenti',
   jobStatusRunning: 'In esecuzione',
   jobStatusStopping: 'Arresto in corso',
   jobStatusCompleted: 'Completata',