@workerdeck/ui 1.0.0 → 1.2.0

package/build/{SessionPanel-DDgBkHsi.mjs → SessionPanel-DVhnUwXw.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-C0HSLZas.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-BW2xj79g.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";
@@ -1497,7 +1497,7 @@ function unwrapBlockElement(parent, block) {
 */
 function normalizeEditorDOM(editor) {
 	let changed = false;
-	const blockTags = new Set([
+	const blockTags = /* @__PURE__ */ new Set([
 		"DIV",
 		"P",
 		"SECTION",
@@ -2377,12 +2377,15 @@ function usePromptAreaEvents(deps) {
 		e.preventDefault();
 		const editor = editorRef.current;
 		if (!editor) return;
-		const imageFile = Array.from(e.clipboardData.files).find((f) => f.type.startsWith("image/")) ?? Array.from(e.clipboardData.items).find((i) => i.type.startsWith("image/"))?.getAsFile() ?? null;
+		const imageFile = Array.from(e.clipboardData.files).find((f) => f.type.startsWith("image/")) ?? (() => {
+			return Array.from(e.clipboardData.items).find((i) => i.type.startsWith("image/"))?.getAsFile() ?? null;
+		})();
 		if (imageFile) {
 			onImagePaste?.(imageFile);
 			return;
 		}
-		pushUndo(readSegmentsFromDOM());
+		const currentSegments = readSegmentsFromDOM();
+		pushUndo(currentSegments);
 		const segmentJson = e.clipboardData.getData("text/prompt-area-segments");
 		if (segmentJson) {
 			const parsed = parseSegmentsFromClipboard(segmentJson);
@@ -2478,11 +2481,13 @@ function usePromptAreaEvents(deps) {
 		handleCopy(e);
 		const range = getSelectionRange();
 		if (!range) return;
-		pushUndo(readSegmentsFromDOM());
+		const currentSegments = readSegmentsFromDOM();
+		pushUndo(currentSegments);
 		range.deleteContents();
 		const editor = editorRef.current;
 		if (editor) normalizeEditorDOM(editor);
-		onChange(readSegmentsFromDOM());
+		const newSegments = readSegmentsFromDOM();
+		onChange(newSegments);
 		runTriggerDetection();
 	}, [
 		handleCopy,
@@ -2818,8 +2823,9 @@ function usePromptAreaKeydown({ editorRef, triggers, markdownEnabled, submitOnEn
 			if (!offsets) return;
 			const currentSegments = readSegmentsFromDOM();
 			pushUndo(currentSegments);
+			const newSegments = replaceTextRange(currentSegments, offsets.start, offsets.end, "\n");
 			applyEditResult(editor, {
-				segments: replaceTextRange(currentSegments, offsets.start, offsets.end, "\n"),
+				segments: newSegments,
 				cursorOffset: offsets.start + 1
 			});
 		};
@@ -2950,9 +2956,10 @@ function useChipEditing({ editorRef, triggers, disabled, onChange, renderSegment
 					const wasOpenForThisChip = suppressReopenChip.current === node;
 					suppressReopenChip.current = null;
 					if (!disabled && !wasOpenForThisChip && config?.reopenOnChipClick && config.mode === "dropdown" && config.onSearch) {
+						const childIdx = indexOfChildNode(editor, node);
 						editingChip.current = {
 							chip,
-							segIndex: domChildIndexToSegmentIndex(editor, indexOfChildNode(editor, node))
+							segIndex: domChildIndexToSegmentIndex(editor, childIdx)
 						};
 						openChipNode.current = node;
 						setActiveTrigger({
@@ -3429,12 +3436,14 @@ function usePromptArea({ value, onChange, triggers = NO_TRIGGERS, disabled = fal
 			}
 			undoTimer.current = null;
 		}, UNDO_DEBOUNCE_MS);
-		if (editor) if (renumberedCursor !== null) {
-			renderSegmentsToDOM(nextSegments);
-			setCursorAtOffset(editor, renumberedCursor);
-		} else {
-			decorateEditor(editor, markdownEnabled);
-			if (savedCursorOffset !== null) setCursorAtOffset(editor, savedCursorOffset);
+		if (editor) {
+			if (renumberedCursor !== null) {
+				renderSegmentsToDOM(nextSegments);
+				setCursorAtOffset(editor, renumberedCursor);
+			} else {
+				decorateEditor(editor, markdownEnabled);
+				if (savedCursorOffset !== null) setCursorAtOffset(editor, savedCursorOffset);
+			}
 		}
 		runTriggerDetection();
 	}, [
@@ -3925,9 +3934,9 @@ const FILE_ICONS = {
 /** Format bytes into a human-readable string. */
 function formatFileSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-	return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+	if (bytes < 1073741824) return `${(bytes / 1048576).toFixed(1)} MB`;
+	return `${(bytes / 1073741824).toFixed(1)} GB`;
 }
 /** Extract a short extension label from a filename (e.g., "PDF", "CSV"). */
 function getExtensionLabel(name) {
@@ -5015,7 +5024,7 @@ function useToolResultImageSrc(ref) {
 	]);
 	return state;
 }
-const CACHE_BUDGET_BYTES = 64 * 1024 * 1024;
+const CACHE_BUDGET_BYTES = 67108864;
 function useToolResultImages(client, sessionId) {
 	const cache = useRef(/* @__PURE__ */ new Map());
 	useEffect(() => () => {
@@ -5432,6 +5441,19 @@ function TurnResultRow$1({ item }) {
 		children: message
 	}, index))] });
 }
+/**
+* One row, deliberately. A rule with a centred label reads better and costs the height book a
+* second measurement for a row that carries no content — and the point here is only that the
+* boundary is *visible*, so the ring dropping 90% → 15% stops reading as a bug.
+*/
+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, {
@@ -5864,8 +5886,9 @@ function GlyphButton({ tone, label, disabled, onClick, gutter, className, childr
 	});
 }
 function AttachmentStrip({ attachments }) {
+	const terminal = useTranscriptVariant() === "terminal";
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex gap-2 overflow-x-auto", useTranscriptVariant() === "terminal" ? "term-attachments" : "border-b border-border px-2 py-2"),
+		className: cn("flex gap-2 overflow-x-auto", terminal ? "term-attachments" : "border-b border-border px-2 py-2"),
 		children: attachments.items.map((item) => /* @__PURE__ */ jsx(AttachmentChip, {
 			item,
 			onRetry: () => attachments.retry(item.key),
@@ -6226,13 +6249,14 @@ function McpDialog({ client, sessionId, open, onOpenChange, canManageServers = t
 	};
 	const server = servers?.find((s) => s.name === selectedServer);
 	const tool = server?.tools?.find((t) => t.name === selectedTool);
+	const title = tool?.name ?? server?.name ?? "MCP servers";
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, {
 			className,
 			children: [/* @__PURE__ */ jsx(DialogHeader, {
-				title: tool?.name ?? server?.name ?? "MCP servers",
+				title,
 				description: tool ? `${server?.name} tool` : server ? server.serverInfo?.name : void 0,
 				actions: selectedServer ? /* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
@@ -6272,9 +6296,10 @@ function ServerList({ servers, loading, onSelect }) {
 		className: "py-6 text-center text-body-sm text-fg-4",
 		children: "No MCP servers configured for this session."
 	});
+	const scopes = [...new Set(servers.map((s) => s.scope ?? "other"))];
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-4",
-		children: [...new Set(servers.map((s) => s.scope ?? "other"))].map((scope) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+		children: scopes.map((scope) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
 			className: "text-label font-medium text-fg-3 capitalize",
 			children: scope
 		}), /* @__PURE__ */ jsx("ul", {
@@ -6483,9 +6508,10 @@ function SkillList({ skills, onSelect }) {
 		className: "py-6 text-center text-body-sm text-fg-4",
 		children: "This session found no skills."
 	});
+	const scopes = [...new Set(skills.map((s) => s.scope ?? "other"))];
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-4",
-		children: [...new Set(skills.map((s) => s.scope ?? "other"))].map((scope) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+		children: scopes.map((scope) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
 			className: "text-label font-medium text-fg-3",
 			children: SCOPE_LABEL[scope] ?? scope
 		}), /* @__PURE__ */ jsx("ul", {
@@ -8267,7 +8293,7 @@ function clusterCells(cluster) {
 	};
 }
 const TAB_SIZE = 2;
-const BREAK_AFTER = new Set([
+const BREAK_AFTER = /* @__PURE__ */ new Set([
 	"-",
 	"–",
 	"—",
@@ -8662,12 +8688,10 @@ function markdownHeight(md, m, extraPx = 0) {
 					exact: true
 				});
 				break;
-			case "hr":
-				acc = add(acc, {
-					px: m.line,
-					exact: true
-				});
-				break;
+			case "hr": acc = add(acc, {
+				px: m.line,
+				exact: true
+			});
 		}
 	}
 	return {
@@ -8784,6 +8808,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,
@@ -9719,6 +9744,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)
@@ -9939,7 +9965,7 @@ function Reasoning({ children, isStreaming = false, defaultOpen, className }) {
 //#endregion
 //#region src/components/agent/ToolCallCard.tsx
 const RESULT_PREVIEW_CHARS = 2e3;
-const IMAGE_TOOLS = new Set(["CodexImageGeneration", "CodexImageView"]);
+const IMAGE_TOOLS = /* @__PURE__ */ new Set(["CodexImageGeneration", "CodexImageView"]);
 function imagePathOf(item) {
 	if (!IMAGE_TOOLS.has(item.name)) return;
 	const input = item.input;
@@ -10020,7 +10046,8 @@ function resultLanguage(item) {
 	const input = item.input;
 	const path = input?.file_path ?? input?.path;
 	if (typeof path !== "string") return;
-	return EXTENSION_LANGUAGE[path.slice(path.lastIndexOf(".") + 1).toLowerCase()];
+	const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
+	return EXTENSION_LANGUAGE[extension];
 }
 function ToolCallCard({ item, hostImage, className }) {
 	const [open, setOpen] = useState(false);
@@ -10248,6 +10275,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)
@@ -10255,6 +10283,25 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 		default: return null;
 	}
 }
+/**
+* The cards spelling of a compaction boundary — a rule with the label through it, the same shape
+* `RecapRow` uses below, because both are boundaries rather than messages. The terminal spelling is
+* `terminal/items.tsx`'s `CompactionRow`, one grid row, and the two share `COMPACTION_TEXT`.
+*/
+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;
@@ -11371,7 +11418,8 @@ function useHostImage(client, sessionId, producedFiles) {
 			return url;
 		}).catch(() => void 0) : client.readHostFile(path).then((file) => {
 			if (file.encoding !== "base64") return;
-			const mediaType = IMAGE_MEDIA_TYPES[path.slice(path.lastIndexOf(".") + 1).toLowerCase()];
+			const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
+			const mediaType = IMAGE_MEDIA_TYPES[extension];
 			return mediaType ? `data:${mediaType};base64,${file.content}` : void 0;
 		}).catch(() => void 0);
 		cache.current.set(key, pending);
@@ -11415,4 +11463,4 @@ 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 };
 
-//# sourceMappingURL=SessionPanel-DDgBkHsi.mjs.map
+//# sourceMappingURL=SessionPanel-DVhnUwXw.mjs.map