@workerdeck/ui 3.2.0 → 3.4.0

package/build/{use-path-links-C6Fh5zdx.mjs → use-path-links-WCsysQPy.mjs}

@@ -5,11 +5,11 @@ 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, ArrowUp, AtSign, Bot, BotOff, Brain, ChartPie, Check, CheckSquare, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, ClipboardList, Clock, Code, Copy, Download, File, FileDiff, FileText, Folder, FolderSearch, FolderTree, Gauge, Globe, Hand, Image, Info, Link2, LoaderCircle, Maximize, Maximize2, MessageCircleQuestion, MessageSquareText, Minus, MoreHorizontal, Paperclip, PencilLine, Plug, Plus, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, SquareTerminal, Star, Terminal, TriangleAlert, Users, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
+import { ArrowDown, ArrowDownCircle, ArrowDownToLine, ArrowLeft, ArrowUp, AtSign, Bot, BotOff, Brain, ChartPie, Check, CheckSquare, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, ClipboardList, Clock, Code, Copy, Download, File, FileDiff, FileText, Folder, FolderSearch, FolderTree, Gauge, Globe, Hand, Image, Info, Link2, LoaderCircle, Maximize, Maximize2, MessageCircleQuestion, MessageSquareText, Minus, MoreHorizontal, Paperclip, PencilLine, Plug, Plus, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, SquareTerminal, Star, 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, SHELL_INTERACTIVE_NOTE, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, errorMessage, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, pricingAgeNote, rateFor, resolvePosix, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale } from "@workerdeck/protocol";
+import { PRICING_NOTE, PROTOCOL_VERSION, SHELL_INTERACTIVE_NOTE, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, errorMessage, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, peerShortId, pricingAgeNote, rateFor, resolvePosix, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale } from "@workerdeck/protocol";
 import { recapLine, scanPromptTokens, summarizeSince, useAsync, useAttachments, useClaudeSession, useDraft, useHostFileSearch, usePeerSessions, useProfileUsage, useShellTerminal, useToolCallHost } from "@workerdeck/react";
 import { Streamdown, defaultRehypePlugins } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
@@ -4588,7 +4588,7 @@ function composerCommandRows(rows) {
 		insertText: `/${row.name} `
 	});
 }
-function buildClientCommands({ capabilities, hasModels, setModel, setPermissionMode, clearContext, openPanel }) {
+function buildClientCommands({ capabilities, hasModels, efforts = [], setModel, setEffort, setPermissionMode, clearContext, openPanel }) {
 	const modes = capabilities.permissionModes;
 	const built = [];
 	if (hasModels) built.push({
@@ -4603,6 +4603,22 @@ function buildClientCommands({ capabilities, hasModels, setModel, setPermissionM
 			return true;
 		}
 	});
+	if (efforts.length && setEffort) built.push({
+		name: "effort",
+		description: `Set the reasoning effort (${efforts.join(", ")}, default)`,
+		argumentHint: "<level>",
+		requiresArgs: true,
+		run: (args) => {
+			const wanted = args.split(/\s+/)[0];
+			if (wanted === "default") {
+				setEffort(void 0);
+				return true;
+			}
+			if (!wanted || !efforts.includes(wanted)) return false;
+			setEffort(wanted);
+			return true;
+		}
+	});
 	if (modes.length > 1) built.push({
 		name: "permissions",
 		description: `Set the permission mode (${modes.join(", ")})`,
@@ -4937,6 +4953,23 @@ function BookmarkAction({ id }) {
 		onPress: () => handle.toggle(id)
 	});
 }
+const TaskControlContext = createContext(void 0);
+function TaskControlProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(TaskControlContext.Provider, {
+		value,
+		children
+	});
+}
+function BackgroundAction({ toolUseId }) {
+	const handle = useContext(TaskControlContext);
+	if (!handle) return null;
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: ArrowDownToLine,
+		word: "background",
+		label: "Move to background (the command keeps running, the agent continues)",
+		onPress: () => handle.background(toolUseId)
+	});
+}
 function OpenSubagentAction({ onOpen, label = "Open sub-agent" }) {
 	return /* @__PURE__ */ jsx(ActionButton, {
 		icon: Maximize2,
@@ -4994,6 +5027,51 @@ function AgentWriteIcon({ granted, className }) {
 		className
 	});
 }
+const ELAPSED_WIDEST = " ·\xA059m\xA059s";
+const BACKGROUNDABLE = /* @__PURE__ */ new Set([
+	"Bash",
+	"Task",
+	"Agent"
+]);
+function toolBusy(item) {
+	const status = item.status ?? (item.result === void 0 ? "running" : "settled");
+	return status === "running" || status === "pending";
+}
+function liveTailLines(item) {
+	if (!item.liveTail || !toolBusy(item)) return [];
+	return item.liveTail.split("\n").slice(-5);
+}
+function elapsedLabel(startedAt, now) {
+	if (startedAt === void 0 || now - startedAt < 5e3) return;
+	return formatDuration(Math.floor((now - startedAt) / 1e3) * 1e3).replace(" ", "\xA0");
+}
+function runStartedAt(items) {
+	let earliest;
+	for (const item of items) if (toolBusy(item) && item.ts !== void 0 && (earliest === void 0 || item.ts < earliest)) earliest = item.ts;
+	return earliest;
+}
+function canBackground(item) {
+	return BACKGROUNDABLE.has(item.name) && item.parentToolUseId == null && toolBusy(item);
+}
+function runTailLines(items) {
+	for (let index = items.length - 1; index >= 0; index--) {
+		const lines = liveTailLines(items[index]);
+		if (lines.length > 0) return lines;
+	}
+	return [];
+}
+function backgroundableSince(items) {
+	let since;
+	for (let index = items.length - 1; index >= 0; index--) {
+		const item = items[index];
+		if (item.kind === "user" && item.parentToolUseId == null) break;
+		if (item.kind === "tool_call" && canBackground(item)) {
+			const ts = item.ts ?? 0;
+			since = since === void 0 ? ts : Math.min(since, ts);
+		}
+	}
+	return since;
+}
 //#endregion
 //#region src/components/terminal/row.tsx
 function Row({ glyph, glyphTone, tone, bold, indent, columns, className, children, style, ...props }) {
@@ -5908,7 +5986,8 @@ function isPeerSend(item) {
 	return item.kind === "tool_call" && isPeerSendTool(item.name);
 }
 function peerName(origin) {
-	return origin.name ?? origin.sessionId.slice(0, 8);
+	if (!origin.name) return peerShortId(origin.sessionId);
+	return origin.hostId ? `${origin.name}@${origin.hostId}` : origin.name;
 }
 function peerNamesOf(items) {
 	const names = /* @__PURE__ */ new Map();
@@ -5929,7 +6008,7 @@ function peerSendTarget(item, names) {
 	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);
+	return delivered?.name ?? names?.get(sessionId) ?? peerShortId(sessionId);
 }
 function peerSendText(item) {
 	const text = item.input?.text;
@@ -6305,7 +6384,7 @@ 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);
+	const who = origin.name ? `${origin.name} (${peerShortId(origin.sessionId)})` : peerShortId(origin.sessionId);
 	return `message from ${origin.engine ? `${origin.engine} session ` : "session "}${who}`;
 }
 function PeerRow({ glyph, who, body, tone = "peer", clip }) {
@@ -6431,6 +6510,9 @@ function ToolRow({ item }) {
 	const busy = status === "running" || status === "pending";
 	const isError = status === "failed" || item.result?.isError === true;
 	const pulse = usePulse(busy);
+	const now = useTicker(busy && item.ts !== void 0);
+	const elapsed = busy ? elapsedLabel(item.ts, now) : void 0;
+	const tail = liveTailLines(item);
 	const text = item.result?.text ?? "";
 	const lines = text.trimEnd().split("\n");
 	const collapsed = collapsedResult(lines, item.result?.totalChars);
@@ -6449,10 +6531,14 @@ function ToolRow({ item }) {
 		ref: reveal,
 		className: open ? "term-open" : void 0,
 		children: /* @__PURE__ */ jsxs(WithActions, {
-			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }), copyable ? /* @__PURE__ */ jsx(CopyAction, {
-				text: copyable,
-				label: "Copy"
-			}) : null] }),
+			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				canBackground(item) ? /* @__PURE__ */ jsx(BackgroundAction, { toolUseId: item.id }) : null,
+				/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
+				copyable ? /* @__PURE__ */ jsx(CopyAction, {
+					text: copyable,
+					label: "Copy"
+				}) : null
+			] }),
 			children: [
 				/* @__PURE__ */ jsx(Pressable, {
 					onPress: () => setOpen((v) => !v),
@@ -6477,6 +6563,15 @@ function ToolRow({ item }) {
 									")"
 								]
 							}),
+							elapsed ? /* @__PURE__ */ jsxs(Ink, {
+								tone: "faint",
+								children: [
+									" ",
+									"·",
+									"\xA0",
+									elapsed
+								]
+							}) : null,
 							title && open ? /* @__PURE__ */ jsxs(Ink, {
 								tone: "faint",
 								children: [" · ", item.name]
@@ -6488,6 +6583,7 @@ function ToolRow({ item }) {
 						]
 					})
 				}),
+				/* @__PURE__ */ jsx(LiveTail, { lines: tail }),
 				hostPath !== void 0 ? /* @__PURE__ */ jsx(TerminalHostImage, { path: hostPath }) : null,
 				item.result?.images?.map((image) => /* @__PURE__ */ jsx(TerminalImage, {
 					toolUseId: item.id,
@@ -6632,25 +6728,39 @@ function ToolRunRow({ items }) {
 	});
 	const failed = runFailed(items);
 	const pulse = usePulse(busy);
+	const startedAt = runStartedAt(items);
+	const elapsed = elapsedLabel(startedAt, useTicker(startedAt !== void 0));
 	return /* @__PURE__ */ jsxs("div", {
 		ref: reveal,
 		className: open ? "term-open" : void 0,
-		children: [/* @__PURE__ */ jsx(Pressable, {
-			onPress: () => setOpen((v) => !v),
-			expanded: open,
-			children: /* @__PURE__ */ jsx(Row, {
-				glyph: busy ? pulse : void 0,
-				glyphTone: busy ? "mark" : void 0,
-				tone: failed ? "red" : "dim",
-				children: busy ? /* @__PURE__ */ jsx("span", {
-					className: "term-shimmer",
-					children: runSummary(items, busy)
-				}) : runSummary(items, busy)
-			})
-		}), open ? /* @__PURE__ */ jsx("div", { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 ? /* @__PURE__ */ jsx(Blank, {}) : null, index < items.length - 1 ? /* @__PURE__ */ jsx(ActionPlacementProvider, {
-			value: "below",
-			children: /* @__PURE__ */ jsx(ToolRow, { item })
-		}) : /* @__PURE__ */ jsx(ToolRow, { item })] }, item.id)) }) : null]
+		children: [
+			/* @__PURE__ */ jsx(Pressable, {
+				onPress: () => setOpen((v) => !v),
+				expanded: open,
+				children: /* @__PURE__ */ jsxs(Row, {
+					glyph: busy ? pulse : void 0,
+					glyphTone: busy ? "mark" : void 0,
+					tone: failed ? "red" : "dim",
+					children: [busy ? /* @__PURE__ */ jsx("span", {
+						className: "term-shimmer",
+						children: runSummary(items, busy)
+					}) : runSummary(items, busy), elapsed ? /* @__PURE__ */ jsxs(Ink, {
+						tone: "faint",
+						children: [
+							" ",
+							"·",
+							"\xA0",
+							elapsed
+						]
+					}) : null]
+				})
+			}),
+			open ? null : /* @__PURE__ */ jsx(LiveTail, { lines: runTailLines(items) }),
+			open ? /* @__PURE__ */ jsx("div", { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 ? /* @__PURE__ */ jsx(Blank, {}) : null, index < items.length - 1 ? /* @__PURE__ */ jsx(ActionPlacementProvider, {
+				value: "below",
+				children: /* @__PURE__ */ jsx(ToolRow, { item })
+			}) : /* @__PURE__ */ jsx(ToolRow, { item })] }, item.id)) }) : null
+		]
 	});
 }
 function RunRow({ items }) {
@@ -6776,6 +6886,15 @@ function FileRow({ item, href }) {
 		]
 	});
 }
+function LiveTail({ lines }) {
+	return lines.map((line, index) => /* @__PURE__ */ jsx(Row, {
+		indent: 1,
+		columns: 3,
+		glyph: index === 0 ? "⎿" : void 0,
+		tone: "faint",
+		children: line || " "
+	}, index));
+}
 function useTicker(on) {
 	const [now, setNow] = useState(() => Date.now());
 	useEffect(() => {
@@ -6831,7 +6950,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, peers, onShellCommand, attachments, toolbar, layout = "stacked", fontSize, lineHeight, affordances, draft, className, ref }) {
+function Composer({ onSend, onSendNow, 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 ?? "");
@@ -6910,6 +7029,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				value: peer.slug,
 				label: peer.label,
 				description: [
+					peer.gateway,
 					peer.engine,
 					peer.project,
 					peer.status
@@ -6941,7 +7061,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 	}, [plainText, saveDraft]);
 	const staged = attachments?.items ?? [];
 	const canSend = !disabled && (!isEmpty || staged.length > 0) && !attachments?.uploading && !attachments?.hasFailure;
-	const submit = () => {
+	const submit = (now = false) => {
 		if (!canSend) return;
 		if (shellMode) {
 			const command = plainText.trim();
@@ -6953,7 +7073,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			focus();
 			return;
 		}
-		onSend(plainText.trim(), attachments?.readyIds ?? []);
+		(now && onSendNow ? onSendNow : onSend)(plainText.trim(), attachments?.readyIds ?? []);
 		attachments?.clear();
 		draft?.clear();
 		clear();
@@ -7002,6 +7122,11 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				setHelpOpen(true);
 				return;
 			}
+			if (e.key === "Enter" && e.altKey && onSendNow && canSend) {
+				e.preventDefault();
+				submit(true);
+				return;
+			}
 			if (helpOpen) setHelpOpen(false);
 		}
 	};
@@ -7065,10 +7190,16 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		"data-tone": "blue",
 		children: "❯"
 	});
+	const sendNow = onSendNow && canSend && !shellMode ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "term-press term-link text-label",
+		onClick: () => submit(true),
+		children: "⌥↵ send now - moves the running command to the background"
+	}) : null;
 	const submitButton = terminal ? /* @__PURE__ */ jsx(GlyphButton, {
 		label: "Send",
 		disabled: !canSend,
-		onClick: submit,
+		onClick: () => submit(),
 		tone: canSend ? "blue" : void 0,
 		children: "↵"
 	}) : busy && !canSend ? /* @__PURE__ */ jsx(Button, {
@@ -7083,7 +7214,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		"aria-label": "Send",
 		className: "rounded-full",
 		disabled: !canSend,
-		onClick: submit,
+		onClick: () => submit(),
 		children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })
 	});
 	const dropHandlers = {
@@ -7124,7 +7255,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		triggers,
 		markdown: false,
 		normalizeBullets: false,
-		onSubmit: submit,
+		onSubmit: () => submit(),
 		disabled,
 		placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
 		minHeight,
@@ -7150,6 +7281,13 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "term-composer-body",
 					children: [
+						sendNow ? /* @__PURE__ */ jsxs("div", {
+							className: "term-row",
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "term-gutter"
+							}), sendNow]
+						}) : null,
 						stagedStrip,
 						/* @__PURE__ */ jsxs("div", {
 							className: "term-row",
@@ -7203,6 +7341,10 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		className: cn("px-[var(--wd-composer-padding)] pb-[var(--wd-composer-padding)]", className),
 		children: [
 			helpRow,
+			sendNow ? /* @__PURE__ */ jsx("div", {
+				className: "mx-auto mb-1 w-full max-w-[var(--wd-transcript-max-width)] text-text-muted",
+				children: sendNow
+			}) : null,
 			/* @__PURE__ */ jsxs("div", {
 				...dropHandlers,
 				className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)] overflow-hidden border border-border bg-bg", "transition-colors rounded-lg shadow-(--shadow-xs)", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30", dragging && "border-ring ring-2 ring-ring/30", shellMode && "border-[var(--wd-shell-accent)] focus-within:border-[var(--wd-shell-accent)] focus-within:ring-[var(--wd-shell-accent)]/30", disabled && "opacity-60"),
@@ -8071,6 +8213,50 @@ function ModelSelect({ models, model, onModelChange, variant = "toolbar", disabl
 	});
 }
 //#endregion
+//#region src/components/agent/EffortSelect.tsx
+const DEFAULT_VALUE = "default";
+function effortChoices(models, model, capabilities) {
+	return matchModel(models, model)?.reasoningEfforts ?? capabilities.reasoningEfforts ?? [];
+}
+function EffortSelect({ efforts, effort, onEffortChange, variant = "toolbar", disabled, className }) {
+	const items = [{
+		value: DEFAULT_VALUE,
+		label: "Default"
+	}, ...efforts.map((value) => ({
+		value,
+		label: value
+	}))];
+	return /* @__PURE__ */ jsxs(Select$1, {
+		items,
+		value: effort ?? null,
+		onValueChange: (value) => {
+			if (typeof value !== "string" || value === effort) return;
+			onEffortChange(value === DEFAULT_VALUE ? void 0 : value);
+		},
+		disabled,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			"aria-label": "Reasoning effort",
+			className: cn(variant === "toolbar" && "h-6 max-w-32 border-transparent bg-transparent text-fg-3 hover:bg-surface-hover", className),
+			children: /* @__PURE__ */ jsxs("span", {
+				className: cn("flex items-center gap-1 truncate", variant === "toolbar" && "font-mono text-label"),
+				children: [/* @__PURE__ */ jsx(Brain, { className: "size-3 shrink-0" }), /* @__PURE__ */ jsx(SelectValue, { placeholder: "effort" })]
+			})
+		}), /* @__PURE__ */ jsx(SelectContent, {
+			className: "min-w-40",
+			children: items.map((item) => /* @__PURE__ */ jsxs(SelectItem, {
+				value: item.value,
+				children: [/* @__PURE__ */ jsx(SelectItemText, { children: /* @__PURE__ */ jsx("span", {
+					className: "font-medium",
+					children: item.label
+				}) }), item.value === DEFAULT_VALUE ? /* @__PURE__ */ jsx("span", {
+					className: "text-label text-fg-4",
+					children: "The model's configured default"
+				}) : null]
+			}, item.value))
+		})]
+	});
+}
+//#endregion
 //#region src/components/agent/PermissionModeSelect.tsx
 const PERMISSION_MODES = [
 	{
@@ -10780,10 +10966,16 @@ function toolRowHeight(item, m, extraPx) {
 	const todos = todoPreview(item.name, item.input);
 	const preview = todos ? todos.summary : toolInputPreview(item.input);
 	const backend = item.backend && item.backend !== "server" ? ` · ${item.backend}` : "";
-	let acc = rowH(`${item.name}(${preview})${backend}`, m, {
+	const elapsed = toolBusy(item) && item.ts !== void 0 ? ELAPSED_WIDEST : "";
+	let acc = rowH(`${item.name}(${preview})${backend}${elapsed}`, m, {
 		gutterCells: 2,
 		extraPx
 	});
+	for (const line of liveTailLines(item)) acc = add(acc, rowH(line || " ", m, {
+		indentCells: 3,
+		gutterCells: 3,
+		extraPx
+	}));
 	const boxes = (item.result?.images?.length ?? 0) + (hostImagePathOf(item) === void 0 ? 0 : 1);
 	if (boxes > 0) acc = add(acc, {
 		px: boxes * 12 * m.line,
@@ -10872,7 +11064,13 @@ function blockHeight(block, 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);
+		const elapsed = runStartedAt(plan.items) === void 0 ? "" : ELAPSED_WIDEST;
+		let acc = rowH(runSummary(plan.items, busy) + elapsed, m);
+		for (const line of runTailLines(plan.items)) acc = add(acc, rowH(line || " ", m, {
+			indentCells: 3,
+			gutterCells: 3
+		}));
+		return acc;
 	}
 	return itemHeight(block.item, m);
 }
@@ -12179,15 +12377,33 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 function ToolCard({ item, hostImage }) {
 	const command = item.input?.command;
 	const copyable = typeof command === "string" ? command : item.result?.text ?? "";
-	return /* @__PURE__ */ jsx(WithActions, {
-		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }), copyable ? /* @__PURE__ */ jsx(CopyAction, {
-			text: copyable,
-			label: "Copy"
-		}) : null] }),
-		children: /* @__PURE__ */ jsx(ToolCallCard, {
+	return /* @__PURE__ */ jsxs(WithActions, {
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			canBackground(item) ? /* @__PURE__ */ jsx(BackgroundAction, { toolUseId: item.id }) : null,
+			/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
+			copyable ? /* @__PURE__ */ jsx(CopyAction, {
+				text: copyable,
+				label: "Copy"
+			}) : null
+		] }),
+		children: [/* @__PURE__ */ jsx(ToolCallCard, {
 			item,
 			hostImage
-		})
+		}), toolBusy(item) ? /* @__PURE__ */ jsx(LiveToolStrip, { item }) : null]
+	});
+}
+function LiveToolStrip({ item }) {
+	const now = useTicker(item.ts !== void 0);
+	const elapsed = elapsedLabel(item.ts, now);
+	const tail = liveTailLines(item);
+	if (!elapsed && tail.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "tool-live",
+		className: "mt-1 text-label text-fg-4",
+		children: [elapsed ? /* @__PURE__ */ jsxs("div", { children: ["running ", elapsed] }) : null, tail.length > 0 ? /* @__PURE__ */ jsx("pre", {
+			className: "overflow-x-auto font-mono whitespace-pre-wrap text-fg-3",
+			children: tail.join("\n")
+		}) : null]
 	});
 }
 function ShellCard({ item }) {
@@ -13128,7 +13344,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	const controlsExternal = controlsSurface === "external" || controlsInStatus;
 	const [protocolError, setProtocolError] = useState(void 0);
 	const [panel, setPanel] = useState();
-	const { state, connection, replaying, protocolMismatch, shell, pricing, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, clearContext, setModel, setPermissionMode, reconnectNow, loadFullResult, loadShellOutput, verifyShell, killShell, setShellAgentWrite } = useClaudeSession(client, sessionId, {
+	const { state, connection, replaying, protocolMismatch, shell, pricing, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, backgroundTask, clearContext, setModel, setEffort, setPermissionMode, reconnectNow, loadFullResult, loadShellOutput, verifyShell, killShell, setShellAgentWrite } = useClaudeSession(client, sessionId, {
 		onProtocolError: setProtocolError,
 		cacheTranscript
 	});
@@ -13213,19 +13429,29 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		state.session?.subagents
 	]);
 	const hasModels = models.length > 0;
+	const efforts = useMemo(() => effortChoices(models, effectiveModel ?? state.model, capabilities), [
+		models,
+		effectiveModel,
+		state.model,
+		capabilities
+	]);
 	const clientCommands = useMemo(() => buildClientCommands({
 		capabilities,
 		hasModels,
+		efforts,
 		setModel,
+		setEffort,
 		setPermissionMode,
 		clearContext,
 		openPanel
 	}), [
 		capabilities,
 		hasModels,
+		efforts,
 		openPanel,
 		clearContext,
 		setModel,
+		setEffort,
 		setPermissionMode
 	]);
 	const composerCommands = useMemo(() => composerCommandRows(mergeComposerRows({
@@ -13250,6 +13476,8 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		capabilities: state.capabilities,
 		model: vitalsModel,
 		models,
+		effort: state.effort,
+		efforts,
 		permissionMode: state.permissionMode,
 		permissionModes,
 		skills: state.skills,
@@ -13272,16 +13500,19 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	onControlsRef.current = onControls;
 	const setters = useRef({
 		setModel,
+		setEffort,
 		setPermissionMode,
 		interrupt
 	});
 	setters.current = {
 		setModel,
+		setEffort,
 		setPermissionMode,
 		interrupt
 	};
 	const controls = useRef({
 		setModel: (model) => setters.current.setModel(model),
+		setEffort: (effort) => setters.current.setEffort(effort),
 		setPermissionMode: (mode) => setters.current.setPermissionMode(mode),
 		interrupt: () => setters.current.interrupt(),
 		focusComposer: () => composerRef.current?.focus(),
@@ -13297,6 +13528,8 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		has: (id) => bookmarkSet.has(id),
 		toggle: onToggleBookmark
 	} : void 0, [bookmarkSet, onToggleBookmark]);
+	const canBackgroundTasks = !readOnly && capabilities.backgroundTasks === true;
+	const taskControl = useMemo(() => canBackgroundTasks ? { background: backgroundTask } : void 0, [canBackgroundTasks, backgroundTask]);
 	const busy = state.status === "running" || state.status === "awaiting_approval";
 	const ended = state.status === "failed" || state.status === "closed";
 	const attachments = useAttachments(client, sessionId, {
@@ -13325,6 +13558,13 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		repinTranscript.current?.();
 		send(text, attachmentIds);
 	};
+	const foregroundSince = canBackgroundTasks ? backgroundableSince(state.items) : void 0;
+	const tick = useTicker(foregroundSince !== void 0);
+	const runningForeground = foregroundSince !== void 0 && tick - foregroundSince >= 5e3;
+	const handleSendNow = (text, attachmentIds) => {
+		handleSend(text, attachmentIds);
+		backgroundTask();
+	};
 	const menuShows = {
 		context: capabilities.contextUsage,
 		usage: capabilities.rateLimits,
@@ -13352,20 +13592,30 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		onOpenChange: (next) => setPanel(next ? target : void 0)
 	});
 	const headerTakesActions = typeof header === "function";
-	const sessionControls = /* @__PURE__ */ jsxs(Fragment$1, { children: [models.length ? /* @__PURE__ */ jsx(ModelSelect, {
-		models,
-		model: effectiveModel,
-		onModelChange: setModel,
-		disabled: ended,
-		className: controlsInStatus ? "h-5" : void 0
-	}) : null, state.permissionMode ? /* @__PURE__ */ jsx(PermissionModeSelect, {
-		mode: state.permissionMode,
-		onModeChange: setPermissionMode,
-		modes: capabilities.permissionModes,
-		canBypass: state.session?.canBypassPermissions,
-		disabled: ended,
-		className: controlsInStatus ? "h-5" : void 0
-	}) : null] });
+	const sessionControls = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		models.length ? /* @__PURE__ */ jsx(ModelSelect, {
+			models,
+			model: effectiveModel,
+			onModelChange: setModel,
+			disabled: ended,
+			className: controlsInStatus ? "h-5" : void 0
+		}) : null,
+		efforts.length && state.effort !== null ? /* @__PURE__ */ jsx(EffortSelect, {
+			efforts,
+			effort: state.effort,
+			onEffortChange: setEffort,
+			disabled: ended,
+			className: controlsInStatus ? "h-5" : void 0
+		}) : null,
+		state.permissionMode ? /* @__PURE__ */ jsx(PermissionModeSelect, {
+			mode: state.permissionMode,
+			onModeChange: setPermissionMode,
+			modes: capabilities.permissionModes,
+			canBypass: state.session?.canBypassPermissions,
+			disabled: ended,
+			className: controlsInStatus ? "h-5" : void 0
+		}) : null
+	] });
 	const statusBar = statusExternal ? null : /* @__PURE__ */ jsx(StatusBar, {
 		state,
 		rateLimits,
@@ -13460,31 +13710,34 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 					fontSize: cell.fontSize
 				}, framedShellId) : /* @__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,
-						sessionNames: peers.names,
-						hostImage,
-						variant: transcriptVariant,
-						...cell,
-						affordances,
-						stickyPrompt,
-						scrubber,
-						bookmarks,
-						replaying,
-						catchUp: catchUp && newCount > 0 ? {
-							from: catchUp.itemCount,
-							since: catchUp.since
-						} : void 0,
-						reveal: frameReturnReveal ?? reveal,
-						frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
-						onOpenSubagent: enterSubagent,
-						emptyState,
-						jumpToRecapRef: jumpToRecap,
-						repinRef: repinTranscript
-					}, subagentId ?? "session")
+					children: /* @__PURE__ */ jsx(TaskControlProvider, {
+						value: taskControl,
+						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,
+							sessionNames: peers.names,
+							hostImage,
+							variant: transcriptVariant,
+							...cell,
+							affordances,
+							stickyPrompt,
+							scrubber,
+							bookmarks,
+							replaying,
+							catchUp: catchUp && newCount > 0 ? {
+								from: catchUp.itemCount,
+								since: catchUp.since
+							} : void 0,
+							reveal: frameReturnReveal ?? 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 && framedShellId === void 0 ? /* @__PURE__ */ jsx(CatchUpBanner, {
 					count: newCount,
@@ -13505,6 +13758,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 				readOnly || subagentId !== void 0 || framedShellId !== void 0 ? null : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Composer, {
 					ref: composerRef,
 					onSend: handleSend,
+					onSendNow: runningForeground ? handleSendNow : void 0,
 					onInterrupt: interrupt,
 					busy,
 					disabled: ended || !sessionId,
@@ -13733,6 +13987,6 @@ function resolveAgainstCwd(path, cwd) {
 	return parseFileLink(path, cwd)?.path ?? path;
 }
 //#endregion
-export { ShellActionsProvider as $, Spinner as $t, PermissionPrompt as A, buttonVariants as An, PromptTokenText as At, ModelSelect as B, rankPeerSessions as Bt, SessionInfoDialog as C, SelectValue as Cn, Blank as Ct, QUESTION_BEHAVIORS as D, Badge as Dn, CopyAction as Dt, TerminalPermissionPrompt as E, Input as En, AgentWriteIcon as Et, SubagentStrip as F, TranscriptVariantProvider as Ft, useMcpPanel as G, mentionTrigger as Gt, McpDialog as H, commandTrigger as Ht, PERMISSION_MODES as I, useTranscriptVariant as It, ContextDialog as J, plainTextToSegments as Jt, HostFilesDialog as K, usePromptAreaState as Kt, PermissionModeSelect as L, matchClientCommand as Lt, useShellFrame as M, SkillNamesProvider as Mt, ShellTerminal as N, isMutatingTool as Nt, QuestionPrompt as O, badgeVariants as On, WithActions as Ot, ShellStrip as P, toolIcon as Pt, TerminalSurface as Q, CodeBlock as Qt, permissionModeChoices as R, mergeComposerRows as Rt, STATUS_META as S, SelectTrigger as Sn, Band as St, TerminalQuestionPrompt as T, Textarea as Tn, Row as Tt, McpPanel as U, hashtagTrigger as Ut, SkillsDialog as V, skillPrompt as Vt, McpPanelActions as W, launchTrigger as Wt, contextNote as X, ProgressRing as Xt, ContextPanel as Y, segmentsToPlainText as Yt, Composer as Z, Splitter as Zt, Loader as _, OptionSelect as _n, FileLinkProvider as _t, UsageDialog as a, Dialog$1 as an, shellGrantable as at, ConversationScrollButton as b, SelectItem as bn, TerminalDiff as bt, TerminalTranscript as c, DialogContent as cn, shellInfoStatusText as ct, Reasoning as d, DialogTrigger as dn, useToolTitle as dt, CopyButton as en, useShellActions as et, Message as f, Menu$1 as fn, TerminalMarkdown as ft, SessionEmptyState as g, MenuTrigger as gn, useOpenImage as gt, TerminalItemView as h, MenuSeparator as hn, ViewableImage as ht, SessionPanel as i, TooltipProvider as in, shellAgentWriteLabel as it, Response as j, cn as jn, SessionNamesProvider as jt, parseUserQuestions as k, Button as kn, useAffordances as kt, Transcript as l, DialogHeader as ln, shellTitle as lt, FileCard as m, MenuItem as mn, ImageViewerProvider as mt, usePathLinks as n, Tip as nn, SHELL_GLYPH as nt, UsageMeters as o, DialogBody as on, shellInfoFailed as ot, MessageContent as p, MenuContent as pn, ImageViewer as pt, EntryIcon as q, PromptArea as qt, matchPath as r, TooltipContent as rn, SHELL_KILL_GLYPH as rt, useMinuteClock as s, DialogClose as sn, shellInfoLabel as st, resolveAgainstCwd as t, copyText as tn, SHELL_AGENT_WRITE_NOTE as tt, ToolCallCard as u, DialogRow as un, ToolTitleProvider as ut, Conversation as v, Select$1 as vn, useFileLinks as vt, SessionInfoPanel as w, PortalScope as wn, Ink as wt, StatusBar as x, SelectItemText as xn, previewPatch as xt, ConversationContent as y, SelectContent as yn, parseFileLink as yt, permissionModeMeta as z, rankComposerRows as zt };
+export { Composer as $, Splitter as $t, PermissionPrompt as A, badgeVariants as An, WithActions as At, EffortSelect as B, mergeComposerRows as Bt, SessionInfoDialog as C, SelectItemText as Cn, previewPatch as Ct, QUESTION_BEHAVIORS as D, Textarea as Dn, Row as Dt, TerminalPermissionPrompt as E, PortalScope as En, Ink as Et, SubagentStrip as F, isMutatingTool as Ft, McpPanel as G, hashtagTrigger as Gt, ModelSelect as H, rankPeerSessions as Ht, PERMISSION_MODES as I, toolIcon as It, HostFilesDialog as J, usePromptAreaState as Jt, McpPanelActions as K, launchTrigger as Kt, PermissionModeSelect as L, TranscriptVariantProvider as Lt, useShellFrame as M, buttonVariants as Mn, PromptTokenText as Mt, ShellTerminal as N, cn as Nn, SessionNamesProvider as Nt, QuestionPrompt as O, Input as On, AgentWriteIcon as Ot, ShellStrip as P, SkillNamesProvider as Pt, contextNote as Q, ProgressRing as Qt, permissionModeChoices as R, useTranscriptVariant as Rt, STATUS_META as S, SelectItem as Sn, TerminalDiff as St, TerminalQuestionPrompt as T, SelectValue as Tn, Blank as Tt, SkillsDialog as U, skillPrompt as Ut, effortChoices as V, rankComposerRows as Vt, McpDialog as W, commandTrigger as Wt, ContextDialog as X, plainTextToSegments as Xt, EntryIcon as Y, PromptArea as Yt, ContextPanel as Z, segmentsToPlainText as Zt, Loader as _, MenuSeparator as _n, ViewableImage as _t, UsageDialog as a, TooltipContent as an, SHELL_KILL_GLYPH as at, ConversationScrollButton as b, Select$1 as bn, useFileLinks as bt, TerminalTranscript as c, DialogBody as cn, shellInfoFailed as ct, Reasoning as d, DialogHeader as dn, shellTitle as dt, CodeBlock as en, TerminalSurface as et, Message as f, DialogRow as fn, ToolTitleProvider as ft, SessionEmptyState as g, MenuItem as gn, ImageViewerProvider as gt, TerminalItemView as h, MenuContent as hn, ImageViewer as ht, SessionPanel as i, Tip as in, SHELL_GLYPH as it, Response as j, Button as jn, useAffordances as jt, parseUserQuestions as k, Badge as kn, CopyAction as kt, Transcript as l, DialogClose as ln, shellInfoLabel as lt, FileCard as m, Menu$1 as mn, TerminalMarkdown as mt, usePathLinks as n, CopyButton as nn, useShellActions as nt, UsageMeters as o, TooltipProvider as on, shellAgentWriteLabel as ot, MessageContent as p, DialogTrigger as pn, useToolTitle as pt, useMcpPanel as q, mentionTrigger as qt, matchPath as r, copyText as rn, SHELL_AGENT_WRITE_NOTE as rt, useMinuteClock as s, Dialog$1 as sn, shellGrantable as st, resolveAgainstCwd as t, Spinner as tn, ShellActionsProvider as tt, ToolCallCard as u, DialogContent as un, shellInfoStatusText as ut, Conversation as v, MenuTrigger as vn, useOpenImage as vt, SessionInfoPanel as w, SelectTrigger as wn, Band as wt, StatusBar as x, SelectContent as xn, parseFileLink as xt, ConversationContent as y, OptionSelect as yn, FileLinkProvider as yt, permissionModeMeta as z, matchClientCommand as zt };
 
-//# sourceMappingURL=use-path-links-C6Fh5zdx.mjs.map
+//# sourceMappingURL=use-path-links-WCsysQPy.mjs.map