@workerdeck/ui 2.2.1 → 2.4.0

package/build/{SessionPanel-ErvQUyHe.mjs → SessionPanel-B5FfiBxE.mjs}

@@ -1,4 +1,4 @@
-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 { 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-BO9wJloK.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, ArrowRight, ArrowUp, AtSign, Bra
 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, parseTodoWriteInput, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, usageInfos, visibleTasks } from "@workerdeck/protocol";
+import { PROTOCOL_VERSION, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, usageInfos, visibleTasks } 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";
@@ -117,6 +117,15 @@ const Input = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("
 }));
 Input.displayName = "Input";
 //#endregion
+//#region src/components/ui/Textarea.tsx
+const Textarea = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("textarea", {
+	ref,
+	"data-slot": "textarea",
+	className: cn("w-full resize-none rounded-md border border-border bg-bg px-2.5 py-2 text-body-sm text-text", "placeholder:text-fg-4 transition-colors outline-none", "hover:border-border-strong focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40", "disabled:pointer-events-none disabled:opacity-50", className),
+	...props
+}));
+Textarea.displayName = "Textarea";
+//#endregion
 //#region src/components/ui/PortalScope.tsx
 const PortalScope = ({ children }) => /* @__PURE__ */ jsx("div", {
 	className: "wd-root",
@@ -5451,12 +5460,13 @@ function TurnResultRow$1({ item }) {
 		children: message
 	}, index))] });
 }
-function CompactionRow$1() {
+function CompactionRow$1({ item }) {
+	const failed = item.error !== void 0;
 	return /* @__PURE__ */ jsx(Row, {
-		glyph: "≡",
-		glyphTone: "yellow",
-		tone: "faint",
-		children: COMPACTION_TEXT
+		glyph: item.pending ? "⋯" : "≡",
+		glyphTone: failed ? "red" : "yellow",
+		tone: failed ? "red" : "faint",
+		children: compactionText(item)
 	});
 }
 function NoticeRow$1({ item }) {
@@ -7322,20 +7332,6 @@ const QUESTION_BEHAVIORS = [
 		description: "the agent is told to decide on its own"
 	}
 ];
-function parseUserQuestions(input) {
-	return (Array.isArray(input.questions) ? input.questions : []).flatMap((entry) => {
-		const q = entry;
-		if (typeof q.question !== "string" || !Array.isArray(q.options)) return [];
-		const options = q.options.filter((o) => typeof o?.label === "string");
-		if (options.length === 0) return [];
-		return [{
-			question: q.question,
-			header: typeof q.header === "string" ? q.header : "",
-			options,
-			multiSelect: q.multiSelect === true
-		}];
-	});
-}
 const EMPTY_SELECTION = {
 	labels: [],
 	other: "",
@@ -7426,12 +7422,13 @@ function QuestionPrompt({ request, onAnswer, onDismiss, className }) {
 										onClick: () => update(index, { otherActive: !selection.otherActive }),
 										className: cn("shrink-0 rounded-md border px-2.5 py-1.5 text-body-sm font-medium transition-colors", selection.otherActive ? "border-info bg-bg text-fg-1" : "border-border bg-bg/50 text-fg-3 hover:border-border-strong hover:bg-bg"),
 										children: "Other…"
-									}), selection.otherActive ? /* @__PURE__ */ jsx(Input, {
+									}), selection.otherActive ? /* @__PURE__ */ jsx(Textarea, {
 										autoFocus: true,
+										rows: 1,
 										value: selection.other,
 										onChange: (e) => update(index, { other: e.target.value }),
 										placeholder: "Type your own answer",
-										className: "flex-1"
+										className: "max-h-40 flex-1 overflow-y-auto py-1.5 field-sizing-content"
 									}) : null]
 								})]
 							})]
@@ -7575,13 +7572,14 @@ function PromptInput({ value, onChange, onSubmit, onCancel, placeholder }) {
 		columns: 5,
 		glyph: "   ›",
 		glyphTone: "dim",
-		children: /* @__PURE__ */ jsx("input", {
+		children: /* @__PURE__ */ jsx("textarea", {
 			autoFocus: true,
+			rows: 1,
 			value,
 			placeholder,
 			onChange: (event) => onChange(event.target.value),
 			onKeyDown: (event) => {
-				if (event.key === "Enter") {
+				if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
 					event.preventDefault();
 					onSubmit();
 				}
@@ -7722,7 +7720,7 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 				}
 			}),
 			/* @__PURE__ */ jsx(Blank, {}),
-			/* @__PURE__ */ jsx(Hint, { children: "Enter to select · ↑/↓ to navigate · 1–3 to choose · Esc to cancel" })
+			/* @__PURE__ */ jsx(Hint, { children: denying ? "Enter to send · Shift+Enter for a new line · Esc to go back" : "Enter to select · ↑/↓ to navigate · 1–3 to choose · Esc to cancel" })
 		]
 	});
 }
@@ -7827,7 +7825,7 @@ function TerminalQuestionPrompt({ request, onAnswer, onDismiss, className }) {
 				onDismiss: dismiss
 			}, tab),
 			/* @__PURE__ */ jsx(Blank, {}),
-			/* @__PURE__ */ jsx(Hint, { children: "Enter to select · ↑/↓ to navigate · Tab to switch questions · Esc to cancel" })
+			/* @__PURE__ */ jsx(Hint, { children: !review && selection.otherActive ? "Enter to submit · Shift+Enter for a new line · Tab to switch questions · Esc to cancel" : "Enter to select · ↑/↓ to navigate · Tab to switch questions · Esc to cancel" })
 		]
 	});
 }
@@ -9021,7 +9019,7 @@ function itemHeight(item, m) {
 			return acc;
 		}
 		case "notice": return rowH(item.text, m, { extraPx });
-		case "compaction": return rowH(COMPACTION_TEXT, m, { extraPx });
+		case "compaction": return rowH(compactionText(item), m, { extraPx });
 		case "file_delivered": return rowH(`${item.path} · ${formatBytes(item.bytes)}` + (item.description ? ` · ${item.description}` : ""), m, { extraPx });
 		default: return {
 			px: 0,
@@ -9949,7 +9947,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 "compaction": return /* @__PURE__ */ jsx(CompactionRow$1, { item });
 		case "file_delivered": return /* @__PURE__ */ jsx(FileRow, {
 			item,
 			href: fileUrl?.(item.path)
@@ -10485,7 +10483,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 "compaction": return /* @__PURE__ */ jsx(CompactionRow, { item });
 		case "file_delivered": return /* @__PURE__ */ jsx(FileCard, {
 			item,
 			href: fileUrl?.(item.path)
@@ -10493,15 +10491,19 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 		default: return null;
 	}
 }
-function CompactionRow() {
+function CompactionRow({ item }) {
 	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]
+				className: `font-mono text-label ${item.error === void 0 ? "text-fg-3" : "text-danger"}`,
+				children: [
+					item.pending ? "⋯" : "≡",
+					" ",
+					compactionText(item)
+				]
 			}),
 			/* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
 		]
@@ -10956,11 +10958,7 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 								label: state.status === "starting" ? "Starting…" : "Working…",
 								startedAt: runStartedAt,
 								tokens: state.contextUsage?.totalTokens
-							})] }) : /* @__PURE__ */ jsx(Loader, {
-								label: state.status === "starting" ? "Starting session…" : void 0,
-								startedAt: runStartedAt,
-								tokens: state.contextUsage?.totalTokens
-							}) : null
+							})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
 						]
 					})
 				}),
@@ -11137,7 +11135,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, 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", 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, 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";
@@ -11525,6 +11523,12 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 										},
 										affordances,
 										children: state.pendingApprovals.map((request) => {
+											const HostPrompt = approvalPrompts?.[request.toolName];
+											if (HostPrompt) return /* @__PURE__ */ jsx(HostPrompt, {
+												request,
+												onApprove: approve,
+												onDeny: deny
+											}, request.id);
 											const isQuestion = request.toolName === "AskUserQuestion" && parseUserQuestions(request.input).length > 0;
 											if (terminal) return isQuestion ? /* @__PURE__ */ jsx(TerminalQuestionPrompt, {
 												request,
@@ -11692,6 +11696,6 @@ function Notice({ level, onDismiss, children }) {
 	});
 }
 //#endregion
-export { Ink as $, PERMISSION_MODES as A, DialogContent as At, TaskList as B, SelectContent as Bt, TerminalPermissionPrompt as C, copyText as Ct, SubagentStrip as D, Dialog$1 as Dt, parseUserQuestions as E, TooltipProvider as Et, SkillsDialog as F, MenuContent as Ft, TerminalSurface as G, PortalScope as Gt, contextNote as H, SelectItemText as Ht, McpDialog as I, MenuItem as It, TerminalMarkdown as J, badgeVariants as Jt, ToolTitleProvider as K, Input as Kt, HostFilesDialog as L, MenuSeparator as Lt, permissionModeChoices as M, DialogRow as Mt, permissionModeMeta as N, DialogTrigger as Nt, PermissionPrompt as O, DialogBody as Ot, ModelSelect as P, Menu$1 as Pt, Blank as Q, EntryIcon as R, MenuTrigger as Rt, TerminalQuestionPrompt as S, CopyButton as St, QuestionPrompt as T, TooltipContent as Tt, Composer as U, SelectTrigger as Ut, ContextDialog as V, SelectItem as Vt, skillPrompt as W, SelectValue as Wt, previewPatch as X, buttonVariants as Xt, TerminalDiff as Y, Button as Yt, Band as Z, cn as Zt, ConversationContent as _, segmentsToPlainText as _t, Transcript as a, toolIcon as at, STATUS_META as b, CodeBlock as bt, PromptTokenText as c, useTranscriptDensity as ct, FileCard as d, hashtagTrigger as dt, Row as et, TerminalItemView as f, launchTrigger as ft, Conversation as g, plainTextToSegments as gt, Loader as h, PromptArea as ht, useMinuteClock as i, isMutatingTool as it, PermissionModeSelect as j, DialogHeader as jt, Response as k, DialogClose as kt, Message as l, useTranscriptVariant as lt, SessionEmptyState as m, usePromptAreaState as mt, UsageDialog as n, WithActions as nt, ToolCallCard as o, TranscriptDensityProvider as ot, TerminalTranscript as p, mentionTrigger as pt, useToolTitle as q, Badge as qt, UsageMeters as r, useAffordances as rt, Reasoning as s, TranscriptVariantProvider as st, SessionPanel as t, CopyAction as tt, MessageContent as u, commandTrigger as ut, ConversationScrollButton as v, ProgressRing as vt, QUESTION_BEHAVIORS as w, Tip as wt, SessionInfoDialog as x, Spinner as xt, StatusBar as y, Splitter as yt, TasksDialog as z, Select$1 as zt };
+export { Ink as $, PERMISSION_MODES as A, DialogContent as At, TaskList as B, SelectContent as Bt, TerminalPermissionPrompt as C, copyText as Ct, SubagentStrip as D, Dialog$1 as Dt, parseUserQuestions as E, TooltipProvider as Et, SkillsDialog as F, MenuContent as Ft, TerminalSurface as G, PortalScope as Gt, contextNote as H, SelectItemText as Ht, McpDialog as I, MenuItem as It, TerminalMarkdown as J, Badge as Jt, ToolTitleProvider as K, Textarea as Kt, HostFilesDialog as L, MenuSeparator as Lt, permissionModeChoices as M, DialogRow as Mt, permissionModeMeta as N, DialogTrigger as Nt, PermissionPrompt as O, DialogBody as Ot, ModelSelect as P, Menu$1 as Pt, Blank as Q, cn as Qt, EntryIcon as R, MenuTrigger as Rt, TerminalQuestionPrompt as S, CopyButton as St, QuestionPrompt as T, TooltipContent as Tt, Composer as U, SelectTrigger as Ut, ContextDialog as V, SelectItem as Vt, skillPrompt as W, SelectValue as Wt, previewPatch as X, Button as Xt, TerminalDiff as Y, badgeVariants as Yt, Band as Z, buttonVariants as Zt, ConversationContent as _, segmentsToPlainText as _t, Transcript as a, toolIcon as at, STATUS_META as b, CodeBlock as bt, PromptTokenText as c, useTranscriptDensity as ct, FileCard as d, hashtagTrigger as dt, Row as et, TerminalItemView as f, launchTrigger as ft, Conversation as g, plainTextToSegments as gt, Loader as h, PromptArea as ht, useMinuteClock as i, isMutatingTool as it, PermissionModeSelect as j, DialogHeader as jt, Response as k, DialogClose as kt, Message as l, useTranscriptVariant as lt, SessionEmptyState as m, usePromptAreaState as mt, UsageDialog as n, WithActions as nt, ToolCallCard as o, TranscriptDensityProvider as ot, TerminalTranscript as p, mentionTrigger as pt, useToolTitle as q, Input as qt, UsageMeters as r, useAffordances as rt, Reasoning as s, TranscriptVariantProvider as st, SessionPanel as t, CopyAction as tt, MessageContent as u, commandTrigger as ut, ConversationScrollButton as v, ProgressRing as vt, QUESTION_BEHAVIORS as w, Tip as wt, SessionInfoDialog as x, Spinner as xt, StatusBar as y, Splitter as yt, TasksDialog as z, Select$1 as zt };
 
-//# sourceMappingURL=SessionPanel-ErvQUyHe.mjs.map
+//# sourceMappingURL=SessionPanel-B5FfiBxE.mjs.map