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

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

@@ -10,9 +10,10 @@ import { For, Show, createEffect, createMemo, createResource, createSignal, onCl
 /**
 * pantheon-tui — Pantheon TUI plugin for opencode.
 *
-* Single self-contained entry file: `tsdown && cp src/index.tsx dist/tui.tsx`
-* keeps the no-build load path working (dist/tui.tsx is raw source, transpiled
-* on the fly by opencode). All feature code lives in this one file.
+* Bundled entry: `tsdown` emits `dist/tui.js`, and the package `exports`
+* (`./tui` → ./dist/tui.js, `./server` → ./dist/server.js) is the ONLY load
+* path — no raw TSX copy is shipped. Because the bundle inlines relative
+* imports, this entry may be split into modules without breaking the loader.
 *
 * Slots:
 *   - sidebar_content        (order 900) — Pantheon sidebar (header/version/
@@ -164,7 +165,7 @@ async function detectVersion(api) {
 			if (ver) return ver;
 		}
 	} catch {}
-	return "1.5.0-beta.11";
+	return "1.5.0-beta.13";
 }
 /**
 * usage-bar — AI subscription usage gauge for the opencode TUI.
@@ -839,17 +840,74 @@ async function readDelegationEntries(dir) {
 async function readAllDelegationEntries(root) {
 	return readDelegationEntries(join(root, ".pantheon", "delegations"));
 }
+/** The persisted subset of BackgroundJobRecord the panel consumes. Duck-typed
+*  so a corrupt/older record never breaks parsing. */
+/** The FilePersistence state path: `<root>/.pantheon/board/state.json`. */
+function boardStatePath(root) {
+	return join(root, ".pantheon", "board", "state.json");
+}
+/** Validate one parsed record, keeping only the fields the panel uses.
+*  Returns null for anything without a taskID/state (a corrupt entry is
+*  skipped individually — the rest of the snapshot still loads). */
+function normalizeBoardRecord(item) {
+	if (typeof item !== "object" || item === null) return null;
+	const rec = item;
+	if (typeof rec.taskID !== "string" || rec.taskID === "") return null;
+	if (typeof rec.state !== "string" || rec.state === "") return null;
+	const record = {
+		taskID: rec.taskID,
+		parentSessionID: typeof rec.parentSessionID === "string" ? rec.parentSessionID : "",
+		agent: typeof rec.agent === "string" && rec.agent !== "" ? rec.agent : "agent",
+		state: rec.state,
+		alias: typeof rec.alias === "string" ? rec.alias : ""
+	};
+	if (typeof rec.description === "string") record.description = rec.description;
+	if (typeof rec.launchedAt === "number" && Number.isFinite(rec.launchedAt)) record.launchedAt = rec.launchedAt;
+	if (typeof rec.completedAt === "number" && Number.isFinite(rec.completedAt)) record.completedAt = rec.completedAt;
+	if (typeof rec.updatedAt === "number" && Number.isFinite(rec.updatedAt)) record.updatedAt = rec.updatedAt;
+	if (typeof rec.timedOut === "boolean") record.timedOut = rec.timedOut;
+	return record;
+}
+/** Read `.pantheon/board/state.json` (the cross-session job board snapshot).
+*  Fail-open: missing file, corrupt JSON, non-array payload or an unreadable
+*  path all yield [] — the panel keeps rendering from the other channels. */
+async function readBoardState(root) {
+	let raw;
+	try {
+		raw = await readFile(boardStatePath(root), "utf8");
+	} catch {
+		return [];
+	}
+	let parsed;
+	try {
+		parsed = JSON.parse(raw);
+	} catch {
+		return [];
+	}
+	if (!Array.isArray(parsed)) return [];
+	const records = [];
+	for (const item of parsed) {
+		const record = normalizeBoardRecord(item);
+		if (record !== null) records.push(record);
+	}
+	return records;
+}
+/** Resolve the PROJECT ROOT used by every pantheon file channel. `directory`
+*  wins over `worktree` (the old `resolveDelegationsDir` already did this);
+*  an absent/empty root or `/` (no git — e.g. the sandbox test project) falls
+*  back to cwd. Standardised here so the delegations md, the board state file
+*  and the panel logger all read the SAME root (audit finding: the channels
+*  resolved the root independently). Pure — no I/O. */
+function resolvePantheonRoot(state, cwd = process.cwd()) {
+	const root = state?.directory ?? state?.worktree ?? "";
+	if (root === "" || root === "/") return cwd;
+	return root;
+}
 /** Resolve the directory where the job board writes delegation md reports.
 *  The board writes `.pantheon/delegations` RELATIVE to the server cwd,
-*  which the TUI exposes as `TuiState.path.directory`. `project` does NOT
-*  exist on `TuiState.path` (the old `state?.project ?? state?.worktree`
-*  resolution was always undefined for the first term) and `worktree` is
-*  `/` when there is no git (e.g. the sandbox test project) — a root of
-*  `''` or `'/'` must fall back to `process.cwd()`. */
+*  which the TUI exposes as `TuiState.path.directory`. */
 function resolveDelegationsDir(state, cwd = process.cwd()) {
-	const root = state?.directory ?? state?.worktree ?? "";
-	if (root === "" || root === "/") return join(cwd, ".pantheon", "delegations");
-	return join(root, ".pantheon", "delegations");
+	return join(resolvePantheonRoot(state, cwd), ".pantheon", "delegations");
 }
 /** Project root derived from the delegations dir: `<root>/.pantheon/delegations`
 *  → `<root>`. Used to point the panel logger at the REAL hooks.log — passing
@@ -875,22 +933,19 @@ function compareDelegationEntries(a, b) {
 	return (b.updatedAt ?? b.startedAt) - (a.updatedAt ?? a.startedAt);
 }
 /** 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
+*  then the most recent terminal reports; the remaining tail is collapsed
+*  by the View into a single "… +N more" line. 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)
+		active: all.filter((d) => isActiveState(d.state)).map((d) => markStaleIfRunning(d, now, staleThresholdMs)),
+		recent: all.filter((d) => !isActiveState(d.state)).slice(0, 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. */
+/** Live-first window used by {@link ceilingDelegationList} (kept for the
+*  ceiling helper and existing tests): active jobs first, then the most
+*  recent terminal reports (capped). Pure. */
 function visibleDelegationList(all, maxTerminal = 8, now = Date.now(), staleThresholdMs = 1800 * 1e3) {
 	const { active, recent } = splitDelegationList(all, maxTerminal, now, staleThresholdMs);
 	return [...active, ...recent];
@@ -918,7 +973,7 @@ function markStaleIfRunning(entry, now, thresholdMs = STALE_RUNNING_THRESHOLD_MS
 		state: "stale-running"
 	};
 }
-/** Compact elapsed-time label: "5m 12s", "1h 30m", "2d 4h" — ticks every
+/** Compact elapsed-time label, single unit only: "12s"/"3m"/"1h"/"2d" — ticks every
 *  second for running jobs. */
 function fmtElapsed(ms) {
 	const total = Math.max(0, Math.floor(ms / 1e3));
@@ -926,9 +981,9 @@ function fmtElapsed(ms) {
 	const hours = Math.floor(total % 86400 / 3600);
 	const minutes = Math.floor(total % 3600 / 60);
 	const seconds = total % 60;
-	if (days > 0) return `${days}d ${hours}h`;
-	if (hours > 0) return `${hours}h ${minutes}m`;
-	if (minutes > 0) return `${minutes}m ${seconds}s`;
+	if (days > 0) return `${days}d`;
+	if (hours > 0) return `${hours}h`;
+	if (minutes > 0) return `${minutes}m`;
 	return `${seconds}s`;
 }
 /** Elapsed label for one entry: an ACTIVE entry (running/retry/stale-running)
@@ -982,32 +1037,12 @@ function delegationSpinnerFrame(now) {
 *  (`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. */
+/** Color is the ONLY channel separating `stale-running` from a live `running`
+*  row — the 4-glyph row design has no dedicated stale shape. Display-only;
+*  no behavior change. */
 function delegationStateTone(state) {
 	switch (state) {
 		case "running":
@@ -1024,9 +1059,6 @@ function delegationStateTone(state) {
 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 "";
@@ -1097,6 +1129,11 @@ function mergeChildDelegationSources(children, live) {
 	for (const liveEntry of live) {
 		if (liveEntry.alias === null && liveEntry.taskID === null && Date.now() - liveEntry.startedAt > 3e4) continue;
 		const incoming = toDelegationEntry(liveEntry);
+		const isNativeLive = liveEntry.tool === "task" && liveEntry.alias === null;
+		if (isNativeLive) {
+			incoming.source = "children-only";
+			incoming.alias = "native-task";
+		}
 		const index = (incoming.taskID !== void 0 ? byTask.get(incoming.taskID) : void 0) ?? (incoming.alias !== "" ? bySessionAlias.get(key(incoming.sessionID, incoming.alias)) : void 0);
 		if (index === void 0) {
 			result.push(incoming);
@@ -1124,7 +1161,7 @@ function mergeChildDelegationSources(children, live) {
 			startedAt: Math.min(existing.startedAt, incoming.startedAt),
 			updatedAt: incoming.updatedAt,
 			read: incoming.read,
-			source: "live"
+			source: isNativeLive ? existing.source : "live"
 		};
 	}
 	result.sort(compareDelegationEntries);
@@ -1308,7 +1345,7 @@ function removeDelegationEntry(map, partIDOrCallID) {
 *  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
+*  (rows come from 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 = [];
@@ -1379,6 +1416,76 @@ function mergeDelegationSources(live, md) {
 	all.sort(compareDelegationEntries);
 	return all;
 }
+/** Job-board FSM → panel display state. `reconciled` is intentionally absent:
+*  the panel parser rejects it (a reconciled job is done and folded away). */
+const BOARD_STATE_TO_DISPLAY = {
+	running: "running",
+	completed: "completed",
+	error: "error",
+	startup_failed: "startup_failed",
+	startup_unknown: "startup_unknown",
+	cancelled: "cancelled"
+};
+/** Map one persisted board record into the display shape. Returns null for
+*  states the panel does not render (reconciled / unknown). Pure. */
+function boardRecordToDelegationEntry(record) {
+	const state = BOARD_STATE_TO_DISPLAY[record.state];
+	if (state === void 0) return null;
+	const running = state === "running";
+	return {
+		alias: record.alias !== "" ? record.alias : `job-${record.taskID.slice(0, 8)}`,
+		sessionID: record.parentSessionID,
+		taskID: record.taskID,
+		agent: record.agent,
+		state,
+		startedAt: record.launchedAt ?? record.updatedAt ?? 0,
+		updatedAt: running ? null : record.completedAt ?? record.updatedAt ?? null,
+		timedOut: record.timedOut === true,
+		description: record.description ?? "",
+		source: "board"
+	};
+}
+/** Map a whole board snapshot, dropping unrenderable states. Sorted like every
+*  other channel (running first, then most recent). Pure. */
+function boardRecordsToDelegationEntries(records) {
+	const out = [];
+	for (const record of records) {
+		const entry = boardRecordToDelegationEntry(record);
+		if (entry !== null) out.push(entry);
+	}
+	out.sort(compareDelegationEntries);
+	return out;
+}
+/** Merge the board over any other channel. The board is AUTHORITATIVE for
+*  state/alias/agent (it is the persisted FSM) and it is the only channel
+*  that carries jobs from OTHER sessions. Dedup by taskID first, then by
+*  (sessionID, alias) — aliases are per parent session. Pure. */
+function mergeBoardDelegationSources(base, board) {
+	const key = (sessionID, alias) => `${sessionID}\u0000${alias}`;
+	const byTaskID = /* @__PURE__ */ new Map();
+	const bySessionAlias = /* @__PURE__ */ new Map();
+	const out = [...base];
+	out.forEach((entry, index) => {
+		if (entry.taskID !== void 0) byTaskID.set(entry.taskID, index);
+		bySessionAlias.set(key(entry.sessionID, entry.alias), index);
+	});
+	for (const incoming of board) {
+		const index = (incoming.taskID !== void 0 ? byTaskID.get(incoming.taskID) : void 0) ?? bySessionAlias.get(key(incoming.sessionID, incoming.alias));
+		if (index === void 0) {
+			out.push(incoming);
+			const next = out.length - 1;
+			if (incoming.taskID !== void 0) byTaskID.set(incoming.taskID, next);
+			bySessionAlias.set(key(incoming.sessionID, incoming.alias), next);
+			continue;
+		}
+		out[index] = {
+			...incoming,
+			sessionID: incoming.sessionID !== "" ? incoming.sessionID : out[index]?.sessionID ?? ""
+		};
+	}
+	out.sort(compareDelegationEntries);
+	return out;
+}
 /** Server-aligned session id validity: opencode rejects anything not starting
 *  with "ses" (SchemaError). This deliberately mirrors that exact contract —
 *  nothing stricter, nothing looser — so a template placeholder ("{sessionID}"),
@@ -1435,33 +1542,59 @@ function childStatusToState(status) {
 	if (status === "retry") return "retry";
 	return "running";
 }
-/** 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.
+/** Status-only row model: ONE glyph + ONE identity per row.
 *
-*  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" ? `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}`;
+*  A row is
+*  `{glyph} {alias:7} {elapsed:>5}` plus a muted description line. The short
+*  alias (`apo-1`) is the single identity; rows without a board alias show
+*  the agent instead (never both). */
+/** Map every FSM/display state to one of the 4 row kinds. reconciled never
+*  reaches the panel (the board parser drops it) but reads as done;
+*  cancelled reads as done; startup_failed reads as failed while
+*  startup_unknown (no error known) reads as retry. Pure. */
+function delegationRowStatus(state) {
+	switch (state) {
+		case "running":
+		case "stale-running": return "active";
+		case "retry":
+		case "startup_unknown": return "retry";
+		case "completed":
+		case "cancelled": return "done";
+		case "error":
+		case "startup_failed": return "failed";
+	}
+}
+/** The only 4 glyphs a row may show: animated active, done, failed, retry.
+*  Shape is redundant with color (never the only signal). Pure. */
+const DELEGATION_ROW_GLYPHS = {
+	active: "⠋",
+	done: "✓",
+	failed: "✕",
+	retry: "⟳"
+};
+function delegationRowGlyph(status) {
+	return DELEGATION_ROW_GLYPHS[status];
+}
+/** Row marker (`<glyph> `) — the single state channel. `active` animates
+*  through the 1s spinner for the given tick; every other kind is static.
+*  Pure. */
+function delegationRowMarker(state, now = Date.now()) {
+	const status = delegationRowStatus(state);
+	return `${status === "active" ? delegationSpinnerFrame(now) : delegationRowGlyph(status)} `;
+}
+/** ONE identity per row: the short board alias (`apo-1`); a row without a
+*  board alias (native task() child, alias `native-task`) shows the agent
+*  instead — never alias + agent stacked. Pure. */
+function delegationRowIdentity(entry) {
+	if (entry.alias === "native-task" && entry.agent !== "") return entry.agent;
+	return entry.alias;
+}
+/** Fixed alias cell, pad-right + hard-truncate to `width` (default 7) so
+*  identities line up across rows. Pure. */
+const DELEGATION_ALIAS_WIDTH = 7;
+function formatDelegationAlias(identity, width = 7) {
+	if (identity.length >= width) return identity.slice(0, width);
+	return `${identity}${" ".repeat(width - identity.length)}`;
 }
 /** Max description width on the row detail line — the old 180-char slice
 *  wrapped the sidebar; 44 keeps one readable line. */
@@ -1487,33 +1620,61 @@ function truncateDelegationDescription(text, max = 44) {
 	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
+/** Fixed elapsed-time box: right-aligned to `width` (default 5) 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 DELEGATION_ELAPSED_WIDTH = 5;
+function formatDelegationElapsed(entry, now, width = 5) {
 	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. */
+/** Colored left half of a row line: `<marker><alias:7> ` — the state glyph
+*  plus the single identity, padded so the muted elapsed column aligns. The
+*  row renders this colored lead separately from the muted elapsed tail. Pure. */
+function formatDelegationRowLead(entry, marker) {
+	return `${marker}${formatDelegationAlias(delegationRowIdentity(entry))} `;
+}
+/** Visible-row ceiling for the panel: the remainder collapses into a single
+*  "… +N more" line. Live rows render first, so a running job is never hidden
+*  by the cap. */
+const DELEGATION_VISIBLE_CEILING = 8;
+/** Header summary: `(N active · M done)` plus `· K failed` only when K > 0.
+*  Active counts running/retry AND display-only stale-running (a stale row is
+*  still a live job — it must never read as done); failed counts
+*  error/startup_failed; cancelled reads 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})`;
+	let done = 0;
+	let failed = 0;
+	for (const e of entries) switch (delegationRowStatus(e.state)) {
+		case "active":
+		case "retry":
+			active++;
+			break;
+		case "failed":
+			failed++;
+			break;
+		case "done":
+			done++;
+			break;
+	}
+	const tail = failed > 0 ? ` · ${failed} failed` : "";
+	return `(${active} active · ${done} done${tail})`;
+}
+/** Cap the panel: live rows first, then most-recent terminal rows, at most
+*  `maxVisible` total. `hidden` is how many were dropped (rendered as
+*  "… +N more"). Pure. */
+function ceilingDelegationList(all, maxVisible = 8, now = Date.now()) {
+	const visible = visibleDelegationList(all, maxVisible, now).slice(0, maxVisible);
+	return {
+		visible,
+		hidden: Math.max(0, all.length - visible.length)
+	};
 }
 /** 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. */
+*  as pantheon. Pure — powers the hooks.log line. */
 function countDelegationSources(entries) {
 	let native = 0;
 	for (const e of entries) if (e.source === "children-only") native++;
@@ -1538,15 +1699,18 @@ function formatPanelLogLine(children, pantheon, native, md, events) {
 *  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',
-*  the internal alias 'native-task' and the `nat:` tag instead of a
+*  the internal alias 'native-task' 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. A running child is NEVER archived — it always
 *  lands in the active split (splitDelegationList active = running/retry).
+*  `parentSessionID` (the focused session id) is stamped on report-less
+*  children so the row carries its origin session; omit it and they stay
+*  unscoped ('').
 *  Sorted running-first (compareDelegationEntries).
 *  Pure — no I/O. */
-function childrenToDelegationEntries(children, md, now = Date.now()) {
+function childrenToDelegationEntries(children, md, now = Date.now(), parentSessionID = "") {
 	const byTaskID = /* @__PURE__ */ new Map();
 	for (const m of md) if (m.taskID !== void 0 && !byTaskID.has(m.taskID)) byTaskID.set(m.taskID, m);
 	const out = [];
@@ -1558,7 +1722,7 @@ function childrenToDelegationEntries(children, md, now = Date.now()) {
 		const state = mdEntry !== void 0 && mdEntry.state !== "running" ? mdEntry.state : childStatusToState(child.status);
 		out.push({
 			alias: mdEntry?.alias ?? "native-task",
-			sessionID: mdEntry?.sessionID ?? "",
+			sessionID: mdEntry?.sessionID ?? parentSessionID,
 			taskID: child.id,
 			agent: mdEntry?.agent ?? child.agent ?? "agent",
 			state,
@@ -1644,7 +1808,7 @@ function SessionRow(props) {
 }
 function DelegationRow(props) {
 	const theme = () => props.api.theme.current;
-	const color = createMemo(() => {
+	const tone = createMemo(() => {
 		const t = theme();
 		switch (delegationStateTone(props.job.state)) {
 			case "warning": return t.warning;
@@ -1653,57 +1817,54 @@ function DelegationRow(props) {
 			default: return t.textMuted;
 		}
 	});
-	const marker = createMemo(() => delegationStateMarker(props.job.state, props.animationNow));
-	const tagColor = createMemo(() => props.job.source === "children-only" ? theme().info : color());
-	const description = createMemo(() => truncateDelegationDescription(props.job.description));
+	const marker = createMemo(() => delegationRowMarker(props.job.state, props.animationNow));
+	const lead = createMemo(() => formatDelegationRowLead(props.job, marker()));
 	const elapsed = createMemo(() => formatDelegationElapsed(props.job, props.now));
+	const description = createMemo(() => truncateDelegationDescription(props.job.description));
 	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("box"), _el$18 = createElement("text");
+		var _el$13 = createElement("box"), _el$14 = createElement("box"), _el$15 = createElement("text"), _el$16 = createElement("span"), _el$17 = createElement("span");
 		insertNode(_el$13, _el$14);
-		insertNode(_el$13, _el$16);
 		setProp(_el$13, "onMouseDown", open);
 		insertNode(_el$14, _el$15);
 		setProp(_el$14, "flexDirection", "row");
-		insert(_el$15, () => formatDelegationRow(props.job, marker()));
-		insertNode(_el$16, _el$18);
-		setProp(_el$16, "flexDirection", "row");
-		insert(_el$16, createComponent(Show, {
+		insertNode(_el$15, _el$16);
+		insertNode(_el$15, _el$17);
+		insert(_el$16, lead);
+		insert(_el$17, elapsed);
+		insert(_el$13, 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;
+				var _el$18 = createElement("text");
+				insert(_el$18, () => `  ${description()}`);
+				effect((_$p) => setProp(_el$18, "fg", theme().textMuted, _$p));
+				return _el$18;
 			}
-		}), _el$18);
-		insert(_el$18, elapsed);
+		}), null);
 		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}` : ""}`)}`);
+				insert(_el$19, () => `  ↳ ${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 = 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, "justifyContent", _v$6, _p$.t));
-			_v$7 !== _p$.a && (_p$.a = setProp(_el$18, "fg", _v$7, _p$.a));
+			var _v$5 = tone(), _v$6 = theme().textMuted;
+			_v$5 !== _p$.e && (_p$.e = setProp(_el$16, "fg", _v$5, _p$.e));
+			_v$6 !== _p$.t && (_p$.t = setProp(_el$17, "fg", _v$6, _p$.t));
 			return _p$;
 		}, {
 			e: void 0,
-			t: void 0,
-			a: void 0
+			t: void 0
 		});
 		return _el$13;
 	})();
@@ -1761,8 +1922,8 @@ function View(props) {
 			return (b.time?.updated ?? b.updated ?? 0) - ta;
 		}).slice(0, 8);
 	});
-	const delegationsDir = createMemo(() => resolveDelegationsDir(props.api.state.path));
-	const panelLog = createTuiLogger(panelLogDir(delegationsDir()));
+	const projectRoot = createMemo(() => resolvePantheonRoot(props.api.state.path));
+	const panelLog = createTuiLogger(projectRoot());
 	const [childDelegations, setChildDelegations] = createSignal([]);
 	const [now, setNow] = createSignal(Date.now());
 	const [animationNow, setAnimationNow] = createSignal(Date.now());
@@ -1775,17 +1936,23 @@ function View(props) {
 				const state = props.api.state;
 				let md = [];
 				try {
-					md = await readAllDelegationEntries(panelLogDir(delegationsDir()));
+					md = await readAllDelegationEntries(projectRoot());
 				} catch {
 					md = [];
 				}
+				let board = [];
+				try {
+					board = boardRecordsToDelegationEntries(await readBoardState(projectRoot()));
+				} catch {
+					board = [];
+				}
 				const sessionID = resolveCurrentSessionID({
 					sessionID: props.sessionID,
 					api: props.api
 				});
 				if (sessionID === null) {
-					setChildDelegations(md);
-					panelLog.info(`${formatPanelLogLine(0, 0, 0, md.length, eventRefreshCount)} (no sessionID — history shown)`);
+					setChildDelegations(mergeBoardDelegationSources(md, board));
+					panelLog.info(`${formatPanelLogLine(0, 0, 0, md.length, eventRefreshCount)} (no sessionID — history+board shown)`);
 					return;
 				}
 				let children = [];
@@ -1808,10 +1975,10 @@ function View(props) {
 				const childEntries = childrenToDelegationEntries(children.map((c) => ({
 					...c,
 					status: resolveStatus(c.id)
-				})), md, now());
+				})), md, now(), sessionID);
 				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));
+				setChildDelegations(mergeBoardDelegationSources(mergeChildDelegationSources(childEntries, liveEntries), board));
 				const counts = countDelegationSources(childEntries);
 				panelLog.info(formatPanelLogLine(children.length, counts.pantheon, counts.native, md.length, eventRefreshCount));
 			} finally {
@@ -1820,15 +1987,8 @@ function View(props) {
 		})();
 		return delegationsInflight;
 	};
-	const delegationSplit = createMemo(() => splitDelegationList(childDelegations()));
-	const visibleDelegations = createMemo(() => [...delegationSplit().active, ...delegationSplit().recent]);
+	const delegationCeiling = createMemo(() => ceilingDelegationList(childDelegations(), 8, now()));
 	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 {
@@ -1896,10 +2056,10 @@ function View(props) {
 				return branch();
 			},
 			children: (b) => (() => {
-				var _el$32 = createElement("text");
-				insert(_el$32, b);
-				effect((_$p) => setProp(_el$32, "fg", theme().textMuted, _$p));
-				return _el$32;
+				var _el$33 = createElement("text");
+				insert(_el$33, b);
+				effect((_$p) => setProp(_el$33, "fg", theme().textMuted, _$p));
+				return _el$33;
 			})()
 		}), _el$24);
 		insert(_el$22, createComponent(Show, {
@@ -1908,37 +2068,37 @@ function View(props) {
 			},
 			get fallback() {
 				return (() => {
-					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;
+					var _el$34 = createElement("box"), _el$35 = createElement("text");
+					insertNode(_el$34, _el$35);
+					setProp(_el$34, "flexDirection", "row");
+					setProp(_el$34, "gap", 1);
+					insertNode(_el$35, createTextNode(`Preset: default`));
+					effect((_$p) => setProp(_el$35, "fg", theme().textMuted, _$p));
+					return _el$34;
 				})();
 			},
 			children: (name) => (() => {
-				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 ?? ""})`);
+				var _el$37 = createElement("box"), _el$38 = createElement("text"), _el$40 = createElement("text"), _el$41 = createElement("text");
+				insertNode(_el$37, _el$38);
+				insertNode(_el$37, _el$40);
+				insertNode(_el$37, _el$41);
+				setProp(_el$37, "flexDirection", "row");
+				setProp(_el$37, "gap", 1);
+				insertNode(_el$38, createTextNode(`⚡ Preset:`));
+				insert(_el$40, name);
+				insert(_el$41, () => `(${preset().source ?? ""})`);
 				effect((_p$) => {
-					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));
+					var _v$10 = theme().textMuted, _v$11 = theme().accent, _v$12 = theme().textMuted;
+					_v$10 !== _p$.e && (_p$.e = setProp(_el$38, "fg", _v$10, _p$.e));
+					_v$11 !== _p$.t && (_p$.t = setProp(_el$40, "fg", _v$11, _p$.t));
+					_v$12 !== _p$.a && (_p$.a = setProp(_el$41, "fg", _v$12, _p$.a));
 					return _p$;
 				}, {
 					e: void 0,
 					t: void 0,
 					a: void 0
 				});
-				return _el$36;
+				return _el$37;
 			})()
 		}), _el$24);
 		insert(_el$22, createComponent(HR, {}), _el$24);
@@ -1959,12 +2119,12 @@ function View(props) {
 					},
 					get fallback() {
 						return (() => {
-							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;
+							var _el$42 = createElement("box"), _el$43 = createElement("text");
+							insertNode(_el$42, _el$43);
+							setProp(_el$42, "marginLeft", 1);
+							insertNode(_el$43, createTextNode(`No recent sessions`));
+							effect((_$p) => setProp(_el$43, "fg", theme().textMuted, _$p));
+							return _el$42;
 						})();
 					},
 					get children() {
@@ -1992,7 +2152,10 @@ function View(props) {
 		setProp(_el$28, "onMouseDown", () => setShowDelegations((x) => !x));
 		setProp(_el$29, "attributes", 1);
 		insert(_el$29, () => `${showDelegations() ? "▼" : "▶"} Delegations`);
-		insert(_el$30, () => ` ${delegationHeader()}`);
+		insert(_el$30, (() => {
+			var _c$ = memo(() => childDelegations().length > 0);
+			return () => _c$() ? ` ${delegationHeader()}` : " — idle";
+		})());
 		insert(_el$22, createComponent(Show, {
 			get when() {
 				return showDelegations();
@@ -2000,16 +2163,16 @@ function View(props) {
 			get children() {
 				return createComponent(Show, {
 					get when() {
-						return visibleDelegations().length > 0;
+						return delegationCeiling().visible.length > 0;
 					},
 					get fallback() {
 						return (() => {
-							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;
+							var _el$45 = createElement("box"), _el$46 = createElement("text");
+							insertNode(_el$45, _el$46);
+							setProp(_el$45, "marginLeft", 1);
+							insertNode(_el$46, createTextNode(`No delegations`));
+							effect((_$p) => setProp(_el$46, "fg", theme().textMuted, _$p));
+							return _el$45;
 						})();
 					},
 					get children() {
@@ -2018,7 +2181,7 @@ function View(props) {
 						setProp(_el$31, "flexDirection", "column");
 						insert(_el$31, createComponent(For, {
 							get each() {
-								return visibleDelegations();
+								return delegationCeiling().visible;
 							},
 							children: (job) => createComponent(DelegationRow, {
 								get api() {
@@ -2035,62 +2198,13 @@ function View(props) {
 						}), null);
 						insert(_el$31, createComponent(Show, {
 							get when() {
-								return delegationSplit().archived.length > 0;
+								return delegationCeiling().hidden > 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;
-									})();
-								})();
+								var _el$32 = createElement("text");
+								insert(_el$32, () => `… +${delegationCeiling().hidden} more`);
+								effect((_$p) => setProp(_el$32, "fg", theme().textMuted, _$p));
+								return _el$32;
 							}
 						}), null);
 						return _el$31;
@@ -2099,12 +2213,12 @@ function View(props) {
 			}
 		}), null);
 		effect((_p$) => {
-			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));
+			var _v$7 = theme().accent, _v$8 = theme().text, _v$9 = theme().textMuted, _v$0 = theme().text, _v$1 = theme().textMuted;
+			_v$7 !== _p$.e && (_p$.e = setProp(_el$23, "fg", _v$7, _p$.e));
+			_v$8 !== _p$.t && (_p$.t = setProp(_el$25, "fg", _v$8, _p$.t));
+			_v$9 !== _p$.a && (_p$.a = setProp(_el$26, "fg", _v$9, _p$.a));
+			_v$0 !== _p$.o && (_p$.o = setProp(_el$29, "fg", _v$0, _p$.o));
+			_v$1 !== _p$.i && (_p$.i = setProp(_el$30, "fg", _v$1, _p$.i));
 			return _p$;
 		}, {
 			e: void 0,
@@ -2173,6 +2287,6 @@ const plugin = {
 	setup: async () => {}
 };
 //#endregion
-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 };
+export { DELEGATION_ALIAS_WIDTH, DELEGATION_DESCRIPTION_MAX, DELEGATION_ELAPSED_WIDTH, DELEGATION_ROW_GLYPHS, DELEGATION_VISIBLE_CEILING, IDLE_SILENCE_MS, STALE_RUNNING_THRESHOLD_MS, boardRecordToDelegationEntry, boardRecordsToDelegationEntries, boardStatePath, buildChildrenPath, ceilingDelegationList, childStatusToState, childrenToDelegationEntries, collectDelegationToolParts, compareDelegationEntries, countDelegationSources, plugin as default, delegationActivity, delegationActivityLabel, delegationElapsed, delegationRowGlyph, delegationRowIdentity, delegationRowMarker, delegationRowStatus, delegationSpinnerFrame, delegationStateTone, extractToolActivity, fmtElapsed, formatDelegationAlias, formatDelegationElapsed, formatDelegationHeader, formatDelegationRowLead, formatPanelLogLine, isValidSessionId, latestToolActivityFor, markStaleIfRunning, mergeBoardDelegationSources, mergeChildDelegationSources, mergeDelegationSources, navigateToDelegationSession, panelLogDir, parseDelegationMarkdown, parseDelegationToolPart, readAllDelegationEntries, readBoardState, readDelegationEntries, reduceDelegationToolPart, removeDelegationEntry, resolveCurrentSessionID, resolveDelegationsDir, resolvePantheonRoot, safeSessionPath, seedLiveDelegationMap, splitDelegationList, toDelegationEntry, trackToolActivity, truncateDelegationDescription, tuiLogPath, visibleDelegationList };
 
 //# sourceMappingURL=tui.js.map