@workerdeck/ui 1.1.0 → 1.3.0

package/build/{SessionPanel-I5QSLLb0.mjs → SessionPanel-DQp2oStr.mjs}

@@ -1,4 +1,4 @@
-import { S as toolInputPreview, _ as formatRateLimitWindowLong, a as meterTintClass, d as formatAgoPrecise, f as formatBytes, h as formatDuration, m as formatCountdown, p as formatCost, r as meterColorClass, v as formatRelativeTime, x as rateLimitWindowSeconds, y as formatTokens } from "./status-Dm9INVTt.mjs";
+import { C as toolInputPreview, S as rateLimitWindowSeconds, a as meterTintClass, b as formatTokens, d as COMPACTION_TEXT, f as formatAgoPrecise, g as formatDuration, h as formatCountdown, m as formatCost, p as formatBytes, r as meterColorClass, v as formatRateLimitWindowLong, y as formatRelativeTime } from "./status-C4TAgVSc.mjs";
 import { Fragment, createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
 import { clsx } from "clsx";
@@ -9,7 +9,7 @@ import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowUp, AtSign, Brain, ChartPie
 import { Menu } from "@base-ui/react/menu";
 import { Dialog } from "@base-ui/react/dialog";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { PROTOCOL_VERSION, mergeUsage, orderUsageWindows, subagentLabel, usageInfos } from "@workerdeck/protocol";
+import { PROTOCOL_VERSION, mergeUsage, orderUsageWindows, subagentLabel, toolTitle, usageInfos } from "@workerdeck/protocol";
 import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, useProfileUsage, useToolCallHost } from "@workerdeck/react";
 import { Streamdown } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
@@ -4974,6 +4974,18 @@ function useToolResultFetcher() {
 	return useContext(FetchContext);
 }
 //#endregion
+//#region src/components/agent/tool-titles.tsx
+const TitlesContext = createContext(void 0);
+function ToolTitleProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(TitlesContext.Provider, {
+		value,
+		children
+	});
+}
+function useToolTitle(name) {
+	return toolTitle(name, useContext(TitlesContext));
+}
+//#endregion
 //#region src/components/agent/tool-result-image.tsx
 const noop = async () => void 0;
 const ImageContext = createContext(noop);
@@ -5270,6 +5282,7 @@ function ToolRow({ item }) {
 	const command = item.input?.command;
 	const copyable = typeof command === "string" ? command : text;
 	const todos = todoPreview(item.name, item.input);
+	const title = useToolTitle(item.name);
 	return /* @__PURE__ */ jsx("div", {
 		ref: reveal,
 		className: open ? "term-open" : void 0,
@@ -5286,11 +5299,12 @@ function ToolRow({ item }) {
 						glyph: busy ? pulse : "●",
 						glyphTone: tone,
 						tone: "fg",
+						title: title ? item.name : void 0,
 						children: [
 							/* @__PURE__ */ jsx(Ink, {
 								bold: true,
 								tone: "bright",
-								children: item.name
+								children: title ?? item.name
 							}),
 							/* @__PURE__ */ jsxs(Ink, {
 								tone: "dim",
@@ -5300,6 +5314,10 @@ function ToolRow({ item }) {
 									")"
 								]
 							}),
+							title && open ? /* @__PURE__ */ jsxs(Ink, {
+								tone: "faint",
+								children: [" · ", item.name]
+							}) : null,
 							item.backend && item.backend !== "server" ? /* @__PURE__ */ jsxs(Ink, {
 								tone: "faint",
 								children: [" · ", item.backend]
@@ -5441,6 +5459,14 @@ function TurnResultRow$1({ item }) {
 		children: message
 	}, index))] });
 }
+function CompactionRow$1() {
+	return /* @__PURE__ */ jsx(Row, {
+		glyph: "≡",
+		glyphTone: "yellow",
+		tone: "faint",
+		children: COMPACTION_TEXT
+	});
+}
 function NoticeRow$1({ item }) {
 	const error = item.level === "error";
 	return /* @__PURE__ */ jsx(Row, {
@@ -5933,17 +5959,24 @@ function extensionOf(name) {
 }
 //#endregion
 //#region src/lib/css.ts
-/**
-* Pass a colour through only if this engine can actually parse it. Category colours arrive
-* from the CLI as untrusted strings, and an unparseable one must fall back to the token
-* colour rather than reaching the DOM.
-*/
 function cssColor(color) {
 	return typeof CSS !== "undefined" && CSS.supports("color", color) ? color : void 0;
 }
 //#endregion
+//#region src/lib/context-note.ts
+const CODEX_CONTEXT_NOTE = {
+	summary: "Codex budgets 272K input by default and reports 95% of it, so a 1M-class model reads ~258k. That is codex’s price tier, not the model’s ceiling — and it is the number auto-compaction fires on, so the meter is honest.",
+	hint: "Raising it is yours to set: model_context_window in ~/.codex/config.toml — and watch for auto-compaction failing afterwards.",
+	detail: ["To raise it, set model_context_window in ~/.codex/config.toml, up to 872000 (reported as 828400). Codex clamps to its own max_context_window, itself below OpenAI’s stated 922,000 max input.", "Above 272K input, a request bills at 2x input / 1.5x output for the whole request. WorkerDeck never writes this setting — it is a cost decision on your account."],
+	caveat: "Raise it and watch for auto-compaction failing: openai/codex #16068 reports it stops firing after the first overflow. Unverified here on 0.149.0."
+};
+function contextNote(engine) {
+	return (engine ?? "claude") === "codex" ? CODEX_CONTEXT_NOTE : void 0;
+}
+//#endregion
 //#region src/components/agent/ContextDialog.tsx
-function ContextDialog({ usage, open, onOpenChange, className }) {
+function ContextDialog({ usage, engine, open, onOpenChange, className }) {
+	const note = contextNote(engine);
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
@@ -5952,7 +5985,7 @@ function ContextDialog({ usage, open, onOpenChange, className }) {
 			children: [/* @__PURE__ */ jsx(DialogHeader, {
 				title: "Context",
 				description: usage?.model
-			}), /* @__PURE__ */ jsx(DialogBody, { children: !usage ? /* @__PURE__ */ jsx("p", {
+			}), /* @__PURE__ */ jsxs(DialogBody, { children: [!usage ? /* @__PURE__ */ jsx("p", {
 				className: "py-6 text-center text-body-sm text-fg-4",
 				children: "No reading yet — the context window is measured after a turn completes."
 			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -6018,16 +6051,32 @@ function ContextDialog({ usage, open, onOpenChange, className }) {
 						})
 					})]
 				}) : null
-			] }) })]
+			] }), note ? /* @__PURE__ */ jsxs("div", {
+				className: "mt-5 border-t border-border pt-4",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "text-label font-medium text-fg-3",
+						children: "Why this window is 272K"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-body-sm text-fg-2",
+						children: note.summary
+					}),
+					note.detail.map((line) => /* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-body-sm text-fg-3",
+						children: line
+					}, line)),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-body-sm text-warning",
+						children: note.caveat
+					})
+				]
+			}) : null] })]
 		})
 	});
 }
 //#endregion
 //#region src/components/agent/EntryIcon.tsx
-/**
-* The icon for one host directory entry. A symlink is drawn as a link and never silently
-* resolved — the caller decides what a symlink means, the tree only says it is one.
-*/
 function EntryIcon({ type }) {
 	if (type === "dir") return /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-accent" });
 	if (type === "symlink") return /* @__PURE__ */ jsx(Link2, { className: "size-3.5 shrink-0 text-fg-4" });
@@ -6389,10 +6438,17 @@ function ServerView({ server, busy, canManage, onAct, onSelectTool }) {
 					type: "button",
 					onClick: () => onSelectTool(t.name),
 					className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-surface-hover",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 truncate font-mono text-label text-fg-1",
-						children: t.name
-					}), /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 shrink-0 text-fg-4" })]
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 flex-1 truncate font-mono text-label text-fg-1",
+							children: t.name
+						}),
+						t.title ? /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 shrink truncate text-label text-fg-4",
+							children: t.title
+						}) : null,
+						/* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 shrink-0 text-fg-4" })
+					]
 				}) }, t.name))
 			})] })
 		]
@@ -6403,6 +6459,10 @@ function ToolView({ tool }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-3",
 		children: [
+			tool.title ? /* @__PURE__ */ jsx("p", {
+				className: "text-body-sm font-medium text-fg-1",
+				children: tool.title
+			}) : null,
 			tool.description ? /* @__PURE__ */ jsx("p", {
 				className: "text-body-sm whitespace-pre-wrap text-fg-2",
 				children: tool.description
@@ -7035,14 +7095,6 @@ function blockNeedsBlank(previous, next) {
 }
 //#endregion
 //#region src/components/agent/use-subagent-frame.ts
-/**
-* The sub-agent frame machine: which agent frame is on screen, how it is entered (a host
-* `openSubagent` request or a Task row in the transcript), how it is left (Escape, the strip's
-* Back, or the host withdrawing), and what the transcript reveals on the way out. The frame
-* round-trips through the host's URL — the anti-loop rules live in GOTCHAS ("The sub-agent
-* frame round-trips through the URL"); here they mean: entry keys on the nonce alone, and the
-* report is deduped through a ref, so an echo of our own report is inert on arrival.
-*/
 function useSubagentFrame(options) {
 	const { sessionId, items, session, reveal, openSubagent, onSubagentChange } = options;
 	const [subagentId, setSubagentId] = useState(void 0);
@@ -7947,40 +7999,48 @@ function useNow(intervalMs = 3e4) {
 	}, [intervalMs]);
 	return now;
 }
-function ContextMeter({ usage }) {
+function ContextMeter({ usage, engine }) {
+	const note = contextNote(engine);
 	return /* @__PURE__ */ jsx(Tip, {
 		content: /* @__PURE__ */ jsxs("div", {
-			className: "flex min-w-44 flex-col gap-1 py-0.5",
-			children: [usage.categories.map((c) => /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "size-2 shrink-0 rounded-full bg-fg-4",
-						style: cssColor(c.color) ? { backgroundColor: c.color } : void 0
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "flex-1",
-						children: c.name
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "font-mono text-fg-3",
-						children: formatTokens(c.tokens)
-					})
-				]
-			}, c.name)), /* @__PURE__ */ jsxs("div", {
-				className: "mt-0.5 flex items-center justify-between gap-2 border-t border-border pt-1",
-				children: [/* @__PURE__ */ jsx("span", { children: "Total" }), /* @__PURE__ */ jsxs("span", {
-					className: "font-mono text-fg-3",
+			className: "flex max-w-64 min-w-44 flex-col gap-1 py-0.5",
+			children: [
+				usage.categories.map((c) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
 					children: [
-						formatTokens(usage.totalTokens),
-						" / ",
-						formatTokens(usage.maxTokens),
-						" (",
-						usage.percentage.toFixed(0),
-						"%)"
+						/* @__PURE__ */ jsx("span", {
+							className: "size-2 shrink-0 rounded-full bg-fg-4",
+							style: cssColor(c.color) ? { backgroundColor: c.color } : void 0
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: c.name
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "font-mono text-fg-3",
+							children: formatTokens(c.tokens)
+						})
 					]
-				})]
-			})]
+				}, c.name)),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-0.5 flex items-center justify-between gap-2 border-t border-border pt-1",
+					children: [/* @__PURE__ */ jsx("span", { children: "Total" }), /* @__PURE__ */ jsxs("span", {
+						className: "font-mono text-fg-3",
+						children: [
+							formatTokens(usage.totalTokens),
+							" / ",
+							formatTokens(usage.maxTokens),
+							" (",
+							usage.percentage.toFixed(0),
+							"%)"
+						]
+					})]
+				}),
+				note ? /* @__PURE__ */ jsxs("div", {
+					className: "mt-0.5 flex flex-col gap-1 border-t border-border pt-1 text-fg-3",
+					children: [/* @__PURE__ */ jsx("span", { children: note.summary }), /* @__PURE__ */ jsx("span", { children: note.hint })]
+				}) : null
+			]
 		}),
 		children: /* @__PURE__ */ jsxs("span", {
 			className: cn("inline-flex cursor-default items-center gap-1 font-mono text-label", meterColorClass(usage.percentage)),
@@ -8076,7 +8136,10 @@ function StatusBar({ state, rateLimits, connected, connection, onOpenStatus, onO
 			state.capabilities.contextUsage && state.contextUsage ? /* @__PURE__ */ jsx(Slot, {
 				onClick: onOpenContext,
 				hint: "Context breakdown",
-				children: /* @__PURE__ */ jsx(ContextMeter, { usage: state.contextUsage })
+				children: /* @__PURE__ */ jsx(ContextMeter, {
+					usage: state.contextUsage,
+					engine: state.engine
+				})
 			}) : null,
 			session || weekly ? /* @__PURE__ */ jsx(Slot, {
 				onClick: onOpenUsage,
@@ -8795,6 +8858,7 @@ function itemHeight(item, m) {
 			return acc;
 		}
 		case "notice": return rowH(item.text, m, { extraPx });
+		case "compaction": return rowH(COMPACTION_TEXT, m, { extraPx });
 		case "file_delivered": return rowH(`${item.path} · ${formatBytes(item.bytes)}` + (item.description ? ` · ${item.description}` : ""), m, { extraPx });
 		default: return {
 			px: 0,
@@ -9627,14 +9691,6 @@ function useHeightEpoch(options) {
 //#region src/components/agent/use-transcript-jumps.ts
 const AIM_PASSES = 4;
 const AIM_SETTLE_MS = 50;
-/**
-* The send re-pin: a held, escape-proof pin, not one `scrollToBottom('instant')` — a trackpad's
-* trailing momentum tick reads as escape intent and aborts the one-shot before its first frame
-* (GOTCHAS "The send re-pin is a held pin"). Every line is load-bearing: clear the stale escape
-* flag, hold through the momentum tail, seed the `ignoreEscapes` record the library only
-* installs one rAF too late, and press the first scroll synchronously. Deliberate detach
-* (`stopScroll`, drag-selection) still wins immediately.
-*/
 function repinToBottom(stick) {
 	const { state } = stick;
 	state.escapedFromLock = false;
@@ -9730,6 +9786,7 @@ function TerminalItemView({ item, fileUrl }) {
 		case "tool_call": return /* @__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, {});
 		case "file_delivered": return /* @__PURE__ */ jsx(FileRow, {
 			item,
 			href: fileUrl?.(item.path)
@@ -10044,6 +10101,7 @@ function ToolCallCard({ item, hostImage, className }) {
 	const badge = STATE_BADGE[status];
 	const isError = status === "failed" || item.result?.isError === true;
 	const Icon = toolIcon(item.name);
+	const title = useToolTitle(item.name);
 	const resultText = item.result?.text ?? "";
 	const clipped = !fullResult && resultText.length > RESULT_PREVIEW_CHARS;
 	const shownResult = clipped ? resultText.slice(0, RESULT_PREVIEW_CHARS) : resultText;
@@ -10052,6 +10110,10 @@ function ToolCallCard({ item, hostImage, className }) {
 	const details = open ? /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-2 border-t border-border p-2.5",
 		children: [
+			title ? /* @__PURE__ */ jsx("p", {
+				className: "font-mono text-label text-fg-4",
+				children: item.name
+			}) : null,
 			/* @__PURE__ */ jsx(PlainPayload, {
 				code: JSON.stringify(item.input, null, 2),
 				language: "json",
@@ -10113,8 +10175,9 @@ function ToolCallCard({ item, hostImage, className }) {
 				children: [
 					/* @__PURE__ */ jsx(Icon, { className: "size-3.5 shrink-0 text-fg-3" }),
 					/* @__PURE__ */ jsx("span", {
-						className: "shrink-0 font-mono text-body-sm font-medium text-fg-1",
-						children: item.name
+						className: cn("shrink-0 text-body-sm font-medium text-fg-1", title === void 0 && "font-mono"),
+						title: item.name,
+						children: title ?? item.name
 					}),
 					item.backend && item.backend !== "server" ? /* @__PURE__ */ jsx(Badge, {
 						variant: "neutral",
@@ -10229,7 +10292,6 @@ function NoticeRow({ item }) {
 		children: item.text
 	});
 }
-/** The item-view switch: one transcript item, drawn for the active variant. */
 function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal }) {
 	if (terminal) return /* @__PURE__ */ jsx(TerminalItemView, {
 		item,
@@ -10260,6 +10322,7 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 		});
 		case "turn_result": return /* @__PURE__ */ jsx(TurnResultRow, { item });
 		case "notice": return /* @__PURE__ */ jsx(NoticeRow, { item });
+		case "compaction": return /* @__PURE__ */ jsx(CompactionRow, {});
 		case "file_delivered": return /* @__PURE__ */ jsx(FileCard, {
 			item,
 			href: fileUrl?.(item.path)
@@ -10267,6 +10330,20 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 		default: return null;
 	}
 }
+function CompactionRow() {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "compaction",
+		className: "flex items-center gap-2 py-1",
+		children: [
+			/* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" }),
+			/* @__PURE__ */ jsxs("span", {
+				className: "font-mono text-label text-fg-3",
+				children: ["≡ ", COMPACTION_TEXT]
+			}),
+			/* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
+		]
+	});
+}
 function RecapRow({ line, since, terminal }) {
 	const away = since === void 0 ? void 0 : formatRelativeTime(since);
 	const text = away ? `${line} · last here ${away}` : line;
@@ -10376,12 +10453,6 @@ function StickyPromptLane({ top, height, gapClass, gapPx, terminal, scrollRoot,
 		]
 	});
 }
-/**
-* The virtualized row lane and its scroll-ownership regime. Two things want to write
-* `scrollTop` — the follow spring and the virtualizer's size-change corrections — and they are
-* split by regime here: pinned, corrections are suppressed outright; escaped, the virtualizer
-* corrects so the scrollback holds still (GOTCHAS "The transcript is virtualized").
-*/
 function TranscriptRows({ rows, boundary, since, terminal, replaying, stickyPrompt, frameParentId, onOpenSubagent, gap, fontSize, lineHeight, items, pendingApprovals, scrubber, bookmarks, affordances, fileUrl, attachmentUrl, hostImage, jumpToRecapRef, repinRef, reveal }) {
 	const stick = useStickToBottomContext();
 	const [scrollElement, setScrollElement] = useState(null);
@@ -10752,6 +10823,65 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 	});
 }
 //#endregion
+//#region src/components/agent/held-sends.tsx
+function useHeldSends(options) {
+	const [held, setHeld] = useState([]);
+	const queue = useRef([]);
+	const sendRef = useRef(options.send);
+	sendRef.current = options.send;
+	const flush = useCallback(() => {
+		const queued = queue.current;
+		if (queued.length === 0) return;
+		queue.current = [];
+		setHeld([]);
+		for (const item of queued) sendRef.current(item.text, item.attachmentIds);
+	}, []);
+	useEffect(() => {
+		if (!options.busy) flush();
+	}, [options.busy, flush]);
+	return {
+		held,
+		submit: useCallback((text, attachmentIds) => {
+			if (!options.hold || !options.busy) {
+				sendRef.current(text, attachmentIds);
+				return;
+			}
+			queue.current = [...queue.current, {
+				text,
+				attachmentIds
+			}];
+			setHeld(queue.current);
+		}, [options.hold, options.busy]),
+		flush
+	};
+}
+function HeldSendsBar({ held, onSendNow }) {
+	if (held.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "px-3 pt-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] items-center gap-2 rounded-md border border-border bg-surface px-3 py-1.5 text-label text-fg-3",
+			children: [
+				/* @__PURE__ */ jsx(Clock, { className: "size-3.5 shrink-0" }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: [
+						held.length === 1 ? "1 message" : `${held.length} messages`,
+						" waiting for this turn to end — ",
+						held[held.length - 1].text
+					]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onSendNow,
+					className: "shrink-0 underline-offset-2 hover:underline",
+					children: "Send now"
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/components/agent/UsageMeters.tsx
 function useMinuteClock(active = true) {
 	const [now, setNow] = useState(() => Date.now());
@@ -10903,7 +11033,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, openSubagent, onSubagentChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, fontSize, className }) {
+function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptDensity = "comfortable", transcriptFont = "sans", midTurnSend = "fold", affordances, terminalMetrics, scrubber = false, bookmarks, onToggleBookmark, reveal, openSubagent, onSubagentChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, 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";
@@ -11061,6 +11191,11 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 			argumentHint: "<model>"
 		}, ...state.commands];
 	}, [state.commands]);
+	const heldSends = useHeldSends({
+		hold: midTurnSend === "hold",
+		busy: busy && !ended,
+		send
+	});
 	const handleSend = (text, attachmentIds) => {
 		if (attachmentIds.length === 0) {
 			const modelCommand = /^\/model\s+(\S+)$/.exec(text);
@@ -11075,7 +11210,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		}
 		setCaughtUp(true);
 		repinTranscript.current?.();
-		send(text, attachmentIds);
+		heldSends.submit(text, attachmentIds);
 	};
 	const actionsMenu = /* @__PURE__ */ jsxs(Menu$1, { children: [/* @__PURE__ */ jsx(MenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
@@ -11165,199 +11300,206 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 			value: transcriptDensity,
 			children: /* @__PURE__ */ jsx(ToolResultFetchProvider, {
 				value: loadFullResult,
-				children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
-					value: resultImages,
-					children: /* @__PURE__ */ jsxs("div", {
-						ref: panelRef,
-						"data-slot": "session-panel",
-						"data-agent-font": transcriptFont,
-						onClick: handleClick,
-						className: cn("flex h-full min-h-0 flex-col overflow-hidden bg-bg", className),
-						style: fontSize !== void 0 ? { "--wd-font-size": `${Math.round(fontSize)}px` } : void 0,
-						children: [
-							headerTakesActions ? header({ actions: menu }) : header,
-							statusPlacement === "top" ? statusBar : null,
-							protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
-								level: "warning",
-								children: [
-									"Server speaks protocol v",
-									protocolMismatch,
-									", this build renders v",
-									PROTOCOL_VERSION,
-									". Some events may not render."
-								]
-							}) : null,
-							protocolError ? /* @__PURE__ */ jsx(Notice, {
-								level: "error",
-								onDismiss: () => setProtocolError(void 0),
-								children: protocolError
-							}) : null,
-							subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
-								task: subagentTask,
-								items: subagentFrameItems,
-								label: subagentFallbackLabel,
-								onBack: leaveSubagent,
-								terminal,
-								fontSize: effectiveTermFontSize,
-								lineHeight: effectiveTermLineHeight
-							}) : null,
-							/* @__PURE__ */ jsx(BookmarkProvider, {
-								value: bookmarkHandle,
-								children: /* @__PURE__ */ jsx(Transcript, {
-									state,
-									fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
-									attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
-									canBrowseFiles: hostFiles.available,
-									hostImage,
-									variant: transcriptVariant,
-									density: transcriptDensity,
-									fontSize: effectiveTermFontSize,
-									lineHeight: effectiveTermLineHeight,
-									affordances,
-									stickyPrompt,
-									scrubber,
-									bookmarks,
-									replaying,
-									catchUp: catchUp && newCount > 0 ? {
-										from: catchUp.itemCount,
-										since: catchUp.since
-									} : void 0,
-									reveal: returnReveal ?? reveal,
-									frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
-									onOpenSubagent: enterSubagent,
-									emptyState,
-									jumpToRecapRef: jumpToRecap,
-									repinRef: repinTranscript
-								}, subagentId ?? "session")
-							}),
-							catchUp && newCount > 0 && !replaying && subagentId === void 0 ? /* @__PURE__ */ jsx("div", {
-								className: "px-3 pb-1",
-								children: /* @__PURE__ */ jsxs("div", {
-									"data-slot": "catch-up",
-									className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] items-center gap-2 text-label text-fg-3",
+				children: /* @__PURE__ */ jsx(ToolTitleProvider, {
+					value: state.toolTitles,
+					children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
+						value: resultImages,
+						children: /* @__PURE__ */ jsxs("div", {
+							ref: panelRef,
+							"data-slot": "session-panel",
+							"data-agent-font": transcriptFont,
+							onClick: handleClick,
+							className: cn("flex h-full min-h-0 flex-col overflow-hidden bg-bg", className),
+							style: fontSize !== void 0 ? { "--wd-font-size": `${Math.round(fontSize)}px` } : void 0,
+							children: [
+								headerTakesActions ? header({ actions: menu }) : header,
+								statusPlacement === "top" ? statusBar : null,
+								protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
+									level: "warning",
 									children: [
-										/* @__PURE__ */ jsx("span", {
-											"aria-hidden": true,
-											className: cn("select-none", terminal ? "text-fg-3" : "text-accent"),
-											children: "※"
-										}),
-										/* @__PURE__ */ jsxs("span", {
-											className: "min-w-0 flex-1 truncate",
-											children: [
-												newCount,
-												" new ",
-												newCount === 1 ? "row" : "rows",
-												catchUp.since !== void 0 ? ` since you were last here` : ""
-											]
-										}),
-										/* @__PURE__ */ jsx("button", {
-											type: "button",
-											onClick: () => jumpToRecap.current?.(),
-											className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
-											children: "jump"
-										}),
-										/* @__PURE__ */ jsx("button", {
-											type: "button",
-											onClick: () => setCaughtUp(true),
-											className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
-											children: "dismiss"
-										})
+										"Server speaks protocol v",
+										protocolMismatch,
+										", this build renders v",
+										PROTOCOL_VERSION,
+										". Some events may not render."
 									]
-								})
-							}) : null,
-							!readOnly && capabilities.interactiveApprovals && state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx("div", {
-								className: cn(terminal ? "pb-2" : "px-3 pb-2"),
-								children: /* @__PURE__ */ jsx(PromptSurface, {
+								}) : null,
+								protocolError ? /* @__PURE__ */ jsx(Notice, {
+									level: "error",
+									onDismiss: () => setProtocolError(void 0),
+									children: protocolError
+								}) : null,
+								subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
+									task: subagentTask,
+									items: subagentFrameItems,
+									label: subagentFallbackLabel,
+									onBack: leaveSubagent,
 									terminal,
-									metrics: {
+									fontSize: effectiveTermFontSize,
+									lineHeight: effectiveTermLineHeight
+								}) : null,
+								/* @__PURE__ */ jsx(BookmarkProvider, {
+									value: bookmarkHandle,
+									children: /* @__PURE__ */ jsx(Transcript, {
+										state,
+										fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
+										attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
+										canBrowseFiles: hostFiles.available,
+										hostImage,
+										variant: transcriptVariant,
+										density: transcriptDensity,
 										fontSize: effectiveTermFontSize,
-										lineHeight: effectiveTermLineHeight
-									},
-									affordances,
-									children: state.pendingApprovals.map((request) => {
-										const isQuestion = request.toolName === "AskUserQuestion" && parseUserQuestions(request.input).length > 0;
-										if (terminal) return isQuestion ? /* @__PURE__ */ jsx(TerminalQuestionPrompt, {
-											request,
-											onAnswer: approve,
-											onDismiss: (id) => deny(id, "Question dismissed by user")
-										}, request.id) : /* @__PURE__ */ jsx(TerminalPermissionPrompt, {
-											request,
-											onApprove: approve,
-											onDeny: deny
-										}, request.id);
-										return isQuestion ? /* @__PURE__ */ jsx(QuestionPrompt, {
-											request,
-											onAnswer: approve,
-											onDismiss: (id) => deny(id, "Question dismissed by user")
-										}, request.id) : /* @__PURE__ */ jsx(PermissionPrompt, {
-											request,
-											onApprove: approve,
-											onDeny: deny
-										}, request.id);
-									})
-								})
-							}) : null,
-							readOnly || subagentId !== void 0 ? null : /* @__PURE__ */ jsx(Composer, {
-								ref: composerRef,
-								onSend: handleSend,
-								onInterrupt: interrupt,
-								busy,
-								disabled: ended || !sessionId,
-								commands: capabilities.slashCommands ? commands : void 0,
-								skills: capabilities.skillsList ? state.skills : void 0,
-								attachments,
-								draft,
-								onSearchFiles: hostFiles.available ? searchComposerFiles : void 0,
-								layout: controlsExternal ? "inline" : "stacked",
-								toolbar: controlsExternal ? void 0 : sessionControls,
-								fontSize: effectiveTermFontSize,
-								lineHeight: effectiveTermLineHeight,
-								affordances
-							}),
-							statusPlacement === "bottom" ? statusBar : null,
-							!external ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-								/* @__PURE__ */ jsx(SessionInfoDialog, {
-									state,
-									client,
-									sessionId,
-									open: panel === "info",
-									onOpenChange: (next) => setPanel(next ? "info" : void 0)
-								}),
-								/* @__PURE__ */ jsx(ContextDialog, {
-									usage: state.contextUsage,
-									open: panel === "context",
-									onOpenChange: (next) => setPanel(next ? "context" : void 0)
-								}),
-								/* @__PURE__ */ jsx(UsageDialog, {
-									rateLimits: windows,
-									subscriptionType: state.subscriptionType,
-									engine: state.engine ?? "claude",
-									totalCostUsd: state.totalCostUsd,
-									updatedAt: usageUpdatedAt,
-									open: panel === "usage",
-									onOpenChange: (next) => setPanel(next ? "usage" : void 0)
-								}),
-								/* @__PURE__ */ jsx(McpDialog, {
-									client,
-									sessionId,
-									canManageServers: capabilities.mcpServerActions,
-									open: panel === "mcp",
-									onOpenChange: (next) => setPanel(next ? "mcp" : void 0)
+										lineHeight: effectiveTermLineHeight,
+										affordances,
+										stickyPrompt,
+										scrubber,
+										bookmarks,
+										replaying,
+										catchUp: catchUp && newCount > 0 ? {
+											from: catchUp.itemCount,
+											since: catchUp.since
+										} : void 0,
+										reveal: returnReveal ?? reveal,
+										frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
+										onOpenSubagent: enterSubagent,
+										emptyState,
+										jumpToRecapRef: jumpToRecap,
+										repinRef: repinTranscript
+									}, subagentId ?? "session")
 								}),
-								/* @__PURE__ */ jsx(SkillsDialog, {
-									skills: state.skills,
-									open: panel === "skills",
-									onOpenChange: (next) => setPanel(next ? "skills" : void 0),
-									onUse: (skill) => composerRef.current?.insertText(skillPrompt(skill))
-								}),
-								/* @__PURE__ */ jsx(HostFilesDialog, {
-									client,
-									cwd: state.cwd,
-									open: panel === "files",
-									onOpenChange: (next) => setPanel(next ? "files" : void 0)
-								})
-							] }) : null
-						]
+								catchUp && newCount > 0 && !replaying && subagentId === void 0 ? /* @__PURE__ */ jsx("div", {
+									className: "px-3 pb-1",
+									children: /* @__PURE__ */ jsxs("div", {
+										"data-slot": "catch-up",
+										className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] items-center gap-2 text-label text-fg-3",
+										children: [
+											/* @__PURE__ */ jsx("span", {
+												"aria-hidden": true,
+												className: cn("select-none", terminal ? "text-fg-3" : "text-accent"),
+												children: "※"
+											}),
+											/* @__PURE__ */ jsxs("span", {
+												className: "min-w-0 flex-1 truncate",
+												children: [
+													newCount,
+													" new ",
+													newCount === 1 ? "row" : "rows",
+													catchUp.since !== void 0 ? ` since you were last here` : ""
+												]
+											}),
+											/* @__PURE__ */ jsx("button", {
+												type: "button",
+												onClick: () => jumpToRecap.current?.(),
+												className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
+												children: "jump"
+											}),
+											/* @__PURE__ */ jsx("button", {
+												type: "button",
+												onClick: () => setCaughtUp(true),
+												className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
+												children: "dismiss"
+											})
+										]
+									})
+								}) : null,
+								!readOnly && capabilities.interactiveApprovals && state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx("div", {
+									className: cn(terminal ? "pb-2" : "px-3 pb-2"),
+									children: /* @__PURE__ */ jsx(PromptSurface, {
+										terminal,
+										metrics: {
+											fontSize: effectiveTermFontSize,
+											lineHeight: effectiveTermLineHeight
+										},
+										affordances,
+										children: state.pendingApprovals.map((request) => {
+											const isQuestion = request.toolName === "AskUserQuestion" && parseUserQuestions(request.input).length > 0;
+											if (terminal) return isQuestion ? /* @__PURE__ */ jsx(TerminalQuestionPrompt, {
+												request,
+												onAnswer: approve,
+												onDismiss: (id) => deny(id, "Question dismissed by user")
+											}, request.id) : /* @__PURE__ */ jsx(TerminalPermissionPrompt, {
+												request,
+												onApprove: approve,
+												onDeny: deny
+											}, request.id);
+											return isQuestion ? /* @__PURE__ */ jsx(QuestionPrompt, {
+												request,
+												onAnswer: approve,
+												onDismiss: (id) => deny(id, "Question dismissed by user")
+											}, request.id) : /* @__PURE__ */ jsx(PermissionPrompt, {
+												request,
+												onApprove: approve,
+												onDeny: deny
+											}, request.id);
+										})
+									})
+								}) : null,
+								readOnly || subagentId !== void 0 ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HeldSendsBar, {
+									held: heldSends.held,
+									onSendNow: heldSends.flush
+								}), /* @__PURE__ */ jsx(Composer, {
+									ref: composerRef,
+									onSend: handleSend,
+									onInterrupt: interrupt,
+									busy,
+									disabled: ended || !sessionId,
+									commands: capabilities.slashCommands ? commands : void 0,
+									skills: capabilities.skillsList ? state.skills : void 0,
+									attachments,
+									draft,
+									onSearchFiles: hostFiles.available ? searchComposerFiles : void 0,
+									layout: controlsExternal ? "inline" : "stacked",
+									toolbar: controlsExternal ? void 0 : sessionControls,
+									fontSize: effectiveTermFontSize,
+									lineHeight: effectiveTermLineHeight,
+									affordances
+								})] }),
+								statusPlacement === "bottom" ? statusBar : null,
+								!external ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+									/* @__PURE__ */ jsx(SessionInfoDialog, {
+										state,
+										client,
+										sessionId,
+										open: panel === "info",
+										onOpenChange: (next) => setPanel(next ? "info" : void 0)
+									}),
+									/* @__PURE__ */ jsx(ContextDialog, {
+										usage: state.contextUsage,
+										engine: state.engine ?? "claude",
+										open: panel === "context",
+										onOpenChange: (next) => setPanel(next ? "context" : void 0)
+									}),
+									/* @__PURE__ */ jsx(UsageDialog, {
+										rateLimits: windows,
+										subscriptionType: state.subscriptionType,
+										engine: state.engine ?? "claude",
+										totalCostUsd: state.totalCostUsd,
+										updatedAt: usageUpdatedAt,
+										open: panel === "usage",
+										onOpenChange: (next) => setPanel(next ? "usage" : void 0)
+									}),
+									/* @__PURE__ */ jsx(McpDialog, {
+										client,
+										sessionId,
+										canManageServers: capabilities.mcpServerActions,
+										open: panel === "mcp",
+										onOpenChange: (next) => setPanel(next ? "mcp" : void 0)
+									}),
+									/* @__PURE__ */ jsx(SkillsDialog, {
+										skills: state.skills,
+										open: panel === "skills",
+										onOpenChange: (next) => setPanel(next ? "skills" : void 0),
+										onUse: (skill) => composerRef.current?.insertText(skillPrompt(skill))
+									}),
+									/* @__PURE__ */ jsx(HostFilesDialog, {
+										client,
+										cwd: state.cwd,
+										open: panel === "files",
+										onOpenChange: (next) => setPanel(next ? "files" : void 0)
+									})
+								] }) : null
+							]
+						})
 					})
 				})
 			})
@@ -11426,6 +11568,6 @@ function Notice({ level, onDismiss, children }) {
 	});
 }
 //#endregion
-export { isMutatingTool as $, PERMISSION_MODES as A, MenuItem as At, Composer as B, Input as Bt, TerminalPermissionPrompt as C, DialogClose as Ct, SubagentStrip as D, DialogTrigger as Dt, parseUserQuestions as E, DialogRow as Et, SkillsDialog as F, SelectItem as Ft, previewPatch as G, cn as Gt, TerminalSurface as H, badgeVariants as Ht, McpDialog as I, SelectItemText as It, Ink as J, Band as K, HostFilesDialog as L, SelectTrigger as Lt, permissionModeChoices as M, MenuTrigger as Mt, permissionModeMeta as N, Select$1 as Nt, PermissionPrompt as O, Menu$1 as Ot, ModelSelect as P, SelectContent as Pt, useAffordances as Q, EntryIcon as R, SelectValue as Rt, TerminalQuestionPrompt as S, DialogBody as St, QuestionPrompt as T, DialogHeader as Tt, TerminalMarkdown as U, Button as Ut, skillPrompt as V, Badge as Vt, TerminalDiff as W, buttonVariants as Wt, CopyAction as X, Row as Y, WithActions as Z, ConversationContent as _, copyText as _t, Transcript as a, commandTrigger as at, STATUS_META as b, TooltipProvider as bt, PromptTokenText as c, usePromptAreaState as ct, FileCard as d, segmentsToPlainText as dt, toolIcon as et, TerminalItemView as f, ProgressRing as ft, Conversation as g, CopyButton as gt, Loader as h, Spinner as ht, useMinuteClock as i, useTranscriptVariant as it, PermissionModeSelect as j, MenuSeparator as jt, Response as k, MenuContent as kt, Message as l, PromptArea as lt, SessionEmptyState as m, CodeBlock as mt, UsageDialog as n, TranscriptVariantProvider as nt, ToolCallCard as o, hashtagTrigger as ot, TerminalTranscript as p, Splitter as pt, Blank as q, UsageMeters as r, useTranscriptDensity as rt, Reasoning as s, mentionTrigger as st, SessionPanel as t, TranscriptDensityProvider as tt, MessageContent as u, plainTextToSegments as ut, ConversationScrollButton as v, Tip as vt, QUESTION_BEHAVIORS as w, DialogContent as wt, SessionInfoDialog as x, Dialog$1 as xt, StatusBar as y, TooltipContent as yt, ContextDialog as z, PortalScope as zt };
+export { Ink as $, PermissionPrompt as A, DialogHeader as At, EntryIcon as B, SelectItem as Bt, SessionInfoDialog as C, Tip as Ct, QuestionPrompt as D, DialogBody as Dt, QUESTION_BEHAVIORS as E, Dialog$1 as Et, permissionModeMeta as F, MenuItem as Ft, TerminalSurface as G, Input as Gt, contextNote as H, SelectTrigger as Ht, ModelSelect as I, MenuSeparator as It, TerminalMarkdown as J, Button as Jt, ToolTitleProvider as K, Badge as Kt, SkillsDialog as L, MenuTrigger as Lt, PERMISSION_MODES as M, DialogTrigger as Mt, PermissionModeSelect as N, Menu$1 as Nt, parseUserQuestions as O, DialogClose as Ot, permissionModeChoices as P, MenuContent as Pt, Blank as Q, McpDialog as R, Select$1 as Rt, STATUS_META as S, copyText as St, TerminalPermissionPrompt as T, TooltipProvider as Tt, Composer as U, SelectValue as Ut, ContextDialog as V, SelectItemText as Vt, skillPrompt as W, PortalScope as Wt, previewPatch as X, cn as Xt, TerminalDiff as Y, buttonVariants as Yt, Band as Z, Loader as _, ProgressRing as _t, HeldSendsBar as a, toolIcon as at, ConversationScrollButton as b, Spinner as bt, ToolCallCard as c, useTranscriptDensity as ct, Message as d, hashtagTrigger as dt, Row as et, MessageContent as f, mentionTrigger as ft, SessionEmptyState as g, segmentsToPlainText as gt, TerminalTranscript as h, plainTextToSegments as ht, useMinuteClock as i, isMutatingTool as it, Response as j, DialogRow as jt, SubagentStrip as k, DialogContent as kt, Reasoning as l, useTranscriptVariant as lt, TerminalItemView as m, PromptArea as mt, UsageDialog as n, WithActions as nt, useHeldSends as o, TranscriptDensityProvider as ot, FileCard as p, usePromptAreaState as pt, useToolTitle as q, badgeVariants as qt, UsageMeters as r, useAffordances as rt, Transcript as s, TranscriptVariantProvider as st, SessionPanel as t, CopyAction as tt, PromptTokenText as u, commandTrigger as ut, Conversation as v, Splitter as vt, TerminalQuestionPrompt as w, TooltipContent as wt, StatusBar as x, CopyButton as xt, ConversationContent as y, CodeBlock as yt, HostFilesDialog as z, SelectContent as zt };
 
-//# sourceMappingURL=SessionPanel-I5QSLLb0.mjs.map
+//# sourceMappingURL=SessionPanel-DQp2oStr.mjs.map