@workerdeck/ui 2.10.0 → 2.12.0

package/build/{use-path-links-CvcxdUXL.mjs → use-path-links-CepFsMdW.mjs}

@@ -1,16 +1,16 @@
 import { C as rateLimitWindowSeconds, _ as formatDuration, a as meterTintClass, b as formatRelativeTime, f as compactionText, g as formatCountdown, h as formatCost, m as formatBytes, p as formatAgoPrecise, r as meterColorClass, w as toolInputPreview, x as formatTokens, y as formatRateLimitWindowLong } from "./status-kmsBhuFG.mjs";
-import { Fragment, createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment, createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { cva } from "class-variance-authority";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
-import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowRight, ArrowUp, AtSign, Brain, ChartPie, Check, CheckSquare, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Circle, CircleAlert, ClipboardList, Clock, Code, Copy, Download, File, FileDiff, FileText, Folder, FolderSearch, FolderTree, Gauge, Globe, Hand, Image, Info, Link2, LoaderCircle, MessageCircleQuestion, MessageSquareText, MoreHorizontal, Paperclip, PencilLine, Plug, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, Terminal, TriangleAlert, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
+import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowRight, ArrowUp, AtSign, Brain, ChartPie, Check, CheckSquare, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Circle, CircleAlert, ClipboardList, Clock, Code, Copy, Download, File, FileDiff, FileText, Folder, FolderSearch, FolderTree, Gauge, Globe, Hand, Image, Info, Link2, LoaderCircle, MessageCircleQuestion, MessageSquareText, MoreHorizontal, Paperclip, PencilLine, Plug, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, Terminal, TriangleAlert, Users, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
 import { Menu } from "@base-ui/react/menu";
 import { Dialog } from "@base-ui/react/dialog";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { PRICING_NOTE, PROTOCOL_VERSION, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, rateFor, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, usageInfos, usageIsStale, visibleTasks } from "@workerdeck/protocol";
-import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, useProfileUsage, useToolCallHost } from "@workerdeck/react";
+import { PRICING_NOTE, PROTOCOL_VERSION, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, pricingAgeNote, rateFor, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale, visibleTasks } from "@workerdeck/protocol";
+import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, usePeerSessions, useProfileUsage, useToolCallHost } from "@workerdeck/react";
 import { Streamdown } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { createPortal } from "react-dom";
@@ -4517,6 +4517,25 @@ function rankComposerRows(query, rows) {
 	scored.sort((a, b) => b.score - a.score || KIND_ORDER[a.row.kind] - KIND_ORDER[b.row.kind] || a.index - b.index);
 	return scored.map(({ row }) => row);
 }
+function rankPeerSessions(query, peers) {
+	const needle = query.trim();
+	if (!needle) return [...peers];
+	const scored = [];
+	peers.forEach((peer, index) => {
+		const score = matchScore(needle, [
+			peer.slug,
+			peer.label,
+			...peer.slug.split("-")
+		]);
+		if (score > 0) scored.push({
+			score,
+			index,
+			peer
+		});
+	});
+	scored.sort((a, b) => b.score - a.score || a.index - b.index);
+	return scored.map(({ peer }) => peer);
+}
 function matchClientCommand(text, commands) {
 	const match = /^\/([\w:-]+)[ \t]*([\s\S]*)$/.exec(text.trim());
 	if (!match) return;
@@ -4606,7 +4625,11 @@ function toolIcon(toolName) {
 		case "WebSearch": return Globe;
 		case "Task":
 		case "Agent": return UsersRound;
-		case "TodoWrite": return CheckSquare;
+		case "TodoWrite":
+		case "TaskCreate":
+		case "TaskUpdate":
+		case "TaskGet":
+		case "TaskList": return CheckSquare;
 		case "Skill": return Sparkles;
 		case "AskUserQuestion": return MessageCircleQuestion;
 		case "CodexCommand": return Terminal;
@@ -4634,12 +4657,53 @@ function isMutatingTool(toolName) {
 //#endregion
 //#region src/components/agent/pulse.tsx
 const PULSE_FRAMES = [
-	"⋄",
-	"◇",
-	"◈",
-	"◆"
+	"⠋",
+	"⠙",
+	"⠹",
+	"⠸",
+	"⠼",
+	"⠴",
+	"⠦",
+	"⠧",
+	"⠇",
+	"⠏"
 ];
-const PULSE_REST = PULSE_FRAMES[PULSE_FRAMES.length - 1];
+const listeners = /* @__PURE__ */ new Set();
+let ticker;
+let current = "⠿";
+function pulseFrameAt(now) {
+	return PULSE_FRAMES[Math.floor(now / 90) % PULSE_FRAMES.length];
+}
+function tick() {
+	const next = pulseFrameAt(Date.now());
+	if (next === current) return;
+	current = next;
+	for (const listener of listeners) listener();
+}
+function subscribe(listener) {
+	listeners.add(listener);
+	if (ticker === void 0) {
+		current = pulseFrameAt(Date.now());
+		ticker = setInterval(tick, 90);
+	}
+	return () => {
+		listeners.delete(listener);
+		if (listeners.size === 0 && ticker !== void 0) {
+			clearInterval(ticker);
+			ticker = void 0;
+		}
+	};
+}
+function subscribeRest() {
+	return unsubscribeRest;
+}
+function unsubscribeRest() {}
+function readFrame() {
+	return current;
+}
+function readRest() {
+	return "⠿";
+}
 function usePrefersReducedMotion() {
 	const [reduced, setReduced] = useState(false);
 	useEffect(() => {
@@ -4655,27 +4719,31 @@ function usePrefersReducedMotion() {
 function usePulse(animated) {
 	const reduced = usePrefersReducedMotion();
 	const running = animated && !reduced;
-	const [frame, setFrame] = useState(0);
-	useEffect(() => {
-		if (!running) return;
-		const timer = setInterval(() => setFrame((f) => f + 1), 150);
-		return () => clearInterval(timer);
-	}, [running]);
-	if (!running) return PULSE_REST;
-	return PULSE_FRAMES[frame % PULSE_FRAMES.length];
+	return useSyncExternalStore(running ? subscribe : subscribeRest, running ? readFrame : readRest, readRest);
 }
 //#endregion
 //#region src/components/agent/PromptTokenText.tsx
 const SkillNamesContext = createContext(void 0);
+const SessionNamesContext = createContext(void 0);
 function SkillNamesProvider({ names, children }) {
 	return /* @__PURE__ */ jsx(SkillNamesContext.Provider, {
 		value: names,
 		children
 	});
 }
+function SessionNamesProvider({ names, children }) {
+	return /* @__PURE__ */ jsx(SessionNamesContext.Provider, {
+		value: names,
+		children
+	});
+}
 function PromptTokenText({ text, className }) {
 	const skills = useContext(SkillNamesContext);
-	const tokens = scanPromptTokens(text, { skills });
+	const sessions = useContext(SessionNamesContext);
+	const tokens = scanPromptTokens(text, {
+		skills,
+		sessions
+	});
 	if (tokens.length === 0) return /* @__PURE__ */ jsx("span", {
 		className,
 		children: text
@@ -5131,6 +5199,129 @@ const TerminalMarkdown = memo(function TerminalMarkdown({ children, streaming, c
 	});
 }, (prev, next) => prev.children === next.children && prev.streaming === next.streaming && prev.className === next.className);
 //#endregion
+//#region src/components/terminal/tool-run.ts
+function isPeerSend(item) {
+	return item.kind === "tool_call" && isPeerSendTool(item.name);
+}
+function peerName(origin) {
+	return origin.name ?? origin.sessionId.slice(0, 8);
+}
+function peerNamesOf(items) {
+	const names = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		if (item.kind === "user") {
+			if (item.origin?.name) names.set(item.origin.sessionId, item.origin.name);
+			continue;
+		}
+		if (item.kind === "tool_call" && isPeerSendTool(item.name) && item.result && !item.result.isError) {
+			const delivered = peerDeliveredTo(item.result.text);
+			if (delivered?.name) names.set(delivered.sessionId, delivered.name);
+		}
+	}
+	return names;
+}
+function peerSendTarget(item, names) {
+	const delivered = item.result && !item.result.isError ? peerDeliveredTo(item.result.text) : void 0;
+	const addressed = item.input?.sessionId;
+	const sessionId = delivered?.sessionId ?? (typeof addressed === "string" ? addressed : void 0);
+	if (sessionId === void 0) return "peer";
+	return delivered?.name ?? names?.get(sessionId) ?? sessionId.slice(0, 8);
+}
+function peerSendText(item) {
+	const text = item.input?.text;
+	return typeof text === "string" ? text : "";
+}
+function peerOneLine(text) {
+	return text.replace(/\s+/g, " ").trim();
+}
+function foldsTogether(a, b) {
+	if (isPeerSend(a) || isPeerSend(b)) return false;
+	return a.parentToolUseId === b.parentToolUseId;
+}
+function toolFamily(name) {
+	if (isShellTool(name)) return "shell";
+	const mcp = /^mcp__([^_]+(?:_[^_]+)*?)__/.exec(name);
+	if (mcp?.[1]) return mcp[1].replace(/_/g, "-");
+	return name.toLowerCase();
+}
+function planRun(items) {
+	return items.length === 1 ? {
+		kind: "call",
+		item: items[0]
+	} : {
+		kind: "summary",
+		items
+	};
+}
+function runSummary(items, busy) {
+	const verb = busy ? "Running " : "Ran ";
+	const tail = busy ? "…" : "";
+	const n = items.length;
+	const counts = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const family = toolFamily(item.name);
+		counts.set(family, (counts.get(family) ?? 0) + 1);
+	}
+	if (counts.size === 1 && counts.has("shell")) return `${verb}${n} shell command${n === 1 ? "" : "s"}${tail}`;
+	const breakdown = [...counts.entries()].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0])).map(([family, count]) => `${count} ${family}`).join(", ");
+	return `${verb}${n} tool${n === 1 ? "" : "s"} · ${breakdown}${tail}`;
+}
+function clip(text, max = 80) {
+	return text.length > max ? text.slice(0, max - 1) + "…" : text;
+}
+function trimmed(value) {
+	return typeof value === "string" && value.trim() !== "" ? value.trim() : void 0;
+}
+function taskLabel(task) {
+	return `${task.name}(${taskIdentity(task)})`;
+}
+function taskIdentity(task) {
+	const input = task.input;
+	const description = trimmed(input?.description);
+	const agent = trimmed(input?.subagent_type);
+	return agent && description ? `${agent} · ${clip(description)}` : agent ?? (description ? clip(description) : toolInputPreview(task.input));
+}
+function taskBrief(task) {
+	const input = task.input;
+	return trimmed(input?.prompt);
+}
+function callBusy(call) {
+	return call.status === "running" || call.status === "pending";
+}
+function callFailed(call) {
+	return call.status === "failed" || call.result?.isError === true;
+}
+function runFailed(items) {
+	const last = items[items.length - 1];
+	return last !== void 0 && callFailed(last);
+}
+function taskBusy(task, children) {
+	return callBusy(task) || children.some((child) => child.kind === "tool_call" && callBusy(child));
+}
+function taskFailed(task) {
+	return callFailed(task);
+}
+function taskSummary$1(task, children) {
+	const busy = taskBusy(task, children);
+	const calls = children.reduce((n, child) => n + (child.kind === "tool_call" ? 1 : 0), 0);
+	const label = taskLabel(task);
+	if (calls === 0) return busy ? `${label} · working…` : `${label} · done`;
+	return `${label} · ${calls} tool${calls === 1 ? "" : "s"}${busy ? "…" : ""}`;
+}
+//#endregion
+//#region src/components/terminal/peer-names.tsx
+const PeerNamesContext = createContext(/* @__PURE__ */ new Map());
+function PeerNamesProvider({ items, children }) {
+	const names = useMemo(() => peerNamesOf(items), [items]);
+	return /* @__PURE__ */ jsx(PeerNamesContext.Provider, {
+		value: names,
+		children
+	});
+}
+function usePeerNames() {
+	return useContext(PeerNamesContext);
+}
+//#endregion
 //#region src/components/terminal/press.tsx
 const DRAG_SLOP = 4;
 function Pressable({ onPress, expanded, className, children }) {
@@ -5355,72 +5546,6 @@ function evict(cache, keep) {
 	}
 }
 //#endregion
-//#region src/components/terminal/tool-run.ts
-function foldsTogether(a, b) {
-	return a.parentToolUseId === b.parentToolUseId;
-}
-function toolFamily(name) {
-	if (isShellTool(name)) return "shell";
-	const mcp = /^mcp__([^_]+(?:_[^_]+)*?)__/.exec(name);
-	if (mcp?.[1]) return mcp[1].replace(/_/g, "-");
-	return name.toLowerCase();
-}
-function runSummary(items, busy) {
-	const verb = busy ? "Running " : "Ran ";
-	const tail = busy ? "…" : "";
-	const n = items.length;
-	const counts = /* @__PURE__ */ new Map();
-	for (const item of items) {
-		const family = toolFamily(item.name);
-		counts.set(family, (counts.get(family) ?? 0) + 1);
-	}
-	if (counts.size === 1 && counts.has("shell")) return `${verb}${n} shell command${n === 1 ? "" : "s"}${tail}`;
-	const breakdown = [...counts.entries()].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0])).map(([family, count]) => `${count} ${family}`).join(", ");
-	return `${verb}${n} tool${n === 1 ? "" : "s"} · ${breakdown}${tail}`;
-}
-function clip(text, max = 80) {
-	return text.length > max ? text.slice(0, max - 1) + "…" : text;
-}
-function trimmed(value) {
-	return typeof value === "string" && value.trim() !== "" ? value.trim() : void 0;
-}
-function taskLabel(task) {
-	return `${task.name}(${taskIdentity(task)})`;
-}
-function taskIdentity(task) {
-	const input = task.input;
-	const description = trimmed(input?.description);
-	const agent = trimmed(input?.subagent_type);
-	return agent && description ? `${agent} · ${clip(description)}` : agent ?? (description ? clip(description) : toolInputPreview(task.input));
-}
-function taskBrief(task) {
-	const input = task.input;
-	return trimmed(input?.prompt);
-}
-function callBusy(call) {
-	return call.status === "running" || call.status === "pending";
-}
-function callFailed(call) {
-	return call.status === "failed" || call.result?.isError === true;
-}
-function runFailed(items) {
-	const last = items[items.length - 1];
-	return last !== void 0 && callFailed(last);
-}
-function taskBusy(task, children) {
-	return callBusy(task) || children.some((child) => child.kind === "tool_call" && callBusy(child));
-}
-function taskFailed(task) {
-	return callFailed(task);
-}
-function taskSummary$1(task, children) {
-	const busy = taskBusy(task, children);
-	const calls = children.reduce((n, child) => n + (child.kind === "tool_call" ? 1 : 0), 0);
-	const label = taskLabel(task);
-	if (calls === 0) return busy ? `${label} · working…` : `${label} · done`;
-	return `${label} · ${calls} tool${calls === 1 ? "" : "s"}${busy ? "…" : ""}`;
-}
-//#endregion
 //#region src/components/terminal/todos.ts
 const PREVIEW_TODOS = 8;
 const GLYPH = {
@@ -5455,20 +5580,80 @@ function clipToChars(lines, maxChars) {
 	}
 	return out;
 }
+function peerLabel(origin) {
+	const who = origin.name ? `${origin.name} (${origin.sessionId.slice(0, 8)})` : origin.sessionId.slice(0, 8);
+	return `message from ${origin.engine ? `${origin.engine} session ` : "session "}${who}`;
+}
+function PeerRow({ glyph, who, body, tone = "peer", clip }) {
+	const line = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Ink, {
+			tone,
+			bold: true,
+			children: who
+		}),
+		": ",
+		body
+	] });
+	return /* @__PURE__ */ jsx(Row, {
+		glyph,
+		glyphTone: tone,
+		tone,
+		children: clip ? /* @__PURE__ */ jsx("span", {
+			className: "term-clip-1",
+			children: line
+		}) : line
+	});
+}
+function PeerSendRow({ item }) {
+	const [open, setOpen] = useState(false);
+	const names = usePeerNames();
+	const reveal = useRevealOnOpen(open);
+	const lines = peerSendText(item).split("\n");
+	const tone = item.status === "failed" || item.result?.isError === true ? "red" : "peer";
+	return /* @__PURE__ */ jsx(WithActions, {
+		actions: /* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: reveal,
+			className: open ? "term-open" : void 0,
+			children: [/* @__PURE__ */ jsx(Pressable, {
+				onPress: () => setOpen((v) => !v),
+				expanded: open,
+				children: /* @__PURE__ */ jsx(PeerRow, {
+					glyph: "↤",
+					who: peerSendTarget(item, names),
+					tone,
+					clip: !open,
+					body: open ? lines[0] || "\xA0" : peerOneLine(lines.join(" "))
+				})
+			}), open ? /* @__PURE__ */ jsxs("div", { children: [lines.slice(1).map((line, index) => /* @__PURE__ */ jsx(Row, {
+				tone,
+				children: line || "\xA0"
+			}, index)), item.result ? /* @__PURE__ */ jsx(Row, {
+				tone: "faint",
+				children: peerOneLine(item.result.text)
+			}) : null] }) : null]
+		})
+	});
+}
 function UserRow({ item }) {
 	return /* @__PURE__ */ jsx(WithActions, {
 		actions: /* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "term-user",
+			"data-peer": item.origin ? "" : void 0,
 			children: [item.attachments?.length ? /* @__PURE__ */ jsx(Row, {
 				glyph: "❯",
 				glyphTone: "dim",
 				tone: "dim",
 				children: item.attachments.map((attachment) => attachment.name).join(", ")
-			}) : null, item.text ? item.text.split("\n").map((line, index) => /* @__PURE__ */ jsx(Row, {
-				glyph: index === 0 ? "❯" : void 0,
+			}) : null, item.text ? item.text.split("\n").map((line, index) => item.origin && index === 0 ? /* @__PURE__ */ jsx(PeerRow, {
+				glyph: "↦",
+				who: peerName(item.origin),
+				body: line ? /* @__PURE__ */ jsx(PromptTokenText, { text: line }) : "\xA0"
+			}, index) : /* @__PURE__ */ jsx(Row, {
+				glyph: !item.origin && index === 0 ? "❯" : void 0,
 				glyphTone: "dim",
-				tone: "fg",
+				tone: item.origin ? "peer" : "fg",
 				children: line ? /* @__PURE__ */ jsx(PromptTokenText, { text: line }) : "\xA0"
 			}, index)) : null]
 		})
@@ -5553,6 +5738,7 @@ function ToolRow({ item }) {
 							/* @__PURE__ */ jsx(Ink, {
 								bold: true,
 								tone: "bright",
+								className: busy ? "term-shimmer" : void 0,
 								children: title ?? item.name
 							}),
 							/* @__PURE__ */ jsxs(Ink, {
@@ -5688,11 +5874,19 @@ function ToolRunRow({ items }) {
 				glyph: busy ? pulse : void 0,
 				glyphTone: busy ? "mark" : void 0,
 				tone: failed ? "red" : "dim",
-				children: runSummary(items, busy)
+				children: busy ? /* @__PURE__ */ jsx("span", {
+					className: "term-shimmer",
+					children: runSummary(items, busy)
+				}) : runSummary(items, busy)
 			})
 		}), open ? /* @__PURE__ */ jsx("div", { children: items.map((item) => /* @__PURE__ */ jsx(ToolRow, { item }, item.id)) }) : null]
 	});
 }
+function RunRow({ items }) {
+	const plan = planRun(items);
+	if (plan.kind === "summary") return /* @__PURE__ */ jsx(ToolRunRow, { items: plan.items });
+	return isPeerSend(plan.item) ? /* @__PURE__ */ jsx(PeerSendRow, { item: plan.item }) : /* @__PURE__ */ jsx(ToolRow, { item: plan.item });
+}
 function TurnResultRow$1({ item }) {
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Row, {
 		tone: item.isError ? "red" : "faint",
@@ -5770,7 +5964,10 @@ function WorkingRow({ label, startedAt, tokens }) {
 		glyph: pulse,
 		glyphTone: "mark",
 		tone: "mark",
-		children: [label, readings.length ? /* @__PURE__ */ jsxs(Ink, {
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "term-shimmer",
+			children: label
+		}), readings.length ? /* @__PURE__ */ jsxs(Ink, {
 			tone: "faint",
 			children: [
 				" (",
@@ -5805,7 +6002,7 @@ function TerminalSurface({ fontSize, lineHeight, bleed, affordances, className,
 //#region src/components/agent/Composer.tsx
 const SHELL_PLACEHOLDER = "Run a command on the host…";
 const SHELL_HINT = "! shell mode · esc to exit";
-function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message the agent…", commands, skills, clientCommands, onSearchFiles, onShellCommand, attachments, toolbar, layout = "stacked", fontSize, lineHeight, affordances, draft, className, ref }) {
+function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message the agent…", commands, skills, clientCommands, onSearchFiles, peers, onShellCommand, attachments, toolbar, layout = "stacked", fontSize, lineHeight, affordances, draft, className, ref }) {
 	const inline = layout === "inline";
 	const terminal = useTranscriptVariant() === "terminal";
 	const [initialDraft] = useState(() => draft?.initialText ?? "");
@@ -5878,6 +6075,23 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			chipClassName: "font-mono",
 			emptyMessage: "No matching files"
 		}));
+		if (peers?.length) configured.push(hashtagTrigger({
+			accessibilityLabel: "session",
+			onSearch: (query) => rankPeerSessions(query, peers).map((peer) => ({
+				value: peer.slug,
+				label: peer.label,
+				description: [
+					peer.engine,
+					peer.project,
+					peer.status
+				].filter(Boolean).join(" · "),
+				icon: /* @__PURE__ */ jsx(Users, { className: "size-3.5 text-fg-3" })
+			})),
+			onSelect: (suggestion) => suggestion.value,
+			chipStyle: "inline",
+			chipClassName: "font-mono",
+			emptyMessage: "No matching sessions"
+		}));
 		if (onShellCommand) configured.push(launchTrigger({
 			char: "!",
 			accessibilityLabel: "shell mode",
@@ -5889,6 +6103,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		skills,
 		clientCommands,
 		onSearchFiles,
+		peers,
 		onShellCommand
 	]);
 	const saveDraft = draft?.save;
@@ -5928,6 +6143,10 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			key: "@",
 			what: "mention a file"
 		} : void 0,
+		peers?.length ? {
+			key: "#",
+			what: "refer to another session"
+		} : void 0,
 		onShellCommand ? {
 			key: "!",
 			what: "run a shell command"
@@ -7446,7 +7665,7 @@ function taskChildItems(block) {
 }
 function pushLeaf(out, item, index) {
 	const previous = out.at(-1);
-	if (isRunCall(item)) {
+	if (isRunCall(item) && !isPeerSend(item)) {
 		if (previous && "run" in previous && foldsTogether(previous.run[0], item)) {
 			previous.run.push(item);
 			previous.indices.push(index);
@@ -7512,12 +7731,15 @@ function terminalBlocks(items, offset = 0, fold = true) {
 	return out;
 }
 function needsBlank(previous, next) {
-	if (previous.kind === "tool_call" && next.kind === "tool_call") return false;
-	return true;
+	if (isPeerSend(previous) || isPeerSend(next)) return true;
+	return !(previous.kind === "tool_call" && next.kind === "tool_call");
+}
+function blockKind(block) {
+	if (!("item" in block)) return "tool_call";
+	return isPeerSend(block.item) ? "peer_send" : block.item.kind;
 }
 function blockNeedsBlank(previous, next) {
-	const kind = (block) => "item" in block ? block.item.kind : "tool_call";
-	return !(kind(previous) === "tool_call" && kind(next) === "tool_call");
+	return !(blockKind(previous) === "tool_call" && blockKind(next) === "tool_call");
 }
 //#endregion
 //#region src/components/agent/use-subagent-frame.ts
@@ -9272,12 +9494,20 @@ function itemHeight(item, m) {
 				exact: true
 			};
 			if (item.attachments?.length) acc = add(acc, rowH(item.attachments.map((a) => a.name).join(", "), m, { extraPx }));
-			if (item.text) for (const line of item.text.split("\n")) acc = add(acc, rowH(line || " ", m, { extraPx }));
+			if (item.text) {
+				const who = item.origin ? `${peerName(item.origin)}: ` : "";
+				for (const [index, line] of item.text.split("\n").entries()) acc = add(acc, rowH((index === 0 ? who : "") + (line || " "), m, { extraPx }));
+			}
 			return acc;
 		}
 		case "assistant_text": return markdownHeight(item.text, m, extraPx);
 		case "thinking": return rowH(item.text, m, { extraPx });
-		case "tool_call": return toolRowHeight(item, m, extraPx);
+		case "tool_call":
+			if (isPeerSend(item)) return {
+				px: m.line + extraPx,
+				exact: true
+			};
+			return toolRowHeight(item, m, extraPx);
 		case "turn_result": {
 			let acc = rowH(`${item.isError ? item.subtype : "done"} · ${formatDuration(item.durationMs)} · ${formatCost(item.totalCostUsd)}`, m, { extraPx });
 			for (const message of item.errors ?? []) acc = add(acc, rowH(message, m, { extraPx }));
@@ -9295,8 +9525,10 @@ function itemHeight(item, m) {
 function blockHeight(block, m) {
 	if ("task" in block) return rowH(taskSummary$1(block.task, taskChildItems(block)), m);
 	if ("run" in block) {
-		const busy = block.run.some((item) => item.status === "running" || item.status === "pending");
-		return rowH(runSummary(block.run, busy), m);
+		const plan = planRun(block.run);
+		if (plan.kind === "call") return itemHeight(plan.item, m);
+		const busy = plan.items.some((item) => item.status === "running" || item.status === "pending");
+		return rowH(runSummary(plan.items, busy), m);
 	}
 	return itemHeight(block.item, m);
 }
@@ -10132,6 +10364,20 @@ function repinToBottom(stick) {
 	};
 	state.scrollTop = state.calculatedTargetScrollTop;
 }
+function absorbScrollerResize(stick, difference) {
+	const { state } = stick;
+	state.resizeDifference = difference;
+	requestAnimationFrame(() => {
+		setTimeout(() => {
+			if (state.resizeDifference === difference) state.resizeDifference = 0;
+		}, 1);
+	});
+	if (state.animation?.ignoreEscapes) {
+		state.scrollTop = state.calculatedTargetScrollTop;
+		return;
+	}
+	stick.scrollToBottom("instant");
+}
 function useTranscriptJumps(options) {
 	const { rows, terminal, stickyPrompt, epoch, promptRows, scrollElement, rowsRef, virtualizer, stick, jumpToRecapRef, repinRef } = options;
 	const aimTimer = useRef(void 0);
@@ -10209,7 +10455,7 @@ function TerminalItemView({ item, fileUrl }) {
 		case "user": return /* @__PURE__ */ jsx(UserRow, { item });
 		case "assistant_text": return /* @__PURE__ */ jsx(AssistantRow, { item });
 		case "thinking": return /* @__PURE__ */ jsx(ThinkingRow, { item });
-		case "tool_call": return /* @__PURE__ */ jsx(ToolRow, { item });
+		case "tool_call": return isPeerSend(item) ? /* @__PURE__ */ jsx(PeerSendRow, { item }) : /* @__PURE__ */ jsx(ToolRow, { item });
 		case "turn_result": return /* @__PURE__ */ jsx(TurnResultRow$1, { item });
 		case "notice": return /* @__PURE__ */ jsx(NoticeRow$1, { item });
 		case "compaction": return /* @__PURE__ */ jsx(CompactionRow$1, { item });
@@ -10263,14 +10509,17 @@ function TaskRow({ block, fileUrl, onOpenSubagent }) {
 				glyph: busy ? pulse : "●",
 				glyphTone: failed ? "red" : busy ? "mark" : "dim",
 				tone: failed ? "red" : "green",
-				children: taskSummary$1(block.task, children)
+				children: busy ? /* @__PURE__ */ jsx("span", {
+					className: "term-shimmer",
+					children: taskSummary$1(block.task, children)
+				}) : taskSummary$1(block.task, children)
 			})
 		}), open ? /* @__PURE__ */ jsxs("div", {
 			className: "term-nested",
 			children: [brief ? /* @__PURE__ */ jsx(BriefRow, {
 				text: brief,
 				terminal: true
-			}) : null, block.children.map((leaf, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(block.children[index - 1], leaf) ? /* @__PURE__ */ jsx(Blank, {}) : null, "run" in leaf ? /* @__PURE__ */ jsx(ToolRunRow, { items: leaf.run }) : /* @__PURE__ */ jsx(TerminalItemView, {
+			}) : null, block.children.map((leaf, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(block.children[index - 1], leaf) ? /* @__PURE__ */ jsx(Blank, {}) : null, "run" in leaf ? /* @__PURE__ */ jsx(RunRow, { items: leaf.run }) : /* @__PURE__ */ jsx(TerminalItemView, {
 				item: leaf.item,
 				fileUrl
 			})] }, leaf.key))]
@@ -10300,23 +10549,26 @@ function working(state) {
 function TerminalTranscript({ state, fileUrl, fontSize, lineHeight, affordances, className }) {
 	const runStartedAt = useRunStart$1(state.status);
 	const blocks = useMemo(() => terminalBlocks(state.items), [state.items]);
-	return /* @__PURE__ */ jsxs(TerminalSurface, {
+	return /* @__PURE__ */ jsx(TerminalSurface, {
 		fontSize,
 		lineHeight,
 		affordances,
 		bleed: "1ch",
 		className: cn("term-transcript", className),
-		children: [blocks.map((block, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(blocks[index - 1], block) ? /* @__PURE__ */ jsx(Blank, {}) : null, "run" in block ? /* @__PURE__ */ jsx(ToolRunRow, { items: block.run }) : "item" in block ? /* @__PURE__ */ jsx(TerminalItemView, {
-			item: block.item,
-			fileUrl
-		}) : /* @__PURE__ */ jsx(TaskRow, {
-			block,
-			fileUrl
-		})] }, block.key)), working(state) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx(Blank, {}) : null, /* @__PURE__ */ jsx(WorkingRow, {
-			label: state.status === "starting" ? "Starting…" : "Working…",
-			startedAt: runStartedAt,
-			tokens: state.contextUsage?.totalTokens
-		})] }) : null]
+		children: /* @__PURE__ */ jsxs(PeerNamesProvider, {
+			items: state.items,
+			children: [blocks.map((block, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(blocks[index - 1], block) ? /* @__PURE__ */ jsx(Blank, {}) : null, "run" in block ? /* @__PURE__ */ jsx(RunRow, { items: block.run }) : "item" in block ? /* @__PURE__ */ jsx(TerminalItemView, {
+				item: block.item,
+				fileUrl
+			}) : /* @__PURE__ */ jsx(TaskRow, {
+				block,
+				fileUrl
+			})] }, block.key)), working(state) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx(Blank, {}) : null, /* @__PURE__ */ jsx(WorkingRow, {
+				label: state.status === "starting" ? "Starting…" : "Working…",
+				startedAt: runStartedAt,
+				tokens: state.contextUsage?.totalTokens
+			})] }) : null]
+		})
 	});
 }
 //#endregion
@@ -10702,10 +10954,17 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 	switch (item.kind) {
 		case "user": return /* @__PURE__ */ jsxs(Message, {
 			from: "user",
-			children: [item.attachments?.length ? /* @__PURE__ */ jsx(SentAttachments, {
-				attachments: item.attachments,
-				attachmentUrl
-			}) : null, item.text ? /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(PromptTokenText, { text: item.text }) }) : null]
+			children: [
+				item.origin ? /* @__PURE__ */ jsx("div", {
+					className: "wd-peer-origin text-xs text-muted-foreground",
+					children: peerLabel(item.origin)
+				}) : null,
+				item.attachments?.length ? /* @__PURE__ */ jsx(SentAttachments, {
+					attachments: item.attachments,
+					attachmentUrl
+				}) : null,
+				item.text ? /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(PromptTokenText, { text: item.text }) }) : null
+			]
 		});
 		case "assistant_text": return /* @__PURE__ */ jsx(Message, {
 			from: "assistant",
@@ -10880,8 +11139,9 @@ function TranscriptRows({ rows, boundary, since, terminal, replaying, stickyProm
 		const observer = new ResizeObserver(() => {
 			const height = scrollElement.clientHeight;
 			if (height === last) return;
+			const difference = height - last;
 			last = height;
-			if (stick.state.isAtBottom) stick.scrollToBottom("instant");
+			if (stick.state.isAtBottom) absorbScrollerResize(stick, difference);
 		});
 		observer.observe(scrollElement);
 		return () => observer.disconnect();
@@ -11001,59 +11261,62 @@ function TranscriptRows({ rows, boundary, since, terminal, replaying, stickyProm
 		"data-slot": "transcript-rows",
 		className: "relative w-full",
 		style: { height: virtualizer.getTotalSize() },
-		children: [virtualizer.getVirtualItems().map((virtualRow) => {
-			const row = rows[virtualRow.index];
-			const gapClass = virtualRow.index > 0 && (!terminal || gapBefore(rows, virtualRow.index)) ? gap.className : void 0;
-			const content = "run" in row ? /* @__PURE__ */ jsx("div", {
-				className: cn(read(boundary, row.index) && "opacity-45"),
-				children: /* @__PURE__ */ jsx(ToolRunRow, { items: row.run })
-			}) : "item" in row ? /* @__PURE__ */ jsx("div", {
-				className: cn(read(boundary, row.index) && "opacity-45", nestedClass(row.item, frameParentId)),
-				children: /* @__PURE__ */ jsx(TranscriptItemView, {
-					item: row.item,
-					fileUrl,
-					attachmentUrl,
-					hostImage,
+		children: [/* @__PURE__ */ jsx(PeerNamesProvider, {
+			items,
+			children: virtualizer.getVirtualItems().map((virtualRow) => {
+				const row = rows[virtualRow.index];
+				const gapClass = virtualRow.index > 0 && (!terminal || gapBefore(rows, virtualRow.index)) ? gap.className : void 0;
+				const content = "run" in row ? /* @__PURE__ */ jsx("div", {
+					className: cn(read(boundary, row.index) && "opacity-45"),
+					children: /* @__PURE__ */ jsx(RunRow, { items: row.run })
+				}) : "item" in row ? /* @__PURE__ */ jsx("div", {
+					className: cn(read(boundary, row.index) && "opacity-45", nestedClass(row.item, frameParentId)),
+					children: /* @__PURE__ */ jsx(TranscriptItemView, {
+						item: row.item,
+						fileUrl,
+						attachmentUrl,
+						hostImage,
+						terminal
+					})
+				}) : "text" in row && row.key === "brief" ? /* @__PURE__ */ jsx(BriefRow, {
+					text: row.text,
 					terminal
-				})
-			}) : "text" in row && row.key === "brief" ? /* @__PURE__ */ jsx(BriefRow, {
-				text: row.text,
-				terminal
-			}) : "line" in row ? /* @__PURE__ */ jsx(RecapRow, {
-				line: row.line,
-				since,
-				terminal
-			}) : /* @__PURE__ */ jsx("div", {
-				className: cn(read(boundary, row.index) && "opacity-45"),
-				children: /* @__PURE__ */ jsx(TaskRow, {
-					block: row,
-					fileUrl,
-					onOpenSubagent
-				})
-			});
-			if (stickyPrompt && "item" in row && row.item.kind === "user" && parentOf(row.item) === void 0) {
-				const next = promptRows.find((index) => index > virtualRow.index);
-				const laneEnd = next === void 0 ? virtualizer.getTotalSize() : measurements[next]?.start ?? virtualRow.start;
-				return /* @__PURE__ */ jsx(StickyPromptLane, {
-					top: virtualRow.start,
-					height: Math.max(laneEnd - virtualRow.start, 0),
-					gapClass,
-					gapPx: gap.px,
-					terminal,
-					scrollRoot: scrollElement,
-					index: virtualRow.index,
-					measureRef: virtualizer.measureElement,
-					head: terminal ? content : promptHeadText(row.item),
-					content
+				}) : "line" in row ? /* @__PURE__ */ jsx(RecapRow, {
+					line: row.line,
+					since,
+					terminal
+				}) : /* @__PURE__ */ jsx("div", {
+					className: cn(read(boundary, row.index) && "opacity-45"),
+					children: /* @__PURE__ */ jsx(TaskRow, {
+						block: row,
+						fileUrl,
+						onOpenSubagent
+					})
+				});
+				if (stickyPrompt && "item" in row && row.item.kind === "user" && parentOf(row.item) === void 0) {
+					const next = promptRows.find((index) => index > virtualRow.index);
+					const laneEnd = next === void 0 ? virtualizer.getTotalSize() : measurements[next]?.start ?? virtualRow.start;
+					return /* @__PURE__ */ jsx(StickyPromptLane, {
+						top: virtualRow.start,
+						height: Math.max(laneEnd - virtualRow.start, 0),
+						gapClass,
+						gapPx: gap.px,
+						terminal,
+						scrollRoot: scrollElement,
+						index: virtualRow.index,
+						measureRef: virtualizer.measureElement,
+						head: terminal ? content : promptHeadText(row.item),
+						content
+					}, row.key);
+				}
+				return /* @__PURE__ */ jsx("div", {
+					ref: virtualizer.measureElement,
+					"data-index": virtualRow.index,
+					className: cn("absolute inset-x-0 top-0", gapClass),
+					style: { transform: `translateY(${virtualRow.start}px)` },
+					children: content
 				}, row.key);
-			}
-			return /* @__PURE__ */ jsx("div", {
-				ref: virtualizer.measureElement,
-				"data-index": virtualRow.index,
-				className: cn("absolute inset-x-0 top-0", gapClass),
-				style: { transform: `translateY(${virtualRow.start}px)` },
-				children: content
-			}, row.key);
+			})
 		}), scrubber && scrollElement?.parentElement ? createPortal(terminal ? /* @__PURE__ */ jsx(TerminalScrubber, {
 			items,
 			pendingApprovals,
@@ -11111,7 +11374,7 @@ function TerminalShell({ active, fontSize, lineHeight, affordances, children })
 		children
 	});
 }
-function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage, variant = "cards", density = "comfortable", fontSize, lineHeight, affordances, stickyPrompt = false, scrubber, bookmarks, replaying = false, catchUp, jumpToRecapRef, repinRef, reveal, frame, onOpenSubagent, emptyState, className }) {
+function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage, variant = "cards", density = "comfortable", fontSize, lineHeight, affordances, stickyPrompt = false, scrubber, bookmarks, sessionNames, replaying = false, catchUp, jumpToRecapRef, repinRef, reveal, frame, onOpenSubagent, emptyState, className }) {
 	const terminal = variant === "terminal";
 	const items = useMemo(() => frame ? subagentItems(state.items, frame.parentToolUseId) : state.items, [state.items, frame]);
 	const frameTask = useMemo(() => frame ? state.items.find((item) => item.kind === "tool_call" && item.id === frame.parentToolUseId) : void 0, [state.items, frame]);
@@ -11151,79 +11414,82 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 		value: variant,
 		children: /* @__PURE__ */ jsx(SkillNamesProvider, {
 			names: skillNames,
-			children: /* @__PURE__ */ jsxs(Conversation, {
-				className: cn(replaying && "invisible", className),
-				children: [
-					/* @__PURE__ */ jsx(ConversationContent, {
-						className: cn(terminal && "gap-0 p-0"),
-						children: /* @__PURE__ */ jsxs(TerminalShell, {
-							active: terminal,
-							fontSize,
-							lineHeight,
-							affordances,
-							children: [
-								frame ? frameTask === void 0 && !replaying ? /* @__PURE__ */ jsx("div", {
-									className: cn(terminal ? "term-row text-fg-4" : "p-4 text-body-sm text-fg-4"),
-									children: "This sub-agent's work is not in this transcript."
-								}) : null : items.length === 0 && state.status !== "starting" ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(SessionEmptyState, {
-									cwd: state.cwd,
-									hasCommands: !!state.commands?.length,
-									hasSkills: !!state.skills?.some((s) => s.enabled),
-									canBrowseFiles
-								}) : null,
-								frame && frameTask === void 0 && !replaying ? null : /* @__PURE__ */ jsx(TranscriptRows, {
-									rows,
-									boundary,
-									since: catchUp?.since,
-									terminal,
-									replaying,
-									stickyPrompt: !frame && stickyPrompt,
-									gap,
-									fontSize,
-									lineHeight,
-									items,
-									pendingApprovals: state.pendingApprovals,
-									scrubber,
-									bookmarks: frame ? void 0 : bookmarks,
-									affordances,
-									fileUrl,
-									attachmentUrl,
-									hostImage,
-									jumpToRecapRef,
-									repinRef,
-									reveal: frame ? void 0 : reveal,
-									frameParentId: frame?.parentToolUseId,
-									onOpenSubagent: frame ? void 0 : onOpenSubagent
-								}),
-								(frame ? frameTask !== void 0 && taskBusy(frameTask, items) : showLoader(state)) ? terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx("div", {
-									className: "term-blank",
-									"aria-hidden": true
-								}) : null, /* @__PURE__ */ jsx(WorkingRow, {
-									label: state.status === "starting" ? "Starting…" : "Working…",
-									startedAt: runStartedAt,
-									tokens: state.contextUsage?.totalTokens
-								})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
-							]
-						})
-					}),
-					/* @__PURE__ */ jsx(ConversationScrollButton, {}),
-					replaying ? /* @__PURE__ */ jsx("div", {
-						"data-slot": "transcript-hold",
-						"aria-hidden": true,
-						className: "wd-hold-appear visible pointer-events-none absolute inset-0 overflow-hidden",
-						children: /* @__PURE__ */ jsx("div", {
-							className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)]", !terminal && "px-4 py-4"),
-							children: terminal ? /* @__PURE__ */ jsx(TerminalSurface, {
+			children: /* @__PURE__ */ jsx(SessionNamesProvider, {
+				names: sessionNames,
+				children: /* @__PURE__ */ jsxs(Conversation, {
+					className: cn(replaying && "invisible", className),
+					children: [
+						/* @__PURE__ */ jsx(ConversationContent, {
+							className: cn(terminal && "gap-0 p-0"),
+							children: /* @__PURE__ */ jsxs(TerminalShell, {
+								active: terminal,
 								fontSize,
 								lineHeight,
-								affordances: false,
-								bleed: "1ch",
-								className: "term-transcript",
-								children: /* @__PURE__ */ jsx(WorkingRow, { label: "Loading…" })
-							}) : /* @__PURE__ */ jsx(Loader, { label: "Loading session…" })
-						})
-					}) : null
-				]
+								affordances,
+								children: [
+									frame ? frameTask === void 0 && !replaying ? /* @__PURE__ */ jsx("div", {
+										className: cn(terminal ? "term-row text-fg-4" : "p-4 text-body-sm text-fg-4"),
+										children: "This sub-agent's work is not in this transcript."
+									}) : null : items.length === 0 && state.status !== "starting" ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(SessionEmptyState, {
+										cwd: state.cwd,
+										hasCommands: !!state.commands?.length,
+										hasSkills: !!state.skills?.some((s) => s.enabled),
+										canBrowseFiles
+									}) : null,
+									frame && frameTask === void 0 && !replaying ? null : /* @__PURE__ */ jsx(TranscriptRows, {
+										rows,
+										boundary,
+										since: catchUp?.since,
+										terminal,
+										replaying,
+										stickyPrompt: !frame && stickyPrompt,
+										gap,
+										fontSize,
+										lineHeight,
+										items,
+										pendingApprovals: state.pendingApprovals,
+										scrubber,
+										bookmarks: frame ? void 0 : bookmarks,
+										affordances,
+										fileUrl,
+										attachmentUrl,
+										hostImage,
+										jumpToRecapRef,
+										repinRef,
+										reveal: frame ? void 0 : reveal,
+										frameParentId: frame?.parentToolUseId,
+										onOpenSubagent: frame ? void 0 : onOpenSubagent
+									}),
+									(frame ? frameTask !== void 0 && taskBusy(frameTask, items) : showLoader(state)) ? terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx("div", {
+										className: "term-blank",
+										"aria-hidden": true
+									}) : null, /* @__PURE__ */ jsx(WorkingRow, {
+										label: state.status === "starting" ? "Starting…" : "Working…",
+										startedAt: runStartedAt,
+										tokens: state.contextUsage?.totalTokens
+									})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
+								]
+							})
+						}),
+						/* @__PURE__ */ jsx(ConversationScrollButton, {}),
+						replaying ? /* @__PURE__ */ jsx("div", {
+							"data-slot": "transcript-hold",
+							"aria-hidden": true,
+							className: "wd-hold-appear visible pointer-events-none absolute inset-0 overflow-hidden",
+							children: /* @__PURE__ */ jsx("div", {
+								className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)]", !terminal && "px-4 py-4"),
+								children: terminal ? /* @__PURE__ */ jsx(TerminalSurface, {
+									fontSize,
+									lineHeight,
+									affordances: false,
+									bleed: "1ch",
+									className: "term-transcript",
+									children: /* @__PURE__ */ jsx(WorkingRow, { label: "Loading…" })
+								}) : /* @__PURE__ */ jsx(Loader, { label: "Loading session…" })
+							})
+						}) : null
+					]
+				})
 			})
 		})
 	});
@@ -11233,14 +11499,16 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 const GAP_SHARE = .02;
 function sessionCost(input) {
 	const byModel = input.usageByModel ?? {};
-	const breakdown = costOfByModel(byModel);
+	const pricing = input.pricing;
+	const breakdown = costOfByModel(byModel, pricing);
 	const computedUsd = input.costUsd ?? (breakdown.unpriced || Object.keys(byModel).length === 0 ? void 0 : breakdown.total);
 	const reportedUsd = input.totalCostUsd;
 	const rows = Object.entries(byModel).map(([model, usage]) => ({
 		model: canonicalModel(model),
 		usage,
 		tokens: totalTokens(usage),
-		costUsd: rateFor(model) ? costOf(usage, model).total : void 0
+		costUsd: rateFor(model, pricing) ? costOf(usage, model, pricing).total : void 0,
+		costBasis: usage.costBasis
 	})).sort((a, b) => b.tokens - a.tokens);
 	const gap = computedUsd !== void 0 && reportedUsd !== void 0 ? reportedUsd - computedUsd : void 0;
 	const worthShowing = gap !== void 0 && Math.abs(gap) > Math.max(.01, GAP_SHARE * Math.max(computedUsd ?? 0, reportedUsd ?? 0));
@@ -11252,6 +11520,7 @@ function sessionCost(input) {
 		rows,
 		unpricedShare: breakdown.unpricedShare,
 		showUnpricedWarning: breakdown.unpricedShare > UNPRICED_WARN_SHARE,
+		unknownBasisModels: unknownBasisModels(byModel),
 		gapUsd: worthShowing ? gap : void 0
 	};
 }
@@ -11339,6 +11608,9 @@ function UsageMeter({ window, now }) {
 }
 //#endregion
 //#region src/components/agent/UsageDialog.tsx
+function engineLabel(engine) {
+	return engine === "claude" ? "Claude Code" : engine;
+}
 function Line({ label, value, tone }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-baseline justify-between gap-4",
@@ -11416,10 +11688,19 @@ function CostEvidence({ cost, engine }) {
 				className: "text-label text-warning",
 				children: [Math.round(cost.unpricedShare * 100), "% of these tokens ran on a model with no bundled rate, so the total is an understatement rather than an estimate."]
 			}) : null,
+			cost.unknownBasisModels.length > 0 ? /* @__PURE__ */ jsxs("p", {
+				className: "text-label text-warning",
+				children: [
+					engineLabel(engine),
+					" matched no rate table of its own to ",
+					cost.unknownBasisModels.join(", "),
+					", so the figure it reports for those tokens is a guess rather than a rate."
+				]
+			}) : null,
 			cost.gapUsd !== void 0 ? /* @__PURE__ */ jsxs("p", {
 				className: "text-label text-fg-4",
 				children: [
-					engine === "claude" ? "Claude Code" : engine,
+					engineLabel(engine),
 					" reports ",
 					formatCost(cost.reportedUsd),
 					" for the same tokens."
@@ -11460,13 +11741,15 @@ function ProfileSpendSection({ spend }) {
 function formatMultiple(ratio) {
 	return ratio >= 10 ? `${Math.round(ratio)}x` : `${ratio.toFixed(1)}x`;
 }
-function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, costUsd, usageByModel, spend, updatedAt, open, onOpenChange, className }) {
+function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, costUsd, usageByModel, pricing, spend, updatedAt, open, onOpenChange, className }) {
 	const now = useMinuteClock(open);
 	const cost = sessionCost({
 		costUsd,
 		totalCostUsd,
-		usageByModel
+		usageByModel,
+		pricing
 	});
+	const ageNote = pricingAgeNote(now);
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
@@ -11474,7 +11757,7 @@ function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, costU
 			className,
 			children: [/* @__PURE__ */ jsx(DialogHeader, {
 				title: "Usage",
-				description: engine === "claude" ? "Claude Code" : engine,
+				description: engineLabel(engine),
 				actions: subscriptionType ? /* @__PURE__ */ jsx(Badge, {
 					variant: "accent",
 					className: "mt-0.5 shrink-0 capitalize",
@@ -11498,7 +11781,7 @@ function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, costU
 				spend ? /* @__PURE__ */ jsx(ProfileSpendSection, { spend }) : null,
 				/* @__PURE__ */ jsx("p", {
 					className: "mt-3 text-label text-fg-4",
-					children: PRICING_NOTE
+					children: ageNote ? `${PRICING_NOTE} ${ageNote}` : PRICING_NOTE
 				}),
 				updatedAt ? /* @__PURE__ */ jsxs("p", {
 					className: "mt-2 text-label text-fg-4",
@@ -11539,7 +11822,7 @@ const INTERACTIVE = [
 	"[role=\"radio\"]",
 	"[role=\"tab\"]"
 ].join(",");
-function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptDensity = "comfortable", transcriptFont = "sans", affordances, terminalMetrics, scrubber = false, bookmarks, onToggleBookmark, reveal, subagents, openSubagent, onSubagentChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, approvalPrompts, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, onOpenFile, fontSize, className }) {
+function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptDensity = "comfortable", transcriptFont = "sans", affordances, terminalMetrics, scrubber = false, bookmarks, peerMentions = true, onToggleBookmark, reveal, subagents, openSubagent, onSubagentChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, approvalPrompts, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, onOpenFile, fontSize, className }) {
 	const effectiveTermFontSize = terminalMetrics?.fontSize ?? fontSize;
 	const effectiveTermLineHeight = terminalMetrics?.lineHeight ?? (fontSize !== void 0 ? Math.round(fontSize * (18 / 13)) : void 0);
 	const external = panelSurface === "external";
@@ -11550,7 +11833,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	const [panel, setPanel] = useState();
 	const [showCompletedTasks, setShowCompletedTasks] = useState(false);
 	const [taskReveal, setTaskReveal] = useState();
-	const { state, connection, replaying, protocolMismatch, shell, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, clearContext, setModel, setPermissionMode, reconnectNow, loadFullResult } = useClaudeSession(client, sessionId, {
+	const { state, connection, replaying, protocolMismatch, shell, pricing, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, clearContext, setModel, setPermissionMode, reconnectNow, loadFullResult } = useClaudeSession(client, sessionId, {
 		onProtocolError: setProtocolError,
 		cacheTranscript
 	});
@@ -11771,6 +12054,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		engine: state.engine
 	});
 	const hostFiles = useHostFileSearch(client, state.cwd);
+	const peers = usePeerSessions(client, sessionId, peerMentions);
 	const draft = useDraft(client, sessionId);
 	const searchComposerFiles = useCallback((query, options) => hostFiles.search(query, {
 		...options,
@@ -11932,6 +12216,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 											fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
 											attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
 											canBrowseFiles: hostFiles.available,
+											sessionNames: peers.names,
 											hostImage,
 											variant: transcriptVariant,
 											density: transcriptDensity,
@@ -12039,6 +12324,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 										attachments,
 										draft,
 										onSearchFiles: hostFiles.available ? searchComposerFiles : void 0,
+										peers: peers.peers,
 										onShellCommand: shell ? runShell : void 0,
 										layout: controlsExternal ? "inline" : "stacked",
 										toolbar: controlsExternal ? void 0 : sessionControls,
@@ -12068,6 +12354,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 											totalCostUsd: state.totalCostUsd,
 											costUsd: state.costUsd,
 											usageByModel: state.usageByModel,
+											pricing,
 											spend: profileSpend,
 											updatedAt: usageUpdatedAt,
 											open: panel === "usage",
@@ -12279,6 +12566,6 @@ function resolveAgainstCwd(path, cwd) {
 	return parseFileLink(path, cwd)?.path ?? path;
 }
 //#endregion
-export { TerminalDiff as $, SelectValue as $t, PermissionPrompt as A, Spinner as At, EntryIcon as B, DialogHeader as Bt, SessionInfoDialog as C, usePromptAreaState as Ct, QuestionPrompt as D, ProgressRing as Dt, QUESTION_BEHAVIORS as E, segmentsToPlainText as Et, permissionModeMeta as F, TooltipProvider as Ft, Composer as G, MenuItem as Gt, TaskList as H, DialogTrigger as Ht, ModelSelect as I, Dialog$1 as It, useToolTitle as J, Select$1 as Jt, TerminalSurface as K, MenuSeparator as Kt, SkillsDialog as L, DialogBody as Lt, PERMISSION_MODES as M, copyText as Mt, PermissionModeSelect as N, Tip as Nt, parseUserQuestions as O, Splitter as Ot, permissionModeChoices as P, TooltipContent as Pt, parseFileLink as Q, SelectTrigger as Qt, McpDialog as R, DialogClose as Rt, STATUS_META as S, mentionTrigger as St, TerminalPermissionPrompt as T, plainTextToSegments as Tt, ContextDialog as U, Menu$1 as Ut, TasksDialog as V, DialogRow as Vt, contextNote as W, MenuContent as Wt, FileLinkProvider as X, SelectItem as Xt, TerminalMarkdown as Y, SelectContent as Yt, useFileLinks as Z, SelectItemText as Zt, Loader as _, rankComposerRows as _t, UsageDialog as a, Button as an, CopyAction as at, ConversationScrollButton as b, hashtagTrigger as bt, Transcript as c, PromptTokenText as ct, Message as d, TranscriptDensityProvider as dt, PortalScope as en, previewPatch as et, MessageContent as f, TranscriptVariantProvider as ft, SessionEmptyState as g, mergeComposerRows as gt, TerminalTranscript as h, matchClientCommand as ht, SessionPanel as i, badgeVariants as in, Row as it, Response as j, CopyButton as jt, SubagentStrip as k, CodeBlock as kt, ToolCallCard as l, isMutatingTool as lt, TerminalItemView as m, useTranscriptVariant as mt, usePathLinks as n, Input as nn, Blank as nt, UsageMeters as o, buttonVariants as on, WithActions as ot, FileCard as p, useTranscriptDensity as pt, ToolTitleProvider as q, MenuTrigger as qt, matchPath as r, Badge as rn, Ink as rt, useMinuteClock as s, cn as sn, useAffordances as st, resolveAgainstCwd as t, Textarea as tn, Band as tt, Reasoning as u, toolIcon as ut, Conversation as v, skillPrompt as vt, TerminalQuestionPrompt as w, PromptArea as wt, StatusBar as x, launchTrigger as xt, ConversationContent as y, commandTrigger as yt, HostFilesDialog as z, DialogContent as zt };
+export { TerminalDiff as $, SelectItem as $t, PermissionPrompt as A, ProgressRing as At, EntryIcon as B, DialogBody as Bt, SessionInfoDialog as C, hashtagTrigger as Ct, QuestionPrompt as D, PromptArea as Dt, QUESTION_BEHAVIORS as E, usePromptAreaState as Et, permissionModeMeta as F, copyText as Ft, Composer as G, DialogTrigger as Gt, TaskList as H, DialogContent as Ht, ModelSelect as I, Tip as It, useToolTitle as J, MenuItem as Jt, TerminalSurface as K, Menu$1 as Kt, SkillsDialog as L, TooltipContent as Lt, PERMISSION_MODES as M, CodeBlock as Mt, PermissionModeSelect as N, Spinner as Nt, parseUserQuestions as O, plainTextToSegments as Ot, permissionModeChoices as P, CopyButton as Pt, parseFileLink as Q, SelectContent as Qt, McpDialog as R, TooltipProvider as Rt, STATUS_META as S, commandTrigger as St, TerminalPermissionPrompt as T, mentionTrigger as Tt, ContextDialog as U, DialogHeader as Ut, TasksDialog as V, DialogClose as Vt, contextNote as W, DialogRow as Wt, FileLinkProvider as X, MenuTrigger as Xt, TerminalMarkdown as Y, MenuSeparator as Yt, useFileLinks as Z, Select$1 as Zt, Loader as _, matchClientCommand as _t, UsageDialog as a, Input as an, CopyAction as at, ConversationScrollButton as b, rankPeerSessions as bt, Transcript as c, Button as cn, PromptTokenText as ct, Message as d, isMutatingTool as dt, SelectItemText as en, previewPatch as et, MessageContent as f, toolIcon as ft, SessionEmptyState as g, useTranscriptVariant as gt, TerminalTranscript as h, useTranscriptDensity as ht, SessionPanel as i, Textarea as in, Row as it, Response as j, Splitter as jt, SubagentStrip as k, segmentsToPlainText as kt, ToolCallCard as l, buttonVariants as ln, SessionNamesProvider as lt, TerminalItemView as m, TranscriptVariantProvider as mt, usePathLinks as n, SelectValue as nn, Blank as nt, UsageMeters as o, Badge as on, WithActions as ot, FileCard as p, TranscriptDensityProvider as pt, ToolTitleProvider as q, MenuContent as qt, matchPath as r, PortalScope as rn, Ink as rt, useMinuteClock as s, badgeVariants as sn, useAffordances as st, resolveAgainstCwd as t, SelectTrigger as tn, Band as tt, Reasoning as u, cn as un, SkillNamesProvider as ut, Conversation as v, mergeComposerRows as vt, TerminalQuestionPrompt as w, launchTrigger as wt, StatusBar as x, skillPrompt as xt, ConversationContent as y, rankComposerRows as yt, HostFilesDialog as z, Dialog$1 as zt };
 
-//# sourceMappingURL=use-path-links-CvcxdUXL.mjs.map
+//# sourceMappingURL=use-path-links-CepFsMdW.mjs.map