pantheon-opencode 1.5.0-beta.1 → 1.5.0-beta.11

package/src/plugins/tui/dist/tui.js

@@ -1,6 +1,6 @@
 import { createComponent, createElement, createTextNode, effect, insert, insertNode, memo, setProp } from "@opentui/solid";
 import { Buffer } from "node:buffer";
-import { mkdir, readFile, readdir, writeFile } from "node:fs/promises";
+import { appendFile, mkdir, readFile, readdir, writeFile } from "node:fs/promises";
 import { homedir } from "node:os";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -164,7 +164,7 @@ async function detectVersion(api) {
 			if (ver) return ver;
 		}
 	} catch {}
-	return "1.5.0";
+	return "1.5.0-beta.11";
 }
 /**
 * usage-bar — AI subscription usage gauge for the opencode TUI.
@@ -868,19 +868,32 @@ function tuiLogPath(projectRoot) {
 *  falling back to startedAt, descending). Shared by the md reader and
 *  mergeDelegationSources. */
 function compareDelegationEntries(a, b) {
-	const aRun = a.state === "running" || a.state === "stale-running" ? 1 : 0;
-	const bRun = b.state === "running" || b.state === "stale-running" ? 1 : 0;
+	const isActive = (st) => st === "running" || st === "retry" || st === "stale-running" ? 1 : 0;
+	const aRun = isActive(a.state);
+	const bRun = isActive(b.state);
 	if (aRun !== bRun) return bRun - aRun;
 	return (b.updatedAt ?? b.startedAt) - (a.updatedAt ?? a.startedAt);
 }
-/** The list the panel actually renders: running jobs first, then the most
-*  recent terminal reports (capped). Pure — so the history-only panel (no
-*  sessionID) is testable without the TUI runtime. The header count uses the
-*  same "running + recentes" list. */
+/** Split the panel list: active jobs (running/retry, stale-marked) first,
+*  then the most recent terminal reports, then the archived tail (paginated
+*  in the View). Pure — so the history-only panel (no sessionID) is testable
+*  without the TUI runtime. */
+function splitDelegationList(all, maxRecent = 8, now = Date.now(), staleThresholdMs = 1800 * 1e3) {
+	const isActiveState = (st) => st === "running" || st === "retry" || st === "stale-running";
+	const active = all.filter((d) => isActiveState(d.state)).map((d) => markStaleIfRunning(d, now, staleThresholdMs));
+	const terminal = all.filter((d) => !isActiveState(d.state));
+	return {
+		active,
+		recent: terminal.slice(0, maxRecent),
+		archived: terminal.slice(maxRecent)
+	};
+}
+/** The list the panel actually renders (kept for the header count and
+*  existing tests): active jobs first, then the most recent terminal
+*  reports (capped) — the archived tail is rendered separately. Pure. */
 function visibleDelegationList(all, maxTerminal = 8, now = Date.now(), staleThresholdMs = 1800 * 1e3) {
-	const running = all.filter((d) => d.state === "running").map((d) => markStaleIfRunning(d, now, staleThresholdMs));
-	const terminal = all.filter((d) => d.state !== "running").slice(0, maxTerminal);
-	return [...running, ...terminal];
+	const { active, recent } = splitDelegationList(all, maxTerminal, now, staleThresholdMs);
+	return [...active, ...recent];
 }
 /** Default stale-running threshold: 30 minutes. */
 const STALE_RUNNING_THRESHOLD_MS = 1800 * 1e3;
@@ -918,10 +931,11 @@ function fmtElapsed(ms) {
 	if (minutes > 0) return `${minutes}m ${seconds}s`;
 	return `${seconds}s`;
 }
-/** Elapsed label for one entry: running → ticks `now - startedAt`, terminal
-*  → fixed `updatedAt - startedAt` (em dash when no finalized timestamp). */
+/** Elapsed label for one entry: an ACTIVE entry (running/retry/stale-running)
+*  ticks `now - startedAt`; a terminal one is fixed at
+*  `updatedAt - startedAt` (em dash when no finalized timestamp). */
 function delegationElapsed(entry, now) {
-	if (entry.state === "running" || entry.state === "stale-running") return fmtElapsed(now - entry.startedAt);
+	if (entry.state === "running" || entry.state === "retry" || entry.state === "stale-running") return fmtElapsed(now - entry.startedAt);
 	return entry.updatedAt !== null ? fmtElapsed(entry.updatedAt - entry.startedAt) : "—";
 }
 /** The activity labels shown by the animated row. Keeping this pure makes the
@@ -935,6 +949,7 @@ function delegationActivity(entry) {
 	return "working";
 }
 function delegationActivityLabel(entry) {
+	if (entry.state === "retry") return "RETRYING";
 	switch (delegationActivity(entry)) {
 		case "delegating": return "DELEGATING";
 		case "working": return "WORKING";
@@ -956,11 +971,114 @@ const DELEGATION_SPINNER_FRAMES = [
 	"⠇",
 	"⠏"
 ];
-/** Return a deterministic spinner frame. The View ticks this every 140ms. */
+/** Return a deterministic spinner frame. The View ticks this every 1000ms
+*  (not 140ms — the fast tick flickered without adding information). */
 function delegationSpinnerFrame(now) {
-	const index = Math.floor(Math.max(0, now) / 140) % DELEGATION_SPINNER_FRAMES.length;
+	const index = Math.floor(Math.max(0, now) / 1e3) % DELEGATION_SPINNER_FRAMES.length;
 	return DELEGATION_SPINNER_FRAMES[index] ?? DELEGATION_SPINNER_FRAMES[0];
 }
+/** Every state the row knows how to draw: the real BackgroundJobBoard FSM
+*  (src/pantheon/background-job-board.ts) plus the TUI display-only states
+*  (`retry`, `stale-running`). Fase 1 deliberately omits speculative
+*  blocked/paused/scheduled/skipped. There is no `pending` display state: a
+*  pre-dispatch tool part maps to `running` in {@link reduceDelegationToolPart}. */
+/** Static glyph per display state. `running` shows its base spinner frame;
+*  callers that animate must prefer {@link delegationStateMarker}. Unicode
+*  geometric shapes only (no Nerd Font) — shape is an independent channel
+*  from color, so rows stay legible without color. */
+const DELEGATION_STATE_GLYPHS = {
+	running: "⠋",
+	retry: "⟳",
+	"stale-running": "⚠",
+	completed: "✓",
+	error: "✕",
+	cancelled: "−",
+	startup_failed: "⚠",
+	startup_unknown: "⚠"
+};
+function delegationStateGlyph(state) {
+	return DELEGATION_STATE_GLYPHS[state];
+}
+/** Row marker (`<glyph> `) — the state channel. `running` animates through
+*  {@link delegationSpinnerFrame} for the given tick; every other state is
+*  static. Pure. */
+function delegationStateMarker(state, now = Date.now()) {
+	return `${state === "running" ? delegationSpinnerFrame(now) : delegationStateGlyph(state)} `;
+}
+/** Semantic tone mapped to the TUI theme at the row ({@link DelegationRow}).
+*  Kept separate + pure so the color channel is testable without booting the
+*  renderer. */
+function delegationStateTone(state) {
+	switch (state) {
+		case "running":
+		case "retry":
+		case "startup_unknown": return "warning";
+		case "stale-running":
+		case "error":
+		case "startup_failed": return "error";
+		case "completed": return "success";
+		case "cancelled": return "muted";
+	}
+}
+/** Bounded tracker: child session id → latest running tool call. */
+const latestToolActivity = /* @__PURE__ */ new Map();
+const MAX_TOOL_ACTIVITY_ENTRIES = 200;
+const TOOL_ACTIVITY_TTL_MS = 300 * 1e3;
+/** Archived-section pagination state — module-level so it survives sidebar
+*  remounts (route changes) without leaking into the component tree. */
+const archivedUiState = { page: 0 };
+/** First usable summary string from common tool input fields. */
+function summarizeToolInput(input) {
+	if (!input) return "";
+	for (const key of [
+		"command",
+		"description",
+		"prompt",
+		"filePath",
+		"pattern",
+		"url",
+		"query"
+	]) {
+		const value = input[key];
+		if (typeof value === "string" && value.trim() !== "") return value;
+	}
+	return "";
+}
+/** Reduce one message.part.updated tool part to displayable activity.
+*  Returns null for non-tool parts, completed/error parts (no live activity)
+*  or parts without a session id. Pure. */
+function extractToolActivity(part, now = Date.now()) {
+	if (part?.type !== "tool") return null;
+	const status = part.state?.status;
+	if (status !== "pending" && status !== "running") return null;
+	const sessionID = typeof part.sessionID === "string" ? part.sessionID : "";
+	if (sessionID === "") return null;
+	return {
+		sessionID,
+		activity: {
+			tool: typeof part.tool === "string" && part.tool !== "" ? part.tool : "tool",
+			summary: summarizeToolInput(part.state?.input).replace(/\s+/g, " ").trim().slice(0, 48),
+			at: now
+		}
+	};
+}
+/** Record an activity sample (bounded map, oldest dropped). */
+function trackToolActivity(map, sessionID, activity) {
+	if (sessionID === "") return;
+	if (map.size >= MAX_TOOL_ACTIVITY_ENTRIES) {
+		const oldest = map.keys().next().value;
+		if (oldest !== void 0) map.delete(oldest);
+	}
+	map.set(sessionID, activity);
+}
+/** Latest live activity for a child session, or null when absent/stale. */
+function latestToolActivityFor(map, sessionID, now = Date.now(), ttlMs = TOOL_ACTIVITY_TTL_MS) {
+	if (!sessionID) return null;
+	const hit = map.get(sessionID);
+	if (hit === void 0) return null;
+	if (now - hit.at > ttlMs) return null;
+	return hit;
+}
 /** Merge the immediate tool-event channel into the child-session channel.
 *
 * Children remain the durable source, while live entries make a delegation
@@ -1023,10 +1141,12 @@ const DELEGATE_TASKID_PATTERN = /\(task\s+([a-z0-9_]+)\)/i;
 const READ_ALIAS_PATTERN = /^[a-z]{2,8}-\d+$/i;
 /** Extract the tool name + args from a `message.part.updated` part and
 *  reduce it to what the panel needs. Returns null for anything that is
-*  not a pantheon delegation tool part (or is missing its callID). */
+*  not a pantheon delegation tool part, the native `task` subagent tool
+*  (same parentID === caller mechanism — its children render `nat:`),
+*  or is missing its callID. */
 function parseDelegationToolPart(part, now = Date.now()) {
 	if (part.type !== "tool") return null;
-	if (part.tool !== "pantheon_delegate" && part.tool !== "pantheon_delegation_read") return null;
+	if (part.tool !== "pantheon_delegate" && part.tool !== "pantheon_delegation_read" && part.tool !== "task") return null;
 	const callID = part.callID;
 	if (callID === void 0 || callID === "") return null;
 	const sessionID = part.sessionID ?? "";
@@ -1058,8 +1178,8 @@ function parseDelegationToolPart(part, now = Date.now()) {
 			endAt
 		};
 	}
-	const agent = typeof input.agent === "string" ? input.agent : "agent";
-	const description = typeof input.description === "string" ? input.description : "";
+	const agent = typeof input.agent === "string" ? input.agent : typeof input.subagent_type === "string" ? input.subagent_type : "agent";
+	const description = typeof input.description === "string" ? input.description : typeof input.prompt === "string" ? input.prompt.slice(0, 120) : "";
 	let alias = null;
 	let taskID = null;
 	if (status === "completed") {
@@ -1071,7 +1191,7 @@ function parseDelegationToolPart(part, now = Date.now()) {
 		callID,
 		partID: part.id ?? "",
 		sessionID,
-		tool: "pantheon_delegate",
+		tool: part.tool === "task" ? "task" : "pantheon_delegate",
 		agent,
 		description,
 		status,
@@ -1120,7 +1240,7 @@ function reduceDelegationToolPart(map, part, now = Date.now()) {
 			callID: parsed.callID,
 			partID: parsed.partID,
 			sessionID: parsed.sessionID,
-			tool: "pantheon_delegate",
+			tool: parsed.tool,
 			agent: parsed.agent ?? "agent",
 			description: parsed.description,
 			alias: existing?.alias ?? null,
@@ -1137,7 +1257,7 @@ function reduceDelegationToolPart(map, part, now = Date.now()) {
 			callID: parsed.callID,
 			partID: parsed.partID,
 			sessionID: parsed.sessionID,
-			tool: "pantheon_delegate",
+			tool: parsed.tool,
 			agent: parsed.agent ?? "agent",
 			description: parsed.description,
 			alias: parsed.alias,
@@ -1182,11 +1302,14 @@ function removeDelegationEntry(map, partIDOrCallID) {
 	}
 	return false;
 }
-/** Collect pantheon delegation tool parts from a session's messages.
+/** Collect pantheon delegation + native task tool parts from a session's messages.
 *  Messages may carry their parts inline (duck-typed `msg.parts`); when
 *  they don't, the optional `getParts(messageID)` callback is used (the TUI
-*  SDK exposes `api.state.part(messageID)`). Pure w.r.t. I/O — used by the
-*  mount re-scan to re-seed the live map after compaction/attach. */
+*  SDK exposes `api.state.part(messageID)`). The native `task` tool spawns a
+*  child session with parentID = caller — the same mechanism as
+*  pantheon_delegate — so its parts feed the live-map as the native signal
+*  (rows render `nat:` via the children channel). Pure w.r.t. I/O — used
+*  by the mount re-scan to re-seed the live map after compaction/attach. */
 function collectDelegationToolParts(messages, getParts) {
 	const out = [];
 	for (const msg of messages ?? []) {
@@ -1196,7 +1319,7 @@ function collectDelegationToolParts(messages, getParts) {
 		if (!parts) continue;
 		for (const raw of parts) {
 			const part = raw;
-			if (part?.type === "tool" && (part.tool === "pantheon_delegate" || part.tool === "pantheon_delegation_read")) out.push(part);
+			if (part?.type === "tool" && (part.tool === "pantheon_delegate" || part.tool === "pantheon_delegation_read" || part.tool === "task")) out.push(part);
 		}
 	}
 	return out;
@@ -1309,16 +1432,102 @@ function buildChildrenPath(id) {
 *  correct it as soon as terminal data exists). */
 function childStatusToState(status) {
 	if (status === "idle") return "completed";
+	if (status === "retry") return "retry";
 	return "running";
 }
-/** Row tag for a delegation entry: `[native]` for native task() children
-*  (source 'children-only' — no board report), `[pantheon:<alias>]` for board
-*  rows ([pantheon:apo-1]) — the same tags the manager prints in
-*  pantheon_delegation_list, so panel rows and CLI list lines match. The
-*  panel renders the tag with a distinct style so native task() children are
-*  visually separable from pantheon_delegate jobs. */
+/** Short row prefix for a delegation entry (one of the two visual channels
+*  that split native task() work from pantheon_delegate jobs — the other is
+*  {@link delegationIcon}):
+*
+*  - `nat:<agent>` — a native task() child (source 'children-only', no board
+*    report). The child session carries no board alias, so the agent IS the
+*    identity.
+*  - `pan:<alias>` — a pantheon_delegate board row (`pan:apo-1`), the same
+*    alias the manager prints in pantheon_delegation_list.
+*
+*  Short prefixes keep the narrow sidebar readable (the old
+*  `pan:apo-1`/`nat:` tags ate the row width). */
 function delegationTag(entry) {
-	return entry.source === "children-only" ? "[native]" : `[pantheon:${entry.alias}]`;
+	return entry.source === "children-only" ? `nat:${entry.agent}` : `pan:${entry.alias}`;
+}
+/** Row glyph: hollow diamond `◇` for native task() children (info color,
+*  outline) vs filled diamond `◆` for pantheon_delegate rows (state color).
+*  Shape + color are independent channels, so the split stays legible even
+*  without color. */
+function delegationIcon(entry) {
+	return entry.source === "children-only" ? "◇" : "◆";
+}
+/** Row identity after the status marker + glyph. Pantheon rows append the
+*  agent (`pan:apo-1 apollo`); native rows already carry it inside the tag
+*  (`nat:apollo`) and must not duplicate it. */
+function formatDelegationIdentity(entry) {
+	return entry.source === "children-only" ? delegationTag(entry) : `${delegationTag(entry)} ${entry.agent}`;
+}
+/** Max description width on the row detail line — the old 180-char slice
+*  wrapped the sidebar; 44 keeps one readable line. */
+const DELEGATION_DESCRIPTION_MAX = 44;
+/** Lazily-built grapheme segmenter. `Intl.Segmenter` keeps ZWJ emoji families
+*  (and skin-tone/variation sequences) intact; `Array.from` (code points) is
+*  the fallback for runtimes without it. */
+let graphemeSegmenter;
+/** Split `text` into display graphemes so truncation never cuts a multi-unit
+*  emoji in half (surrogate pair → mojibake). */
+function splitGraphemes(text) {
+	if (typeof Intl !== "undefined" && typeof Intl.Segmenter === "function") {
+		graphemeSegmenter ??= new Intl.Segmenter("pt", { granularity: "grapheme" });
+		return Array.from(graphemeSegmenter.segment(text), (s) => s.segment);
+	}
+	return Array.from(text);
+}
+/** Truncate a description to `max` graphemes appending `…` when cut. Exact
+*  `max`-length text is left untouched. Grapheme-granular, so an emoji made of
+*  several code points is never split into mojibake at the boundary. Pure. */
+function truncateDelegationDescription(text, max = 44) {
+	const graphemes = splitGraphemes(text);
+	if (graphemes.length <= max) return text;
+	return `${graphemes.slice(0, Math.max(0, max - 1)).join("")}\u2026`;
+}
+/** Fixed elapsed-time box: right-aligned to `width` (default 8) so elapsed
+*  values line up across rows, e.g. `     12s`. A label that already fills
+*  the box is returned untouched. Pure. */
+const DELEGATION_ELAPSED_WIDTH = 8;
+function formatDelegationElapsed(entry, now, width = 8) {
+	const label = delegationElapsed(entry, now);
+	if (label.length >= width) return label;
+	return `${" ".repeat(width - label.length)}${label}`;
+}
+/** First row line: `<marker><glyph> <identity>`. The marker already carries
+*  its trailing space. Pure — the row renders the returned string verbatim. */
+function formatDelegationRow(entry, marker) {
+	return `${marker}${delegationIcon(entry)} ${formatDelegationIdentity(entry)}`;
+}
+/** Header summary: `(N active · M done · nat:K pan:M)`. Active counts
+*  running/retry AND display-only stale-running (a stale row is still a live
+*  job — it must never read as done). Pure. */
+function formatDelegationHeader(entries) {
+	let active = 0;
+	for (const e of entries) if (e.state === "running" || e.state === "retry" || e.state === "stale-running") active++;
+	const done = entries.length - active;
+	const counts = countDelegationSources(entries);
+	return `(${active} active \u00b7 ${done} done \u00b7 nat:${counts.native} pan:${counts.pantheon})`;
+}
+/** Split a display list into native task() rows vs pantheon_delegate rows.
+*  Native = source 'children-only' (no board report); everything else counts
+*  as pantheon. Pure — powers the header breakdown + the hooks.log line. */
+function countDelegationSources(entries) {
+	let native = 0;
+	for (const e of entries) if (e.source === "children-only") native++;
+	return {
+		native,
+		pantheon: entries.length - native,
+		total: entries.length
+	};
+}
+/** Diagnostic hooks.log line for a panel re-fetch, with the children
+*  breakdown (pantheon = children WITH a board report, native = children
+*  WITHOUT one). Pure — the View logs the returned string verbatim. */
+function formatPanelLogLine(children, pantheon, native, md, events) {
+	return `panel: children=${children}(pantheon=${pantheon} native=${native}) md=${md} events=${events}`;
 }
 /** Turn child sessions (PRIMARY) enriched with md reports into the display
 *  list. One entry per child id (duplicates across re-fetches collapse).
@@ -1328,10 +1537,14 @@ function delegationTag(entry) {
 *  itself (fallback 'agent'), state derived from its status, startedAt from
 *  time.created. A report-less child is a NATIVE task() child (every
 *  child of the current session — pantheon_delegate OR the native `task()`
-*  tool — carries parentID = caller), so it gets source 'children-only'
-*  and the `[native]` tag instead of a board alias.
+*  tool — carries parentID = caller), so it gets source 'children-only',
+*  the internal alias 'native-task' and the `nat:` tag instead of a
+*  board alias. The 'task nativa' description fallback keeps the row
+*  non-empty when the child carries no title.
 *  Terminal md state wins over the derived state; a running md defers to
-*  the child's live status. Sorted running-first (compareDelegationEntries).
+*  the child's live status. A running child is NEVER archived — it always
+*  lands in the active split (splitDelegationList active = running/retry).
+*  Sorted running-first (compareDelegationEntries).
 *  Pure — no I/O. */
 function childrenToDelegationEntries(children, md, now = Date.now()) {
 	const byTaskID = /* @__PURE__ */ new Map();
@@ -1344,7 +1557,7 @@ function childrenToDelegationEntries(children, md, now = Date.now()) {
 		const mdEntry = byTaskID.get(child.id);
 		const state = mdEntry !== void 0 && mdEntry.state !== "running" ? mdEntry.state : childStatusToState(child.status);
 		out.push({
-			alias: mdEntry?.alias ?? "task",
+			alias: mdEntry?.alias ?? "native-task",
 			sessionID: mdEntry?.sessionID ?? "",
 			taskID: child.id,
 			agent: mdEntry?.agent ?? child.agent ?? "agent",
@@ -1352,7 +1565,7 @@ function childrenToDelegationEntries(children, md, now = Date.now()) {
 			startedAt: mdEntry?.startedAt ?? child.time?.created ?? now,
 			updatedAt: mdEntry?.updatedAt ?? (state === "running" || state === "stale-running" ? null : child.time?.updated ?? null),
 			timedOut: mdEntry?.timedOut ?? false,
-			description: mdEntry !== void 0 && mdEntry.description !== "" ? mdEntry.description : child.title ?? "",
+			description: mdEntry !== void 0 && mdEntry.description !== "" ? mdEntry.description : child.title !== void 0 && child.title !== "" ? child.title : "task nativa",
 			source: mdEntry !== void 0 ? "md" : "children-only"
 		});
 	}
@@ -1395,7 +1608,11 @@ function createTuiLogger(projectRoot, module = "pantheon-tui") {
 				await mkdir(dirname(logPath), { recursive: true });
 				const stamp = (/* @__PURE__ */ new Date()).toISOString();
 				await appendFile(logPath, `${lines.map((l) => `[${stamp}] [${module}] ${l}`).join("\n")}\n`, "utf8");
-			} catch {}
+			} catch (err) {
+				if (echo) try {
+					process.stderr.write(`[${module}] file-log failed: ${formatArg(err)}\n`);
+				} catch {}
+			}
 		})();
 		if (echo) for (const line of lines) console.log(`[${module}] ${line}`);
 	};
@@ -1429,56 +1646,64 @@ function DelegationRow(props) {
 	const theme = () => props.api.theme.current;
 	const color = createMemo(() => {
 		const t = theme();
-		switch (props.job.state) {
-			case "running": return t.warning;
-			case "stale-running": return t.error;
-			case "completed": return t.success;
+		switch (delegationStateTone(props.job.state)) {
+			case "warning": return t.warning;
 			case "error": return t.error;
+			case "success": return t.success;
 			default: return t.textMuted;
 		}
 	});
-	const marker = createMemo(() => {
-		if (props.job.state === "running") return `${delegationSpinnerFrame(props.animationNow)} `;
-		if (props.job.state === "stale-running") return "⚠ ";
-		switch (props.job.state) {
-			case "completed": return "✓ ";
-			case "error": return "✕ ";
-			default: return "○ ";
-		}
-	});
+	const marker = createMemo(() => delegationStateMarker(props.job.state, props.animationNow));
 	const tagColor = createMemo(() => props.job.source === "children-only" ? theme().info : color());
-	const detail = createMemo(() => {
-		const line = `${delegationElapsed(props.job, props.now)}${props.job.description !== "" ? ` \u2014 ${props.job.description}` : ""}`;
-		return line.length > 180 ? `${line.slice(0, 177)}\u2026` : line;
-	});
+	const description = createMemo(() => truncateDelegationDescription(props.job.description));
+	const elapsed = createMemo(() => formatDelegationElapsed(props.job, props.now));
+	const activity = createMemo(() => latestToolActivityFor(latestToolActivity, props.job.taskID, props.now));
 	const open = () => {
 		navigateToDelegationSession(props.api.route, props.job.taskID);
 	};
 	return (() => {
-		var _el$13 = createElement("box"), _el$14 = createElement("box"), _el$15 = createElement("text"), _el$16 = createElement("text"), _el$17 = createElement("text"), _el$18 = createElement("text");
+		var _el$13 = createElement("box"), _el$14 = createElement("box"), _el$15 = createElement("text"), _el$16 = createElement("box"), _el$18 = createElement("text");
 		insertNode(_el$13, _el$14);
-		insertNode(_el$13, _el$18);
+		insertNode(_el$13, _el$16);
 		setProp(_el$13, "onMouseDown", open);
 		insertNode(_el$14, _el$15);
-		insertNode(_el$14, _el$16);
-		insertNode(_el$14, _el$17);
 		setProp(_el$14, "flexDirection", "row");
-		insert(_el$15, marker);
-		insert(_el$16, () => delegationTag(props.job));
-		insert(_el$17, () => ` ${props.job.agent} \u2014 ${delegationActivityLabel(props.job)}`);
-		insert(_el$18, detail);
+		insert(_el$15, () => formatDelegationRow(props.job, marker()));
+		insertNode(_el$16, _el$18);
+		setProp(_el$16, "flexDirection", "row");
+		insert(_el$16, createComponent(Show, {
+			get when() {
+				return description() !== "";
+			},
+			get children() {
+				var _el$17 = createElement("text");
+				insert(_el$17, description);
+				effect((_$p) => setProp(_el$17, "fg", theme().textMuted, _$p));
+				return _el$17;
+			}
+		}), _el$18);
+		insert(_el$18, elapsed);
+		insert(_el$13, createComponent(Show, {
+			get when() {
+				return activity();
+			},
+			children: (a) => (() => {
+				var _el$19 = createElement("text");
+				insert(_el$19, () => `  \u21b3 ${truncateDelegationDescription(`${a().tool}${a().summary !== "" ? ` ${a().summary}` : ""}`)}`);
+				effect((_$p) => setProp(_el$19, "fg", theme().textMuted, _$p));
+				return _el$19;
+			})()
+		}), null);
 		effect((_p$) => {
-			var _v$5 = color(), _v$6 = tagColor(), _v$7 = color(), _v$8 = theme().textMuted;
+			var _v$5 = tagColor(), _v$6 = description() !== "" ? "space-between" : "flex-end", _v$7 = theme().textMuted;
 			_v$5 !== _p$.e && (_p$.e = setProp(_el$15, "fg", _v$5, _p$.e));
-			_v$6 !== _p$.t && (_p$.t = setProp(_el$16, "fg", _v$6, _p$.t));
-			_v$7 !== _p$.a && (_p$.a = setProp(_el$17, "fg", _v$7, _p$.a));
-			_v$8 !== _p$.o && (_p$.o = setProp(_el$18, "fg", _v$8, _p$.o));
+			_v$6 !== _p$.t && (_p$.t = setProp(_el$16, "justifyContent", _v$6, _p$.t));
+			_v$7 !== _p$.a && (_p$.a = setProp(_el$18, "fg", _v$7, _p$.a));
 			return _p$;
 		}, {
 			e: void 0,
 			t: void 0,
-			a: void 0,
-			o: void 0
+			a: void 0
 		});
 		return _el$13;
 	})();
@@ -1560,7 +1785,7 @@ function View(props) {
 				});
 				if (sessionID === null) {
 					setChildDelegations(md);
-					panelLog.info(`panel: children=0 md=${md.length} events=${eventRefreshCount} (no sessionID — history shown)`);
+					panelLog.info(`${formatPanelLogLine(0, 0, 0, md.length, eventRefreshCount)} (no sessionID — history shown)`);
 					return;
 				}
 				let children = [];
@@ -1587,14 +1812,23 @@ function View(props) {
 				for (const [k, v] of props.liveStore.map) if (v.alias === null && v.taskID === null && Date.now() - v.startedAt > 3e4) props.liveStore.map.delete(k);
 				const liveEntries = [...props.liveStore.map.values()].filter((entry) => entry.sessionID === sessionID);
 				setChildDelegations(mergeChildDelegationSources(childEntries, liveEntries));
-				panelLog.info(`panel: children=${children.length} md=${md.length} events=${eventRefreshCount}`);
+				const counts = countDelegationSources(childEntries);
+				panelLog.info(formatPanelLogLine(children.length, counts.pantheon, counts.native, md.length, eventRefreshCount));
 			} finally {
 				delegationsInflight = null;
 			}
 		})();
 		return delegationsInflight;
 	};
-	const visibleDelegations = createMemo(() => visibleDelegationList(childDelegations()));
+	const delegationSplit = createMemo(() => splitDelegationList(childDelegations()));
+	const visibleDelegations = createMemo(() => [...delegationSplit().active, ...delegationSplit().recent]);
+	const delegationHeader = createMemo(() => formatDelegationHeader(childDelegations()));
+	const [archivedPage, setArchivedPage] = createSignal(archivedUiState.page);
+	const clampArchivedPage = (page, pages) => {
+		const clamped = Math.max(0, Math.min(page, Math.max(0, pages - 1)));
+		archivedUiState.page = clamped;
+		setArchivedPage(clamped);
+	};
 	onMount(() => {
 		const cleanup = [];
 		try {
@@ -1623,7 +1857,7 @@ function View(props) {
 			refreshDelegations();
 		}, 1e3);
 		cleanup.push(() => clearInterval(poll));
-		const animation = setInterval(() => setAnimationNow(Date.now()), 140);
+		const animation = setInterval(() => setAnimationNow(Date.now()), 1e3);
 		cleanup.push(() => clearInterval(animation));
 		try {
 			const sdk = props.api.state?.session;
@@ -1643,78 +1877,78 @@ function View(props) {
 		}));
 	});
 	const HR = () => (() => {
-		var _el$19 = createElement("text");
-		insertNode(_el$19, createTextNode(`────────────────────────────`));
-		effect((_$p) => setProp(_el$19, "fg", theme().textMuted, _$p));
-		return _el$19;
+		var _el$20 = createElement("text");
+		insertNode(_el$20, createTextNode(`────────────────────────────`));
+		effect((_$p) => setProp(_el$20, "fg", theme().textMuted, _$p));
+		return _el$20;
 	})();
 	return (() => {
-		var _el$21 = createElement("box"), _el$22 = createElement("text"), _el$23 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("text"), _el$27 = createElement("box"), _el$28 = createElement("text"), _el$29 = createElement("text");
-		insertNode(_el$21, _el$22);
-		insertNode(_el$21, _el$23);
-		insertNode(_el$21, _el$27);
-		setProp(_el$21, "flexDirection", "column");
-		setProp(_el$21, "width", "100%");
-		setProp(_el$22, "attributes", 1);
-		insert(_el$22, () => `Pantheon${props.version ? ` v${props.version}` : ""}`);
-		insert(_el$21, createComponent(Show, {
+		var _el$22 = createElement("box"), _el$23 = createElement("text"), _el$24 = createElement("box"), _el$25 = createElement("text"), _el$26 = createElement("text"), _el$28 = createElement("box"), _el$29 = createElement("text"), _el$30 = createElement("text");
+		insertNode(_el$22, _el$23);
+		insertNode(_el$22, _el$24);
+		insertNode(_el$22, _el$28);
+		setProp(_el$22, "flexDirection", "column");
+		setProp(_el$22, "width", "100%");
+		setProp(_el$23, "attributes", 1);
+		insert(_el$23, () => `Pantheon${props.version ? ` v${props.version}` : ""}`);
+		insert(_el$22, createComponent(Show, {
 			get when() {
 				return branch();
 			},
 			children: (b) => (() => {
-				var _el$31 = createElement("text");
-				insert(_el$31, b);
-				effect((_$p) => setProp(_el$31, "fg", theme().textMuted, _$p));
-				return _el$31;
+				var _el$32 = createElement("text");
+				insert(_el$32, b);
+				effect((_$p) => setProp(_el$32, "fg", theme().textMuted, _$p));
+				return _el$32;
 			})()
-		}), _el$23);
-		insert(_el$21, createComponent(Show, {
+		}), _el$24);
+		insert(_el$22, createComponent(Show, {
 			get when() {
 				return preset().name;
 			},
 			get fallback() {
 				return (() => {
-					var _el$32 = createElement("box"), _el$33 = createElement("text");
-					insertNode(_el$32, _el$33);
-					setProp(_el$32, "flexDirection", "row");
-					setProp(_el$32, "gap", 1);
-					insertNode(_el$33, createTextNode(`Preset: default`));
-					effect((_$p) => setProp(_el$33, "fg", theme().textMuted, _$p));
-					return _el$32;
+					var _el$33 = createElement("box"), _el$34 = createElement("text");
+					insertNode(_el$33, _el$34);
+					setProp(_el$33, "flexDirection", "row");
+					setProp(_el$33, "gap", 1);
+					insertNode(_el$34, createTextNode(`Preset: default`));
+					effect((_$p) => setProp(_el$34, "fg", theme().textMuted, _$p));
+					return _el$33;
 				})();
 			},
 			children: (name) => (() => {
-				var _el$35 = createElement("box"), _el$36 = createElement("text"), _el$38 = createElement("text"), _el$39 = createElement("text");
-				insertNode(_el$35, _el$36);
-				insertNode(_el$35, _el$38);
-				insertNode(_el$35, _el$39);
-				setProp(_el$35, "flexDirection", "row");
-				setProp(_el$35, "gap", 1);
-				insertNode(_el$36, createTextNode(`⚡ Preset:`));
-				insert(_el$38, name);
-				insert(_el$39, () => `(${preset().source ?? ""})`);
+				var _el$36 = createElement("box"), _el$37 = createElement("text"), _el$39 = createElement("text"), _el$40 = createElement("text");
+				insertNode(_el$36, _el$37);
+				insertNode(_el$36, _el$39);
+				insertNode(_el$36, _el$40);
+				setProp(_el$36, "flexDirection", "row");
+				setProp(_el$36, "gap", 1);
+				insertNode(_el$37, createTextNode(`⚡ Preset:`));
+				insert(_el$39, name);
+				insert(_el$40, () => `(${preset().source ?? ""})`);
 				effect((_p$) => {
-					var _v$12 = theme().textMuted, _v$13 = theme().accent, _v$14 = theme().textMuted;
-					_v$12 !== _p$.e && (_p$.e = setProp(_el$36, "fg", _v$12, _p$.e));
-					_v$13 !== _p$.t && (_p$.t = setProp(_el$38, "fg", _v$13, _p$.t));
-					_v$14 !== _p$.a && (_p$.a = setProp(_el$39, "fg", _v$14, _p$.a));
+					var _v$11 = theme().textMuted, _v$12 = theme().accent, _v$13 = theme().textMuted;
+					_v$11 !== _p$.e && (_p$.e = setProp(_el$37, "fg", _v$11, _p$.e));
+					_v$12 !== _p$.t && (_p$.t = setProp(_el$39, "fg", _v$12, _p$.t));
+					_v$13 !== _p$.a && (_p$.a = setProp(_el$40, "fg", _v$13, _p$.a));
 					return _p$;
 				}, {
 					e: void 0,
 					t: void 0,
 					a: void 0
 				});
-				return _el$35;
+				return _el$36;
 			})()
-		}), _el$23);
-		insert(_el$21, createComponent(HR, {}), _el$23);
-		insertNode(_el$23, _el$24);
-		insertNode(_el$23, _el$25);
-		setProp(_el$23, "onMouseDown", () => setShowSessions((x) => !x));
-		setProp(_el$24, "attributes", 1);
-		insert(_el$24, () => `${showSessions() ? "▼" : "▶"} Sessions`);
-		insert(_el$25, () => ` (${String(totalSessions())})`);
-		insert(_el$21, createComponent(Show, {
+		}), _el$24);
+		insert(_el$22, createComponent(HR, {}), _el$24);
+		insertNode(_el$24, _el$25);
+		insertNode(_el$24, _el$26);
+		setProp(_el$24, "onMouseDown", () => setShowSessions((x) => !x));
+		setProp(_el$25, "attributes", 1);
+		insert(_el$25, () => `${showSessions() ? "▼" : "▶"} Sessions`);
+		insert(_el$26, () => ` (${String(totalSessions())})`);
+		insert(_el$22, createComponent(Show, {
 			get when() {
 				return showSessions();
 			},
@@ -1725,19 +1959,19 @@ function View(props) {
 					},
 					get fallback() {
 						return (() => {
-							var _el$40 = createElement("box"), _el$41 = createElement("text");
-							insertNode(_el$40, _el$41);
-							setProp(_el$40, "marginLeft", 1);
-							insertNode(_el$41, createTextNode(`No recent sessions`));
-							effect((_$p) => setProp(_el$41, "fg", theme().textMuted, _$p));
-							return _el$40;
+							var _el$41 = createElement("box"), _el$42 = createElement("text");
+							insertNode(_el$41, _el$42);
+							setProp(_el$41, "marginLeft", 1);
+							insertNode(_el$42, createTextNode(`No recent sessions`));
+							effect((_$p) => setProp(_el$42, "fg", theme().textMuted, _$p));
+							return _el$41;
 						})();
 					},
 					get children() {
-						var _el$26 = createElement("box");
-						setProp(_el$26, "marginLeft", 1);
-						setProp(_el$26, "flexDirection", "column");
-						insert(_el$26, createComponent(For, {
+						var _el$27 = createElement("box");
+						setProp(_el$27, "marginLeft", 1);
+						setProp(_el$27, "flexDirection", "column");
+						insert(_el$27, createComponent(For, {
 							get each() {
 								return recentSessions();
 							},
@@ -1748,18 +1982,18 @@ function View(props) {
 								session: ses
 							})
 						}));
-						return _el$26;
+						return _el$27;
 					}
 				});
 			}
-		}), _el$27);
-		insertNode(_el$27, _el$28);
-		insertNode(_el$27, _el$29);
-		setProp(_el$27, "onMouseDown", () => setShowDelegations((x) => !x));
-		setProp(_el$28, "attributes", 1);
-		insert(_el$28, () => `${showDelegations() ? "▼" : "▶"} Delegations`);
-		insert(_el$29, () => ` (${String(visibleDelegations().length)})`);
-		insert(_el$21, createComponent(Show, {
+		}), _el$28);
+		insertNode(_el$28, _el$29);
+		insertNode(_el$28, _el$30);
+		setProp(_el$28, "onMouseDown", () => setShowDelegations((x) => !x));
+		setProp(_el$29, "attributes", 1);
+		insert(_el$29, () => `${showDelegations() ? "▼" : "▶"} Delegations`);
+		insert(_el$30, () => ` ${delegationHeader()}`);
+		insert(_el$22, createComponent(Show, {
 			get when() {
 				return showDelegations();
 			},
@@ -1770,19 +2004,19 @@ function View(props) {
 					},
 					get fallback() {
 						return (() => {
-							var _el$43 = createElement("box"), _el$44 = createElement("text");
-							insertNode(_el$43, _el$44);
-							setProp(_el$43, "marginLeft", 1);
-							insertNode(_el$44, createTextNode(`No delegations`));
-							effect((_$p) => setProp(_el$44, "fg", theme().textMuted, _$p));
-							return _el$43;
+							var _el$44 = createElement("box"), _el$45 = createElement("text");
+							insertNode(_el$44, _el$45);
+							setProp(_el$44, "marginLeft", 1);
+							insertNode(_el$45, createTextNode(`No delegations`));
+							effect((_$p) => setProp(_el$45, "fg", theme().textMuted, _$p));
+							return _el$44;
 						})();
 					},
 					get children() {
-						var _el$30 = createElement("box");
-						setProp(_el$30, "marginLeft", 1);
-						setProp(_el$30, "flexDirection", "column");
-						insert(_el$30, createComponent(For, {
+						var _el$31 = createElement("box");
+						setProp(_el$31, "marginLeft", 1);
+						setProp(_el$31, "flexDirection", "column");
+						insert(_el$31, createComponent(For, {
 							get each() {
 								return visibleDelegations();
 							},
@@ -1798,19 +2032,79 @@ function View(props) {
 									return animationNow();
 								}
 							})
-						}));
-						return _el$30;
+						}), null);
+						insert(_el$31, createComponent(Show, {
+							get when() {
+								return delegationSplit().archived.length > 0;
+							},
+							get children() {
+								return (() => {
+									const archived = delegationSplit().archived;
+									const pageSize = 8;
+									const pages = Math.ceil(archived.length / pageSize);
+									const page = Math.min(archivedPage(), pages - 1);
+									const slice = archived.slice(page * pageSize, page * pageSize + pageSize);
+									return (() => {
+										var _el$47 = createElement("box"), _el$48 = createElement("box"), _el$49 = createElement("text"), _el$51 = createElement("text"), _el$52 = createElement("text"), _el$53 = createElement("text");
+										insertNode(_el$47, _el$48);
+										setProp(_el$47, "flexDirection", "column");
+										insertNode(_el$48, _el$49);
+										insertNode(_el$48, _el$51);
+										insertNode(_el$48, _el$52);
+										insertNode(_el$48, _el$53);
+										setProp(_el$48, "flexDirection", "row");
+										setProp(_el$48, "marginLeft", 0);
+										insertNode(_el$49, createTextNode(`‹ `));
+										setProp(_el$49, "onMouseDown", () => clampArchivedPage(page - 1, pages));
+										insert(_el$51, () => `Archived (${archived.length}) `);
+										insert(_el$52, `${page + 1}/${pages}`);
+										insertNode(_el$53, createTextNode(` ›`));
+										setProp(_el$53, "onMouseDown", () => clampArchivedPage(page + 1, pages));
+										insert(_el$47, createComponent(For, {
+											each: slice,
+											children: (job) => createComponent(DelegationRow, {
+												get api() {
+													return props.api;
+												},
+												job,
+												get now() {
+													return now();
+												},
+												get animationNow() {
+													return animationNow();
+												}
+											})
+										}), null);
+										effect((_p$) => {
+											var _v$14 = theme().textMuted, _v$15 = theme().textMuted, _v$16 = theme().textMuted, _v$17 = theme().textMuted;
+											_v$14 !== _p$.e && (_p$.e = setProp(_el$49, "fg", _v$14, _p$.e));
+											_v$15 !== _p$.t && (_p$.t = setProp(_el$51, "fg", _v$15, _p$.t));
+											_v$16 !== _p$.a && (_p$.a = setProp(_el$52, "fg", _v$16, _p$.a));
+											_v$17 !== _p$.o && (_p$.o = setProp(_el$53, "fg", _v$17, _p$.o));
+											return _p$;
+										}, {
+											e: void 0,
+											t: void 0,
+											a: void 0,
+											o: void 0
+										});
+										return _el$47;
+									})();
+								})();
+							}
+						}), null);
+						return _el$31;
 					}
 				});
 			}
 		}), null);
 		effect((_p$) => {
-			var _v$9 = theme().accent, _v$0 = theme().text, _v$1 = theme().textMuted, _v$10 = theme().text, _v$11 = theme().textMuted;
-			_v$9 !== _p$.e && (_p$.e = setProp(_el$22, "fg", _v$9, _p$.e));
-			_v$0 !== _p$.t && (_p$.t = setProp(_el$24, "fg", _v$0, _p$.t));
-			_v$1 !== _p$.a && (_p$.a = setProp(_el$25, "fg", _v$1, _p$.a));
-			_v$10 !== _p$.o && (_p$.o = setProp(_el$28, "fg", _v$10, _p$.o));
-			_v$11 !== _p$.i && (_p$.i = setProp(_el$29, "fg", _v$11, _p$.i));
+			var _v$8 = theme().accent, _v$9 = theme().text, _v$0 = theme().textMuted, _v$1 = theme().text, _v$10 = theme().textMuted;
+			_v$8 !== _p$.e && (_p$.e = setProp(_el$23, "fg", _v$8, _p$.e));
+			_v$9 !== _p$.t && (_p$.t = setProp(_el$25, "fg", _v$9, _p$.t));
+			_v$0 !== _p$.a && (_p$.a = setProp(_el$26, "fg", _v$0, _p$.a));
+			_v$1 !== _p$.o && (_p$.o = setProp(_el$29, "fg", _v$1, _p$.o));
+			_v$10 !== _p$.i && (_p$.i = setProp(_el$30, "fg", _v$10, _p$.i));
 			return _p$;
 		}, {
 			e: void 0,
@@ -1819,7 +2113,7 @@ function View(props) {
 			o: void 0,
 			i: void 0
 		});
-		return _el$21;
+		return _el$22;
 	})();
 }
 const tui = (api, _options, _meta) => {
@@ -1839,6 +2133,8 @@ const tui = (api, _options, _meta) => {
 			const props = event?.properties ?? {};
 			const part = props.part ?? props.info?.part;
 			if (part === void 0) return;
+			const sample = extractToolActivity(part);
+			if (sample !== null) trackToolActivity(latestToolActivity, sample.sessionID, sample.activity);
 			if (reduceDelegationToolPart(liveStore.map, part)) liveStore.bump();
 		}));
 	} catch {}
@@ -1877,6 +2173,6 @@ const plugin = {
 	setup: async () => {}
 };
 //#endregion
-export { IDLE_SILENCE_MS, STALE_RUNNING_THRESHOLD_MS, buildChildrenPath, childStatusToState, childrenToDelegationEntries, collectDelegationToolParts, compareDelegationEntries, plugin as default, delegationActivity, delegationActivityLabel, delegationElapsed, delegationSpinnerFrame, delegationTag, fmtElapsed, isValidSessionId, markStaleIfRunning, mergeChildDelegationSources, mergeDelegationSources, navigateToDelegationSession, panelLogDir, parseDelegationMarkdown, parseDelegationToolPart, readAllDelegationEntries, readDelegationEntries, reduceDelegationToolPart, removeDelegationEntry, resolveCurrentSessionID, resolveDelegationsDir, safeSessionPath, seedLiveDelegationMap, toDelegationEntry, tuiLogPath, visibleDelegationList };
+export { DELEGATION_DESCRIPTION_MAX, DELEGATION_ELAPSED_WIDTH, DELEGATION_STATE_GLYPHS, IDLE_SILENCE_MS, STALE_RUNNING_THRESHOLD_MS, buildChildrenPath, childStatusToState, childrenToDelegationEntries, collectDelegationToolParts, compareDelegationEntries, countDelegationSources, plugin as default, delegationActivity, delegationActivityLabel, delegationElapsed, delegationIcon, delegationSpinnerFrame, delegationStateGlyph, delegationStateMarker, delegationStateTone, delegationTag, extractToolActivity, fmtElapsed, formatDelegationElapsed, formatDelegationHeader, formatDelegationIdentity, formatDelegationRow, formatPanelLogLine, isValidSessionId, latestToolActivityFor, markStaleIfRunning, mergeChildDelegationSources, mergeDelegationSources, navigateToDelegationSession, panelLogDir, parseDelegationMarkdown, parseDelegationToolPart, readAllDelegationEntries, readDelegationEntries, reduceDelegationToolPart, removeDelegationEntry, resolveCurrentSessionID, resolveDelegationsDir, safeSessionPath, seedLiveDelegationMap, splitDelegationList, toDelegationEntry, trackToolActivity, truncateDelegationDescription, tuiLogPath, visibleDelegationList };
 
 //# sourceMappingURL=tui.js.map