@deepseek-ai/dsh-client-ui-primitives 0.2.0-rc.2 → 0.2.1-alpha.2

package/lib/index.js

@@ -14,23 +14,24 @@ import css$8 from "./Switch.module.css";
 import css$9 from "./SegmentedControl.module.css";
 import css$10 from "./Checkbox.module.css";
 import css$11 from "./Input.module.css";
+import css$12 from "./InlineEditor.module.css";
 import { createPortal } from "react-dom";
-import css$12 from "./ShortcutKeys.module.css";
-import css$13 from "./MenuSurface.module.css";
-import css$14 from "./Menu.module.css";
-import css$15 from "./MenuGroup.module.css";
-import css$16 from "./Tooltip.module.css";
-import css$17 from "./HoverCard.module.css";
-import css$18 from "./Modal.module.css";
-import css$19 from "./RiskConfirmation.module.css";
-import css$20 from "./ConnectionIndicator.module.css";
-import css$21 from "./FileTypeIcon.module.css";
+import css$13 from "./ShortcutKeys.module.css";
+import css$14 from "./MenuSurface.module.css";
+import css$15 from "./Menu.module.css";
+import css$16 from "./MenuGroup.module.css";
+import css$17 from "./Tooltip.module.css";
+import css$18 from "./HoverCard.module.css";
+import css$19 from "./Modal.module.css";
+import css$20 from "./RiskConfirmation.module.css";
+import css$21 from "./ConnectionIndicator.module.css";
+import css$22 from "./FileTypeIcon.module.css";
 import { siAliexpress, siApple, siBaidu, siBilibili, siCsdn, siDuckduckgo, siEbay, siFacebook, siGithub, siGitlab, siGoogle, siInstagram, siJuejin, siMdnwebdocs, siNetflix, siNpm, siPypi, siQq, siQuora, siReddit, siSinaweibo, siSpotify, siStackoverflow, siTaobao, siTelegram, siTiktok, siV2ex, siWechat, siWhatsapp, siWikipedia, siX, siYcombinator, siYoutube, siZhihu } from "simple-icons";
-import css$22 from "./user-text.module.css";
+import css$23 from "./user-text.module.css";
 import markdownCss from "./markdown/MarkdownText.module.css";
-import css$23 from "./Toast.module.css";
-import css$24 from "./settings-form/SettingsForm.module.css";
-import css$25 from "./settings-form/fields.module.css";
+import css$24 from "./Toast.module.css";
+import css$25 from "./settings-form/SettingsForm.module.css";
+import css$26 from "./settings-form/fields.module.css";
 import { createSnapshotStore } from "@deepseek-ai/dsh-client-store";
 import { createCssVariablesTheme, createHighlighterCoreSync } from "shiki/core";
 import { createJavaScriptRegexEngine, defaultJavaScriptRegexConstructor } from "shiki/engine/javascript";
@@ -38,14 +39,15 @@ import langTs from "@shikijs/langs/typescript";
 import langBash from "@shikijs/langs/shellscript";
 import langJson from "@shikijs/langs/json";
 import { CODE_HIGHLIGHT_EXTENSIONS, languageForPath } from "@deepseek-ai/dsh-util-code-language";
-import css$26 from "./JsonTree.module.css";
+import css$27 from "./JsonTree.module.css";
 import Anser from "anser";
-import css$27 from "./TerminalBlock.module.css";
+import css$28 from "./TerminalBlock.module.css";
+import css$29 from "./CommandText.module.css";
 import cardCss from "./CodeCard.module.css";
-import css$28 from "./ReadBlock.module.css";
+import css$30 from "./ReadBlock.module.css";
 import { structuredPatch } from "diff";
-import css$29 from "./DiffBlock.module.css";
-import css$30 from "./SearchBlock.module.css";
+import css$31 from "./DiffBlock.module.css";
+import css$32 from "./SearchBlock.module.css";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { gfmFromMarkdown } from "mdast-util-gfm";
 import { mathFromMarkdown } from "mdast-util-math";
@@ -57,13 +59,13 @@ import { classifyCharacter } from "micromark-util-classify-character";
 import { codes, constants, types } from "micromark-util-symbol";
 import { factorySpace } from "micromark-factory-space";
 import { normalizeUri } from "micromark-util-sanitize-uri";
-import css$31 from "./markdown/CodeBlock.module.css";
+import css$33 from "./markdown/CodeBlock.module.css";
 import katex from "katex";
-import css$32 from "./ImageLightbox.module.css";
-import css$33 from "./ImagePreview.module.css";
+import css$34 from "./ImageLightbox.module.css";
+import css$35 from "./ImagePreview.module.css";
 import "katex/dist/katex.min.css";
-import css$34 from "./WebBlock.module.css";
-import css$35 from "./markdown/JsonBlock.module.css";
+import css$36 from "./WebBlock.module.css";
+import css$37 from "./markdown/JsonBlock.module.css";
 //#region lib/types/icons/shared-artwork.js
 /**
 * Render new-conversation geometry — the bubble around a plus — for product icons.
@@ -3040,12 +3042,24 @@ const IconMicrophoneOutlineMedium = (props) => jsx(IconMicrophoneOutlineArtwork,
 //#region lib/types/StateDot.js
 /**
 * Pin the loader's CSS animations to document time zero. A CSS animation starts
-* when its element is inserted, so loaders mounted at different moments rotate
-* out of phase; one shared start time keeps every visible loader in step.
+* when its element is inserted and restarts when the element is moved or shown
+* again, so loaders started at different moments rotate out of phase; one shared
+* start time keeps every visible loader in step. Mount pins the first start; the
+* element's own `animationstart` listener pins each restart.
 * @param element - the mounted loader, or null on unmount.
 */
 function syncSpinner(element) {
 	if (element === null) return;
+	pinSpinner(element);
+	element.addEventListener("animationstart", () => {
+		pinSpinner(element);
+	});
+}
+/**
+* Set every CSS animation in the loader's subtree to start at document time zero.
+* @param element - the mounted loader.
+*/
+function pinSpinner(element) {
 	const spinner = element;
 	for (const animation of spinner.getAnimations?.({ subtree: true }) ?? []) animation.startTime = 0;
 }
@@ -3153,7 +3167,7 @@ const TextShimmer = memo(function TextShimmer({ children, active = false, classN
 * @param props - Visual content, controlled state, and interaction policy.
 * @returns the disclosure row.
 */
-const DisclosureRow = memo(function DisclosureRow({ icon, title, open, expandable, onToggle, running = false, expandOnRowClick = false, previewChevron = expandable, keepContentWhenOpen = false, collapsedContent, children, className, rowClassName, contentClassName, contentLayoutClassName, leadingClassName, chevronClassName, titleClassName }) {
+const DisclosureRow = memo(function DisclosureRow({ icon, title, open, expandable, onToggle, running = false, expandOnRowClick = false, previewChevron = expandable, keepContentWhenOpen = false, collapsedContent, headerAccessory, children, className, rowClassName, contentClassName, contentLayoutClassName, leadingClassName, chevronClassName, titleClassName }) {
 	const rowExpands = expandable && expandOnRowClick;
 	const toggleFromLeading = (event) => {
 		event.stopPropagation();
@@ -3173,33 +3187,38 @@ const DisclosureRow = memo(function DisclosureRow({ icon, title, open, expandabl
 		className: clsx(css$2.root, className),
 		"data-open": open || void 0,
 		children: [jsxs("div", {
-			className: clsx(css$2.row, rowClassName),
-			"data-disclosure-row": true,
-			"data-expandable": rowExpands || void 0,
-			role: rowExpands ? "button" : void 0,
-			tabIndex: rowExpands ? 0 : void 0,
-			"aria-expanded": rowExpands ? open : void 0,
-			onClick: rowExpands ? onToggle : void 0,
-			onKeyDown: rowExpands ? toggleFromKeyboard : void 0,
-			children: [expandable && !rowExpands ? jsx("button", {
-				type: "button",
-				className: clsx(css$2.leading, leadingClassName),
-				"aria-label": title,
-				"aria-expanded": open,
-				onClick: toggleFromLeading,
-				children: leading
-			}) : jsx("span", {
-				className: clsx(css$2.leading, leadingClassName),
-				children: leading
-			}), jsxs(TextShimmer, {
-				active: running,
-				className: contentClassName,
-				contentClassName: contentLayoutClassName,
-				children: [jsx(TextShimmer, {
-					className: clsx(css$2.title, titleClassName),
-					children: title
-				}), (keepContentWhenOpen || !open) && collapsedContent]
-			})]
+			className: css$2.header,
+			"data-disclosure-header": true,
+			"data-has-accessory": !!headerAccessory || void 0,
+			children: [jsxs("div", {
+				className: clsx(css$2.row, rowClassName),
+				"data-disclosure-row": true,
+				"data-expandable": rowExpands || void 0,
+				role: rowExpands ? "button" : void 0,
+				tabIndex: rowExpands ? 0 : void 0,
+				"aria-expanded": rowExpands ? open : void 0,
+				onClick: rowExpands ? onToggle : void 0,
+				onKeyDown: rowExpands ? toggleFromKeyboard : void 0,
+				children: [expandable && !rowExpands ? jsx("button", {
+					type: "button",
+					className: clsx(css$2.leading, leadingClassName),
+					"aria-label": title,
+					"aria-expanded": open,
+					onClick: toggleFromLeading,
+					children: leading
+				}) : jsx("span", {
+					className: clsx(css$2.leading, leadingClassName),
+					children: leading
+				}), jsxs(TextShimmer, {
+					active: running,
+					className: contentClassName,
+					contentClassName: contentLayoutClassName,
+					children: [jsx(TextShimmer, {
+						className: clsx(css$2.title, titleClassName),
+						children: title
+					}), (keepContentWhenOpen || !open) && collapsedContent]
+				})]
+			}), headerAccessory]
 		}), open && children]
 	});
 });
@@ -3540,6 +3559,60 @@ const Input = forwardRef(function Input({ icon, className, ...rest }, ref) {
 	});
 });
 //#endregion
+//#region lib/types/InlineEditor.js
+/** Multi-line inline editor for short saved-on-Enter drafts such as queued messages and goals. */
+/**
+* Render an autofocused textarea that grows with its text up to six lines, then scrolls.
+* A textarea rather than an input: HTML strips newlines from single-line input values.
+* Enter saves, Shift+Enter breaks the line, Enter during IME composition does nothing,
+* and Escape cancels.
+* @param props.value - current draft text.
+* @param props.label - localized accessible name.
+* @param props.onChange - receives the edited text.
+* @param props.onSave - called for a plain Enter.
+* @param props.onCancel - called for Escape.
+* @param props.className - extra class for the editor's placement.
+* @returns the textarea.
+*/
+function InlineEditor({ value, label, onChange, onSave, onCancel, className }) {
+	const ref = useRef(null);
+	useLayoutEffect(() => {
+		const node = ref.current;
+		const fit = () => {
+			node.style.height = "auto";
+			node.style.height = `${node.scrollHeight + node.offsetHeight - node.clientHeight}px`;
+		};
+		fit();
+		const observer = new ResizeObserver(fit);
+		observer.observe(node);
+		return () => {
+			observer.disconnect();
+		};
+	}, [value]);
+	const onKeyDown = (event) => {
+		if (event.key === "Escape") {
+			onCancel();
+			return;
+		}
+		const composing = event.nativeEvent.isComposing || Reflect.get(event.nativeEvent, "keyCode") === 229;
+		if (event.key !== "Enter" || event.shiftKey || composing) return;
+		event.preventDefault();
+		onSave();
+	};
+	return jsx("textarea", {
+		ref,
+		autoFocus: true,
+		rows: 1,
+		className: clsx(css$12.editor, className),
+		"aria-label": label,
+		value,
+		onChange: (event) => {
+			onChange(event.currentTarget.value);
+		},
+		onKeyDown
+	});
+}
+//#endregion
 //#region lib/types/overlay-top-margin.js
 /** Shared viewport inset for overlays, derived from the desktop frame's reserved top strip. */
 /**
@@ -3762,9 +3835,9 @@ function useModalLayer(dialog, open, onClose) {
 */
 function ShortcutKeys({ keys, variant = "plain", className }) {
 	return jsx("span", {
-		className: clsx(css$12.keys, variant === "tooltip" && css$12.tooltip, variant === "tooltip" && keys.includes("+") && css$12.joined, className),
+		className: clsx(css$13.keys, variant === "tooltip" && css$13.tooltip, variant === "tooltip" && keys.includes("+") && css$13.joined, className),
 		children: keys.map((key, index) => jsx("kbd", {
-			className: key === "+" ? css$12.separator : css$12.key,
+			className: key === "+" ? css$13.separator : css$13.key,
 			children: key
 		}, index))
 	});
@@ -3790,20 +3863,20 @@ const MenuSurface = forwardRef(function MenuSurface({ compact = false, className
 		...props,
 		ref,
 		"data-menu-material": "translucent",
-		className: clsx(css$13.surface, compact && css$13.compact, className),
+		className: clsx(css$14.surface, compact && css$14.compact, className),
 		style: {
 			...style,
 			...anchorStyle
 		},
 		children: [jsx("div", {
 			"aria-hidden": "true",
-			className: css$13.material
+			className: css$14.material
 		}), children]
 	}), createPortal(jsx("div", {
 		ref: backingRef,
 		"aria-hidden": "true",
 		"data-menu-backing": "",
-		className: clsx(css$13.backing, compact && css$13.compact),
+		className: clsx(css$14.backing, compact && css$14.compact),
 		style: {
 			...anchorStyle,
 			visibility: style?.visibility
@@ -3829,32 +3902,32 @@ const MenuSurface = forwardRef(function MenuSurface({ compact = false, className
 */
 function MenuItemButton({ children, shortcut, icon, disabled = false, danger = false, separatorBefore = false, onSelect }) {
 	return jsxs("div", {
-		className: css$14.itemWrap,
+		className: css$15.itemWrap,
 		children: [separatorBefore && jsx("div", {
-			className: css$14.separator,
+			className: css$15.separator,
 			role: "separator"
 		}), jsxs("button", {
 			type: "button",
 			role: "menuitem",
-			className: clsx(css$14.item, danger && css$14.danger),
+			className: clsx(css$15.item, danger && css$15.danger),
 			disabled,
 			"aria-keyshortcuts": shortcut?.aria,
 			onClick: onSelect,
 			children: [
 				icon !== void 0 && jsx("span", {
-					className: css$14.itemIcon,
+					className: css$15.itemIcon,
 					children: icon
 				}),
 				jsx("span", {
-					className: css$14.itemLabel,
+					className: css$15.itemLabel,
 					children
 				}),
 				shortcut !== void 0 && jsx("span", {
 					"aria-hidden": "true",
-					className: css$14.shortcut,
+					className: css$15.shortcut,
 					children: jsx(ShortcutKeys, {
 						keys: shortcut.keys,
-						className: css$14.shortcutKeys
+						className: css$15.shortcutKeys
 					})
 				})
 			]
@@ -4141,11 +4214,11 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 	const scrollable = !items.some((entry) => !isSeparator(entry) && !isLabel(entry) && entry.submenu !== void 0 && entry.submenu.length > 0);
 	const renderEntry = (entry) => {
 		if (isSeparator(entry)) return jsx("div", {
-			className: css$14.separator,
+			className: css$15.separator,
 			role: "separator"
 		}, entry.id);
 		if (isLabel(entry)) return jsx("div", {
-			className: css$14.label,
+			className: css$15.label,
 			role: "presentation",
 			children: entry.text
 		}, entry.id);
@@ -4153,7 +4226,7 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 		const subOpen = hasSub && openSubmenuId === entry.id;
 		const selected = entry.id === selectedId || selectedIds?.includes(entry.id) === true;
 		return jsxs("div", {
-			className: css$14.itemWrap,
+			className: css$15.itemWrap,
 			onMouseEnter: hasSub ? () => {
 				setOpenSubmenuId(entry.id);
 			} : void 0,
@@ -4163,7 +4236,7 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 			children: [jsxs("button", {
 				type: "button",
 				role: "menuitem",
-				className: clsx(css$14.item, selected && (selection === "fill" ? css$14.selectedFill : css$14.selected), entry.danger === true && css$14.danger),
+				className: clsx(css$15.item, selected && (selection === "fill" ? css$15.selectedFill : css$15.selected), entry.danger === true && css$15.danger),
 				disabled: entry.disabled,
 				"aria-keyshortcuts": entry.shortcut?.aria,
 				"aria-haspopup": hasSub ? "menu" : void 0,
@@ -4180,31 +4253,31 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 				},
 				children: [
 					entry.icon !== void 0 && jsx("span", {
-						className: css$14.itemIcon,
+						className: css$15.itemIcon,
 						children: entry.icon
 					}),
 					jsx("span", {
-						className: css$14.itemLabel,
+						className: css$15.itemLabel,
 						children: entry.label
 					}),
 					entry.shortcut !== void 0 && jsx("span", {
 						"aria-hidden": "true",
-						className: css$14.shortcut,
+						className: css$15.shortcut,
 						children: jsx(ShortcutKeys, {
 							keys: entry.shortcut.keys,
-							className: css$14.shortcutKeys
+							className: css$15.shortcutKeys
 						})
 					}),
-					selected && selection === "check" && jsx(IconCheckOutlineRegular, { className: css$14.check })
+					selected && selection === "check" && jsx(IconCheckOutlineRegular, { className: css$15.check })
 				]
 			}), subOpen && entry.submenu !== void 0 && jsx(MenuSurface, {
 				compact,
-				className: clsx(css$14.submenu, compact && css$14.compactList),
+				className: clsx(css$15.submenu, compact && css$15.compactList),
 				role: "menu",
 				children: entry.submenu.map((sub) => jsxs("button", {
 					type: "button",
 					role: "menuitem",
-					className: css$14.item,
+					className: css$15.item,
 					disabled: sub.disabled,
 					"aria-keyshortcuts": sub.shortcut?.aria,
 					onClick: () => {
@@ -4213,19 +4286,19 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 					},
 					children: [
 						sub.icon !== void 0 && jsx("span", {
-							className: css$14.itemIcon,
+							className: css$15.itemIcon,
 							children: sub.icon
 						}),
 						jsx("span", {
-							className: css$14.itemLabel,
+							className: css$15.itemLabel,
 							children: sub.label
 						}),
 						sub.shortcut !== void 0 && jsx("span", {
 							"aria-hidden": "true",
-							className: css$14.shortcut,
+							className: css$15.shortcut,
 							children: jsx(ShortcutKeys, {
 								keys: sub.shortcut.keys,
-								className: css$14.shortcutKeys
+								className: css$15.shortcutKeys
 							})
 						})
 					]
@@ -4242,7 +4315,7 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 	const list = open && jsxs(MenuSurface, {
 		compact,
 		ref: listRef,
-		className: clsx(css$14.list, listClassName, dense && css$14.denseList, compact && css$14.compactList, scrollable && css$14.scrollable, portal && css$14.portal, side === "top" && !portal && css$14.sideTop, align === "end" && !portal && css$14.alignEnd),
+		className: clsx(css$15.list, listClassName, dense && css$15.denseList, compact && css$15.compactList, scrollable && css$15.scrollable, portal && css$15.portal, side === "top" && !portal && css$15.sideTop, align === "end" && !portal && css$15.alignEnd),
 		style: portal ? fixedPos ?? MEASURE_STYLE : void 0,
 		role: "menu",
 		onClick: (e) => {
@@ -4253,18 +4326,18 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 		onMouseOver: collapseSubmenuFrom,
 		onFocus: collapseSubmenuFrom,
 		children: [jsxs("div", {
-			className: css$14.viewport,
+			className: css$15.viewport,
 			role: "presentation",
 			children: [items.map(renderEntry), children]
 		}), footer !== void 0 && footer.length > 0 && jsx("div", {
-			className: css$14.footer,
+			className: css$15.footer,
 			role: "presentation",
 			children: footer.map(renderEntry)
 		})]
 	});
 	return jsxs("span", {
 		ref: rootRef,
-		className: clsx(css$14.root, className),
+		className: clsx(css$15.root, className),
 		onPointerEnter: closeOnPointerLeave ? cancelClose : void 0,
 		onPointerLeave: closeOnPointerLeave ? () => {
 			if (open) armClose();
@@ -4286,17 +4359,17 @@ function MenuGroup({ label, children }) {
 		role: "group",
 		"aria-labelledby": headingId,
 		"data-menu-group": "",
-		className: css$15.group,
+		className: css$16.group,
 		children: [
 			jsx("span", {
 				"aria-hidden": "true",
 				"data-menu-group-start": "",
-				className: css$15.start
+				className: css$16.start
 			}),
 			jsx("div", {
 				id: headingId,
 				"data-menu-group-heading": "",
-				className: css$15.heading,
+				className: css$16.heading,
 				children: label
 			}),
 			children
@@ -4826,7 +4899,7 @@ function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayM
 	const content = visible && !suppressed && jsxs("span", {
 		ref: bubble,
 		id: openOnClick ? id : void 0,
-		className: css$16.bubble,
+		className: css$17.bubble,
 		"data-side": side,
 		"data-portal": portal || void 0,
 		"data-pinned": pinned || void 0,
@@ -4841,7 +4914,7 @@ function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayM
 		role: "tooltip",
 		"aria-label": shortcutKeys?.length ? [resolvedLabel, shortcutKeys.join(" ")].filter(Boolean).join(" ") : void 0,
 		children: [resolvedLabel && jsx("span", {
-			className: css$16.label,
+			className: css$17.label,
 			children: resolvedLabel
 		}), shortcutKeys !== void 0 && shortcutKeys.length > 0 && jsx(ShortcutKeys, {
 			keys: shortcutKeys,
@@ -5109,7 +5182,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 	};
 	const card = open && pos !== null && !suppressed && jsx("div", {
 		ref: cardRef,
-		className: clsx(css$17.card, variant === "preview" && css$17.preview, inline && css$17.media, copyable && css$17.copyable, copied && css$17.feedback),
+		className: clsx(css$18.card, variant === "preview" && css$18.preview, inline && css$18.media, copyable && css$18.copyable, copied && css$18.feedback),
 		"data-closing": closing || void 0,
 		style: {
 			...pos,
@@ -5132,14 +5205,14 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 			copy(copyText);
 		} : void 0,
 		children: copied ? jsx("span", {
-			className: css$17.copied,
+			className: css$18.copied,
 			"aria-hidden": "true",
 			children: copiedLabel
 		}) : content
 	});
 	return jsxs("span", {
 		ref: rootRef,
-		className: clsx(css$17.root, inline && css$17.inline),
+		className: clsx(css$18.root, inline && css$18.inline),
 		onFocus: inline ? (event) => {
 			if (!disabled && event.target.matches(":focus-visible")) {
 				cancelClose();
@@ -5177,7 +5250,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 				children: anchor
 			}),
 			open && !suppressed && copyable && jsx("span", {
-				className: css$17.status,
+				className: css$18.status,
 				role: "status",
 				children: copied ? copiedLabel : ""
 			}),
@@ -5212,11 +5285,11 @@ function Modal({ open, onClose, title, closeLabel, description, children, footer
 	useModalLayer(dialog, open, onClose);
 	if (!open) return null;
 	return createPortal(jsxs("div", {
-		className: css$18.root,
+		className: css$19.root,
 		role: "presentation",
 		onKeyDownCapture,
 		children: [jsx("div", {
-			className: css$18.mask,
+			className: css$19.mask,
 			style: backdropBlur ? void 0 : { backdropFilter: "none" },
 			"aria-hidden": "true",
 			onClick: onClose
@@ -5224,37 +5297,37 @@ function Modal({ open, onClose, title, closeLabel, description, children, footer
 			ref: dialog,
 			tabIndex: -1,
 			"data-shortcut-modal": shortcutModal,
-			className: clsx(css$18.dialog, className),
+			className: clsx(css$19.dialog, className),
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": title,
 			children: headless ? children : jsxs(Fragment, { children: [jsxs("div", {
-				className: clsx(css$18.content, contentClassName),
+				className: clsx(css$19.content, contentClassName),
 				children: [
 					jsxs("div", {
-						className: css$18.header,
+						className: css$19.header,
 						children: [jsx("h2", {
-							className: css$18.title,
+							className: css$19.title,
 							children: title
 						}), jsx("button", {
 							type: "button",
-							className: css$18.close,
+							className: css$19.close,
 							"aria-label": closeLabel,
 							onClick: onClose,
 							children: jsx(IconCloseOutlineRegular, { size: 14 })
 						})]
 					}),
 					description !== void 0 && description !== "" && jsx("p", {
-						className: css$18.description,
+						className: css$19.description,
 						children: description
 					}),
 					children !== void 0 && jsx("div", {
-						className: css$18.body,
+						className: css$19.body,
 						children
 					})
 				]
 			}), footer !== void 0 && jsx("div", {
-				className: css$18.footer,
+				className: css$19.footer,
 				children: footer
 			})] })
 		})]
@@ -5276,28 +5349,28 @@ function RiskConfirmation({ open, title, description, acknowledgeLabel, cancelLa
 		onClose: onCancel,
 		title,
 		closeLabel,
-		className: css$19.confirmation ?? "",
-		contentClassName: css$19.confirmationContent ?? "",
+		className: css$20.confirmation ?? "",
+		contentClassName: css$20.confirmationContent ?? "",
 		footer: jsxs(Fragment, { children: [jsx(Button, {
 			variant: "outline",
-			className: css$19.modalAction,
+			className: css$20.modalAction,
 			onClick: onCancel,
 			children: cancelLabel
 		}), jsx(Button, {
 			variant: "primary",
-			className: css$19.confirmAction,
+			className: css$20.confirmAction,
 			disabled: disabled || !acknowledged,
 			onClick: onConfirm,
 			children: confirmLabel
 		})] }),
 		children: [jsxs("div", {
-			className: css$19.warning,
+			className: css$20.warning,
 			children: [jsx(IconWarningOutlineRegular, {
 				size: 18,
-				className: css$19.warningIcon
+				className: css$20.warningIcon
 			}), jsx("p", { children: description })]
 		}), jsxs("label", {
-			className: css$19.acknowledgement,
+			className: css$20.acknowledgement,
 			children: [jsx("input", {
 				type: "checkbox",
 				checked: acknowledged,
@@ -5345,44 +5418,44 @@ function ConnectionIndicator({ state, disconnectedLabel, connectingLabel, recove
 		};
 	}, [state, rendered]);
 	if (rendered === void 0) return null;
-	const leavingClass = leaving ? ` ${css$20.leaving}` : "";
+	const leavingClass = leaving ? ` ${css$21.leaving}` : "";
 	if (rendered === "recovered") return jsxs("div", {
-		className: `${css$20.indicator} ${css$20.success}${leavingClass}`,
+		className: `${css$21.indicator} ${css$21.success}${leavingClass}`,
 		role: "status",
 		"aria-label": recoveredLabel,
 		children: [jsx("span", {
-			className: css$20.icon,
+			className: css$21.icon,
 			"aria-hidden": "true",
 			children: jsx(IconCheckOutlineRegular, { size: 14 })
 		}), jsx("span", {
-			className: css$20.label,
+			className: css$21.label,
 			children: recoveredLabel
 		})]
 	});
 	const connecting = rendered === "connecting";
 	return jsxs("button", {
 		type: "button",
-		className: `${css$20.indicator} ${css$20.warning}${leavingClass}`,
+		className: `${css$21.indicator} ${css$21.warning}${leavingClass}`,
 		"data-phase": rendered,
 		"aria-label": connecting ? restartActionLabel : reconnectActionLabel,
 		onClick: onReconnect,
 		children: [jsx("span", {
-			className: css$20.icon,
+			className: css$21.icon,
 			"aria-hidden": "true",
 			children: connecting ? jsx(StateDot, { state: "ongoing" }) : jsx(IconRefreshOutlineRegular, { size: 14 })
 		}), jsx("span", {
-			className: css$20.label,
+			className: css$21.label,
 			children: connecting ? jsxs(Fragment, { children: [connectingLabel, jsxs("span", {
-				className: css$20.dots,
+				className: css$21.dots,
 				"aria-hidden": "true",
 				children: [
 					jsx("span", { children: "." }),
 					jsx("span", {
-						className: css$20.secondDot,
+						className: css$21.secondDot,
 						children: "."
 					}),
 					jsx("span", {
-						className: css$20.thirdDot,
+						className: css$21.thirdDot,
 						children: "."
 					})
 				]
@@ -6413,7 +6486,7 @@ function FileTypeIcon(props) {
 		type: resolvedType,
 		size,
 		className
-	}) : glyph(resolvedType, size, clsx(css$21.icon, css$21[resolvedType], className));
+	}) : glyph(resolvedType, size, clsx(css$22.icon, css$22[resolvedType], className));
 }
 //#endregion
 //#region lib/types/SiteGlyph.js
@@ -6742,7 +6815,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 	let cursor = 0;
 	const pushPlain = (from, to) => {
 		parts.push(jsx("span", {
-			className: css$22.plainRun,
+			className: css$23.plainRun,
 			children: text.slice(from, to)
 		}, `t${from}`));
 	};
@@ -6755,14 +6828,14 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		const contents = jsxs(Fragment, { children: [referenceKind !== void 0 && jsx(ReferenceIconRegular, {
 			kind: referenceKind,
 			size: 16,
-			className: css$22.refIcon
+			className: css$23.refIcon
 		}), displayLabel] });
 		const open = references === void 0 ? void 0 : referenceKind === "file" ? () => {
 			references.openFile(label.slice(1).replace(/^"|"$/gu, ""));
 		} : referenceKind === void 0 && slashKind === "skill" ? () => {
 			references.openSkill(label.slice(1));
 		} : void 0;
-		const className = clsx(css$22.refChip, referenceKind === void 0 && css$22.slashChip);
+		const className = clsx(css$23.refChip, referenceKind === void 0 && css$23.slashChip);
 		parts.push(open === void 0 ? jsx("span", {
 			className,
 			"data-ref-chip": referenceKind ?? slashKind,
@@ -6782,7 +6855,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		cursor = end;
 	}
 	if (parts.length === 0) return jsx("span", {
-		className: css$22.plainRun,
+		className: css$23.plainRun,
 		children: text
 	});
 	if (cursor < text.length) pushPlain(cursor, text.length);
@@ -6855,25 +6928,25 @@ function Toast({ text, icon, tone, anchor, holdMs = HOLD_MS, actions, onDone })
 		};
 	}, [anchor]);
 	return createPortal(jsxs("div", {
-		className: css$23.toast,
+		className: css$24.toast,
 		role: "alert",
 		style: {
 			...left === null ? {} : { left },
 			"--dsh-toast-hold": `${String(holdMs)}ms`
 		},
 		children: [tone === "success" ? jsx("span", {
-			className: `${css$23.icon} ${css$23.success}`,
+			className: `${css$24.icon} ${css$24.success}`,
 			"aria-hidden": true,
 			children: jsx(IconCheckCircleOutlineRegular, {})
 		}) : icon !== void 0 && jsx("span", {
-			className: css$23.icon,
+			className: css$24.icon,
 			"aria-hidden": true,
 			children: icon
 		}), jsxs("span", {
-			className: css$23.text,
+			className: css$24.text,
 			children: [text, actions?.map((action) => jsxs(Fragment$1, { children: [action.prefix, jsx("button", {
 				type: "button",
-				className: css$23.action,
+				className: css$24.action,
 				onClick: action.onClick,
 				children: action.label
 			})] }, action.label))]
@@ -6923,29 +6996,29 @@ function SettingsForm(props) {
 		discard.current();
 	}, []);
 	if (!state.available) return jsx("p", {
-		className: css$24.unavailable,
+		className: css$25.unavailable,
 		role: "status",
 		children: labels.unavailable
 	});
 	const blocked = !state.dirty || state.invalid || state.saving;
 	return jsxs("div", {
-		className: css$24.form,
+		className: css$25.form,
 		children: [
 			!state.writable ? jsx("p", {
-				className: css$24.readOnly,
+				className: css$25.readOnly,
 				role: "status",
 				children: labels.readOnly
 			}) : null,
 			props.children,
 			jsxs("div", {
-				className: css$24.footer,
+				className: css$25.footer,
 				children: [state.failed ? jsx("p", {
-					className: css$24.failed,
+					className: css$25.failed,
 					role: "status",
 					children: labels.saveFailed
 				}) : null, jsx("button", {
 					type: "button",
-					className: css$24.save,
+					className: css$25.save,
 					disabled: blocked,
 					onClick: props.onSave,
 					children: state.saving ? labels.saving : labels.save
@@ -6977,19 +7050,19 @@ function SettingsValueField(props) {
 	const hasMessage = props.invalid || Boolean(props.hint);
 	const description = [hasMessage ? messageId : "", helpOpen ? helpId : ""].filter(Boolean).join(" ");
 	return jsxs("div", {
-		className: css$25.field,
+		className: css$26.field,
 		children: [
 			jsxs("div", {
-				className: css$25.head,
+				className: css$26.head,
 				children: [jsxs("div", {
-					className: css$25.labelGroup,
+					className: css$26.labelGroup,
 					children: [jsx("label", {
-						className: css$25.label,
+						className: css$26.label,
 						htmlFor: props.id,
 						children: props.label
 					}), props.help !== void 0 ? jsx("button", {
 						type: "button",
-						className: css$25.helpButton,
+						className: css$26.helpButton,
 						"aria-label": props.help.label,
 						"aria-expanded": helpOpen,
 						"aria-controls": helpId,
@@ -6999,13 +7072,13 @@ function SettingsValueField(props) {
 						children: jsx(IconInfoOutlineRegular, { size: 12 })
 					}) : null]
 				}), props.overridden ? jsxs("span", {
-					className: css$25.badges,
+					className: css$26.badges,
 					children: [jsx(Tag, {
 						tone: "neutral",
 						children: props.overriddenLabel
 					}), jsx("button", {
 						type: "button",
-						className: css$25.reset,
+						className: css$26.reset,
 						disabled: props.disabled,
 						onClick: props.onReset,
 						children: props.resetLabel
@@ -7014,7 +7087,7 @@ function SettingsValueField(props) {
 			}),
 			jsx("input", {
 				id: props.id,
-				className: css$25.input,
+				className: css$26.input,
 				type: "text",
 				...props.numeric === true ? { inputMode: "numeric" } : {},
 				...props.invalid ? { "aria-invalid": true } : {},
@@ -7028,12 +7101,12 @@ function SettingsValueField(props) {
 			}),
 			hasMessage ? jsx("p", {
 				id: messageId,
-				className: props.invalid ? css$25.invalid : css$25.hint,
+				className: props.invalid ? css$26.invalid : css$26.hint,
 				children: props.invalid ? props.invalidLabel : props.hint
 			}) : null,
 			props.help !== void 0 && helpOpen ? jsx("div", {
 				id: helpId,
-				className: css$25.help,
+				className: css$26.help,
 				role: "region",
 				"aria-label": props.help.label,
 				children: props.help.content
@@ -7051,16 +7124,16 @@ function SettingsValueField(props) {
 */
 function SettingsSecretField(props) {
 	return jsxs("div", {
-		className: css$25.field,
+		className: css$26.field,
 		children: [
 			jsxs("div", {
-				className: css$25.head,
+				className: css$26.head,
 				children: [jsx("label", {
-					className: css$25.label,
+					className: css$26.label,
 					htmlFor: props.id,
 					children: props.label
 				}), jsx("span", {
-					className: css$25.badges,
+					className: css$26.badges,
 					children: jsx(Tag, {
 						tone: props.configured ? "neutral" : "quiet",
 						children: props.stateLabel
@@ -7069,7 +7142,7 @@ function SettingsSecretField(props) {
 			}),
 			jsx("input", {
 				id: props.id,
-				className: css$25.input,
+				className: css$26.input,
 				type: "password",
 				autoComplete: "new-password",
 				value: props.text,
@@ -7079,7 +7152,7 @@ function SettingsSecretField(props) {
 				}
 			}),
 			jsx("p", {
-				className: css$25.hint,
+				className: css$26.hint,
 				children: props.hint
 			})
 		]
@@ -7633,6 +7706,15 @@ const regexEngine = createJavaScriptRegexEngine({
 	forgiving: true,
 	regexConstructor: (pattern) => defaultJavaScriptRegexConstructor(pattern, { lazyCompileLength: Number.POSITIVE_INFINITY })
 });
+/**
+* Lines at least this many UTF-16 units long render as one uncolored token.
+* With the JavaScript regex engine, scanning one JavaScript string-literal
+* line costs about 70 ms at 1,000 units, 300 ms at 2,000, 600 ms at 5,000 and
+* 2.5 s at 10,000, so this cap keeps one line within a few frames. A skipped
+* line leaves the grammar state unchanged: a multi-line construct that opens
+* or closes on it colors the following lines as if the line were absent.
+*/
+const TOKENIZE_MAX_LINE_LENGTH = 1e3;
 let singleton;
 /** Representative paths through every boot grammar, compiled before user content is timed. */
 const BOOT_GRAMMAR_WARMUPS = [
@@ -7740,7 +7822,8 @@ function highlightToHtml(code, lang) {
 	if (!ensureGrammar(resolved)) return void 0;
 	return highlighter().codeToHtml(code, {
 		lang: resolved,
-		theme: "css-variables"
+		theme: "css-variables",
+		tokenizeMaxLineLength: TOKENIZE_MAX_LINE_LENGTH
 	});
 }
 /** vscode-textmate FontStyle bits shiki folds into `text-decoration` values. */
@@ -7833,6 +7916,7 @@ var StreamingHighlightSession = class {
 		return highlighter().codeToTokensBase(text, {
 			lang: resolved,
 			theme: "css-variables",
+			tokenizeMaxLineLength: TOKENIZE_MAX_LINE_LENGTH,
 			...this.state === void 0 ? {} : { grammarState: this.state }
 		});
 	}
@@ -7912,7 +7996,8 @@ function highlightLines(code, lang) {
 	if (!ensureGrammar(resolved)) return void 0;
 	const { tokens } = highlighter().codeToTokens(code, {
 		lang: resolved,
-		theme: "css-variables"
+		theme: "css-variables",
+		tokenizeMaxLineLength: TOKENIZE_MAX_LINE_LENGTH
 	});
 	const last = tokens[tokens.length - 1];
 	return (tokens.length > 1 && last !== void 0 && last.length === 0 ? tokens.slice(0, -1) : tokens).map((line) => line.map((token) => ({
@@ -8145,7 +8230,7 @@ function JsonCopyAction({ store, target, persistent, labels, onCopy, onClose })
 	const object = typeof target.value === "object" && target.value !== null;
 	const copyTitle = state === "copied" ? labels.copied : state === "failed" ? labels.copyFailed : object ? labels.copyPrettyJson : labels.copyValue;
 	return jsx("span", {
-		className: css$26.copySlot,
+		className: css$27.copySlot,
 		children: (persistent || snapshot !== void 0) && jsx(Menu, {
 			open: snapshot?.menuOpen === true,
 			compact: true,
@@ -8154,7 +8239,7 @@ function JsonCopyAction({ store, target, persistent, labels, onCopy, onClose })
 			anchor: jsx("button", {
 				ref: buttonRef,
 				type: "button",
-				className: css$26.actionButton,
+				className: css$27.actionButton,
 				"data-json-copy-button": true,
 				"data-state": state,
 				"aria-label": copyTitle,
@@ -8193,35 +8278,35 @@ function bracketOf(value) {
 }
 function previewPrimitive(value) {
 	if (value === null) return jsx("span", {
-		className: css$26.keywordValue,
+		className: css$27.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$26.stringValue,
+		className: css$27.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$26.numberValue,
+		className: css$27.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$26.keywordValue,
+		className: css$27.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: value.toString()
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: "undefined"
 	});
 	if (typeof value === "symbol") return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: value.description ?? "Symbol"
 	});
 	if (typeof value === "function") return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: value.name || "Function"
 	});
 	return null;
@@ -8235,71 +8320,71 @@ function previewValue(value, depth) {
 	const [open, close] = bracketOf(value);
 	return jsxs(Fragment, { children: [
 		jsx("span", {
-			className: css$26.punctuation,
+			className: css$27.punctuation,
 			children: open
 		}),
 		depth >= PREVIEW_DEPTH_LIMIT ? jsx("span", {
-			className: css$26.previewEllipsis,
+			className: css$27.previewEllipsis,
 			children: "…"
 		}) : visible.map(([key, item], index) => jsxs("span", { children: [
 			index > 0 && jsx("span", {
-				className: css$26.punctuation,
+				className: css$27.punctuation,
 				children: ", "
 			}),
 			!array && jsxs(Fragment, { children: [jsx("span", {
-				className: css$26.previewProperty,
+				className: css$27.previewProperty,
 				children: key
 			}), jsx("span", {
-				className: css$26.punctuation,
+				className: css$27.punctuation,
 				children: ": "
 			})] }),
 			previewValue(item, depth + 1)
 		] }, key)),
 		depth < PREVIEW_DEPTH_LIMIT && entries.length > limit && jsx("span", {
-			className: css$26.previewEllipsis,
+			className: css$27.previewEllipsis,
 			children: ", …"
 		}),
 		jsx("span", {
-			className: css$26.punctuation,
+			className: css$27.punctuation,
 			children: close
 		})
 	] });
 }
 function primitiveValue(value) {
 	if (value === null) return jsx("span", {
-		className: css$26.keywordValue,
+		className: css$27.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$26.stringValue,
+		className: css$27.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$26.keywordValue,
+		className: css$27.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$26.numberValue,
+		className: css$27.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$26.numberValue,
+		className: css$27.numberValue,
 		children: `${value.toString()}n`
 	});
 	if (value instanceof Date) return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: value.toISOString()
 	});
 	if (typeof value === "function") return jsxs("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: ["function() ", "{ }"]
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: "undefined"
 	});
 	return jsx("span", {
-		className: css$26.otherValue,
+		className: css$27.otherValue,
 		children: value.toString()
 	});
 }
@@ -8327,7 +8412,7 @@ function moveFocus(button, direction) {
 function NodeField({ field, expandable, onToggle }) {
 	if (field === void 0) return null;
 	return jsxs("span", {
-		className: clsx(css$26.label, expandable && css$26.clickableLabel),
+		className: clsx(css$27.label, expandable && css$27.clickableLabel),
 		onClick: expandable ? onToggle : void 0,
 		children: [fieldText(field), ":"]
 	});
@@ -8364,7 +8449,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		if (!expanded) return;
 		const raw = rawRef.current;
 		const clips = [];
-		const tree = raw.closest(`.${css$26.root}`);
+		const tree = raw.closest(`.${css$27.root}`);
 		for (let parent = tree.parentElement; parent !== null; parent = parent.parentElement) if (/auto|scroll|hidden|clip/.test(getComputedStyle(parent).overflowY)) clips.push(parent);
 		const measure = () => {
 			let top = 0;
@@ -8393,33 +8478,33 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 	if (expanded) {
 		const fieldId = `${contentsId}-field`;
 		return jsxs("div", {
-			className: css$26.stringField,
+			className: css$27.stringField,
 			"data-expanded": true,
 			children: [
 				field !== void 0 && jsxs("span", {
 					id: fieldId,
-					className: css$26.label,
+					className: css$27.label,
 					children: [fieldText(field), ":"]
 				}),
 				jsx("pre", {
 					ref: rawRef,
 					id: contentsId,
-					className: css$26.stringRaw,
+					className: css$27.stringRaw,
 					"data-wrap": wrapped,
 					tabIndex: 0,
 					"aria-labelledby": field === void 0 ? void 0 : fieldId,
 					children: value
 				}),
 				!lastElement && jsx("span", {
-					className: css$26.punctuation,
+					className: css$27.punctuation,
 					children: ","
 				}),
 				jsxs("div", {
-					className: css$26.stringActions,
+					className: css$27.stringActions,
 					children: [
 						stringWrapping !== void 0 && jsx("button", {
 							type: "button",
-							className: css$26.actionButton,
+							className: css$27.actionButton,
 							"aria-label": stringWrapping.label,
 							title: stringWrapping.label,
 							"aria-pressed": wrapped,
@@ -8433,7 +8518,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 						}),
 						jsx("button", {
 							type: "button",
-							className: css$26.actionButton,
+							className: css$27.actionButton,
 							"aria-label": labels.collapseNode,
 							title: labels.collapseNode,
 							"aria-expanded": true,
@@ -8458,18 +8543,18 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		});
 	}
 	return jsxs(Fragment, { children: [renderCopy?.(), jsx("span", {
-		className: css$26.stringField,
+		className: css$27.stringField,
 		"data-expanded": expanded,
 		children: jsxs("span", {
 			ref: contentRef,
 			id: contentsId,
-			className: css$26.stringText,
+			className: css$27.stringText,
 			children: [
 				truncated && jsx("span", {
-					className: css$26.stringToggleSlot,
+					className: css$27.stringToggleSlot,
 					children: jsxs("button", {
 						type: "button",
-						className: css$26.stringToggle,
+						className: css$27.stringToggle,
 						"aria-label": labels.expandNode,
 						"aria-expanded": false,
 						"aria-controls": contentsId,
@@ -8484,12 +8569,12 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 					})
 				}),
 				field !== void 0 && jsxs("span", {
-					className: css$26.label,
+					className: css$27.label,
 					children: [fieldText(field), ":"]
 				}),
 				primitiveValue(value),
 				!lastElement && jsx("span", {
-					className: css$26.punctuation,
+					className: css$27.punctuation,
 					children: ","
 				})
 			]
@@ -8520,7 +8605,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}
 	};
 	const row = (children, ariaExpanded) => jsxs("div", {
-		className: css$26.row,
+		className: css$27.row,
 		role: "treeitem",
 		"aria-expanded": ariaExpanded,
 		onMouseOver: (event) => {
@@ -8555,7 +8640,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}),
 		primitiveValue(value),
 		!lastElement && jsx("span", {
-			className: css$26.punctuation,
+			className: css$27.punctuation,
 			children: ","
 		})
 	] }));
@@ -8567,22 +8652,22 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onToggle: toggle
 		}),
 		jsx("span", {
-			className: css$26.punctuation,
+			className: css$27.punctuation,
 			children: open
 		}),
 		jsx("span", {
-			className: css$26.punctuation,
+			className: css$27.punctuation,
 			children: close
 		}),
 		!lastElement && jsx("span", {
-			className: css$26.punctuation,
+			className: css$27.punctuation,
 			children: ","
 		})
 	] }));
 	return row(jsxs(Fragment, { children: [
 		jsx("span", {
 			ref: expanderRef,
-			className: clsx(css$26.expander, expanded ? css$26.collapseIcon : css$26.expandIcon),
+			className: clsx(css$27.expander, expanded ? css$27.collapseIcon : css$27.expandIcon),
 			"data-json-expander": true,
 			role: "button",
 			"aria-label": expanded ? labels.collapseNode : labels.expandNode,
@@ -8596,7 +8681,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onKeyDown: onExpanderKeyDown
 		}),
 		jsxs("span", {
-			className: css$26.summary,
+			className: css$27.summary,
 			children: [
 				jsx(NodeField, {
 					field,
@@ -8604,11 +8689,11 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 					onToggle: toggle
 				}),
 				jsx("span", {
-					className: css$26.preview,
+					className: css$27.preview,
 					children: previewValue(value, 0)
 				}),
 				!lastElement && jsx("span", {
-					className: css$26.punctuation,
+					className: css$27.punctuation,
 					children: ","
 				})
 			]
@@ -8616,7 +8701,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		expanded && jsx("ul", {
 			id: contentsId,
 			role: "group",
-			className: css$26.children,
+			className: css$27.children,
 			children: entries.map(([key, item], index) => jsx(JsonTreeNode, {
 				collapsedStringLines,
 				stringWrapping,
@@ -8748,17 +8833,17 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 		onClose: clearCopyTarget
 	}) : void 0;
 	return jsx("div", {
-		className: clsx(css$26.root, className),
+		className: clsx(css$27.root, className),
 		style: { "--json-tree-collapsed-lines": collapsedStringLines },
 		onMouseOver: handleRootMouseOver,
 		onMouseLeave: () => {
 			if (!copyStore.get()?.menuOpen) clearCopyTarget();
 		},
 		children: expandTopLevel ? jsxs("div", {
-			className: css$26.expandedTopLevel,
+			className: css$27.expandedTopLevel,
 			children: [
 				jsxs("div", {
-					className: clsx(css$26.row, css$26.topLevelBracket),
+					className: clsx(css$27.row, css$27.topLevelBracket),
 					"data-json-root-row": true,
 					onMouseOver: (event) => {
 						event.stopPropagation();
@@ -8771,13 +8856,13 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 						path: [],
 						value: data
 					}), jsx("span", {
-						className: css$26.punctuation,
+						className: css$27.punctuation,
 						children: rootOpen
 					})]
 				}),
 				jsx("div", {
 					"aria-label": label,
-					className: clsx(css$26.container, css$26.expandedTopLevelContainer),
+					className: clsx(css$27.container, css$27.expandedTopLevelContainer),
 					role: "tree",
 					children: rootEntries.map(([key, value], index) => jsx(JsonTreeNode, {
 						collapsedStringLines,
@@ -8795,16 +8880,16 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 					}, key))
 				}),
 				jsx("div", {
-					className: clsx(css$26.row, css$26.topLevelBracket),
+					className: clsx(css$27.row, css$27.topLevelBracket),
 					children: jsx("span", {
-						className: css$26.punctuation,
+						className: css$27.punctuation,
 						children: rootClose
 					})
 				})
 			]
 		}) : jsx("div", {
 			"aria-label": label,
-			className: css$26.container,
+			className: css$27.container,
 			role: "tree",
 			children: jsx(JsonTreeNode, {
 				collapsedStringLines,
@@ -9266,6 +9351,44 @@ function useCopyFeedback(text) {
 	};
 }
 //#endregion
+//#region lib/types/CommandText.js
+/** Selectable command text with keyboard access while horizontally overflowing. */
+/**
+* Render command text without adding Tab stops for content that fits.
+* @param props - Text, localized scrollport name, and owner styling.
+* @returns A horizontal text scrollport, named and keyboard-focusable only when overflowing.
+*/
+function CommandText({ text, label, className }) {
+	const ref = useRef(null);
+	const [overflow, setOverflow] = useState(false);
+	useLayoutEffect(() => {
+		const element = ref.current;
+		/* v8 ignore next -- the span is rendered unconditionally. */
+		if (element === null) return void 0;
+		const measure = () => {
+			setOverflow(element.scrollWidth > element.clientWidth);
+		};
+		measure();
+		const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+		observer?.observe(element);
+		const fonts = "fonts" in element.ownerDocument ? element.ownerDocument.fonts : void 0;
+		fonts?.addEventListener("loadingdone", measure);
+		return () => {
+			observer?.disconnect();
+			fonts?.removeEventListener("loadingdone", measure);
+		};
+	}, [text]);
+	return jsx("span", {
+		ref,
+		className: clsx(css$29.text, className),
+		"data-command-text": true,
+		tabIndex: overflow ? 0 : void 0,
+		role: overflow ? "group" : void 0,
+		"aria-label": overflow ? label : void 0,
+		children: text
+	});
+}
+//#endregion
 //#region lib/types/TerminalBlock.js
 /** Output lines shown before the height cap collapses the middle. */
 const DEFAULT_TERMINAL_MAX_LINES = 16;
@@ -9367,67 +9490,68 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 	const { hidden, capped, headLines, tailLines } = headTailCap(lines.length, maxLines, expanded);
 	const body = !running || !empty;
 	return jsxs("div", {
-		className: clsx(css$27.block, className),
+		className: clsx(css$28.block, className),
 		"data-terminal": "",
 		"data-running": running ? "" : void 0,
 		"data-body": body ? "" : void 0,
 		children: [jsxs("div", {
-			className: css$27.header,
+			className: css$28.header,
 			children: [
 				jsxs("div", {
-					className: css$27.prompt,
+					className: css$28.prompt,
 					children: [runStateDot && jsx("span", {
-						className: css$27.runStateLabel,
+						className: css$28.runStateLabel,
 						children: state.label
 					}), commandLines.map((line, index) => jsxs("div", {
-						className: css$27.promptLine,
+						className: css$28.promptLine,
 						children: [
 							index === 0 && runStateDot && jsx(StateDot, {
 								state: state.state,
-								className: css$27.runState
+								className: css$28.runState
 							}),
 							jsx("span", {
-								className: css$27.cwd,
+								className: css$28.cwd,
 								children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home)
 							}),
-							jsx("span", {
-								className: css$27.command,
-								children: line
+							jsx(CommandText, {
+								className: css$28.command,
+								text: line,
+								label: copy.commandLine(index + 1)
 							})
 						]
 					}, index))]
 				}),
 				status !== void 0 && jsx(Pill, {
-					className: css$27.status,
+					className: css$28.status,
 					children: status
 				}),
 				(copyText !== void 0 || !running && !empty) && jsx("button", {
 					type: "button",
-					className: css$27.copyButton,
+					className: css$28.copyButton,
 					onClick: onCopy,
 					children: copied ? copy.copied : copy.copy
 				})
 			]
 		}), body && (empty ? jsx("div", {
-			className: css$27.empty,
+			className: css$28.empty,
 			children: copy.noOutput
 		}) : jsxs("div", {
-			className: css$27.output,
+			className: css$28.output,
 			children: [
 				(capped ? lines.slice(0, headLines) : lines).map((line, index) => jsx("div", {
-					className: css$27.line,
+					className: css$28.line,
 					children: renderLine$1(line)
 				}, index)),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$27.expand,
+					className: css$28.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? copy.collapseAria : copy.expandAria(hidden),
 					onClick: onToggle,
 					children: expanded ? copy.collapse : copy.expand(hidden)
 				}),
 				capped && lines.slice(lines.length - tailLines).map((line, index) => jsx("div", {
-					className: css$27.line,
+					className: css$28.line,
 					children: renderLine$1(line)
 				}, index))
 			]
@@ -9630,13 +9754,13 @@ function ReadBlock({ label, labels, lines, totalLines, lang, maxLines = 16, clas
 	const tailLines = maxLines - headLines;
 	const windowed = lines.length < totalLines;
 	const rows = (slice) => slice.map(([line, spans]) => jsxs("div", {
-		className: css$28.line,
+		className: css$30.line,
 		children: [jsx("span", {
-			className: css$28.gutter,
+			className: css$30.gutter,
 			"aria-hidden": true,
 			children: line.number
 		}), jsx("span", {
-			className: css$28.content,
+			className: css$30.content,
 			children: spans === void 0 ? line.text : renderSpans(spans)
 		})]
 	}, line.number));
@@ -9644,7 +9768,7 @@ function ReadBlock({ label, labels, lines, totalLines, lang, maxLines = 16, clas
 	const paired = lines.map((line, index) => [line, highlighted?.[index]]);
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(cardCss.card, css$28.block, className),
+		className: clsx(cardCss.card, css$30.block, className),
 		"data-read": "",
 		"data-code-wrap": wrapped,
 		style: gutterStyle,
@@ -9666,7 +9790,7 @@ function ReadBlock({ label, labels, lines, totalLines, lang, maxLines = 16, clas
 			children: [
 				rows(capped ? paired.slice(0, headLines) : paired),
 				hidden > 0 && jsx(FoldToggle, {
-					className: css$28.expand,
+					className: css$30.expand,
 					expanded,
 					hidden,
 					labels,
@@ -9688,11 +9812,11 @@ function assertNever(value) {
 }
 /** The dim class per row kind (path/gap chrome vs the diff's own +/- colors). */
 const ROW_CLASS = {
-	path: css$29.path,
-	del: css$29.del,
-	add: css$29.add,
-	context: css$29.context,
-	gap: css$29.gap
+	path: css$31.path,
+	del: css$31.del,
+	add: css$31.add,
+	context: css$31.context,
+	gap: css$31.gap
 };
 /** Bound synchronous edit-graph search; one replacement consumes two edits. */
 const MAX_DIFF_EDIT_LENGTH = 256;
@@ -9826,7 +9950,7 @@ function DiffBlock({ diffs, labels, maxLines = 16, className }) {
 	const head = capped ? rows.slice(0, headLines) : rows;
 	const tail = capped ? rows.slice(rows.length - tailLines) : [];
 	return jsxs("div", {
-		className: clsx(cardCss.card, css$29.block, className),
+		className: clsx(cardCss.card, css$31.block, className),
 		"data-diff": "",
 		"data-code-wrap": wrapped,
 		children: [jsx(CodeToolbar, {
@@ -9841,21 +9965,21 @@ function DiffBlock({ diffs, labels, maxLines = 16, className }) {
 				setWrapped((value) => !value);
 			}
 		}), jsxs("div", {
-			className: css$29.body,
+			className: css$31.body,
 			children: [
 				head.map((row, index) => jsx("div", {
-					className: clsx(css$29.line, ROW_CLASS[row.kind]),
+					className: clsx(css$31.line, ROW_CLASS[row.kind]),
 					children: row.text
 				}, index)),
 				hidden > 0 && jsx(FoldToggle, {
-					className: css$29.expand,
+					className: css$31.expand,
 					expanded,
 					hidden,
 					labels,
 					onToggle
 				}),
 				tail.map((row, index) => jsx("div", {
-					className: clsx(css$29.line, ROW_CLASS[row.kind]),
+					className: clsx(css$31.line, ROW_CLASS[row.kind]),
 					children: row.text
 				}, index))
 			]
@@ -9985,56 +10109,56 @@ function SearchBlock(props) {
 	const tail = tailHeader === void 0 ? naturalTail : naturalTail.slice(1);
 	const renderRow = (row) => {
 		if (row.type === "path") return jsx("div", {
-			className: css$30.line,
+			className: css$32.line,
 			children: row.path
 		});
 		if (row.type === "match") return jsxs("div", {
-			className: css$30.line,
+			className: css$32.line,
 			children: [jsxs("span", {
-				className: css$30.lineNumber,
+				className: css$32.lineNumber,
 				children: [row.lineNumber, ": "]
 			}), row.line]
 		});
 		return jsxs("button", {
 			type: "button",
-			className: css$30.fileHeader,
+			className: css$32.fileHeader,
 			"aria-expanded": !row.collapsed,
 			onClick: () => {
 				toggleFile(row.index);
 			},
 			children: [jsx("span", {
-				className: css$30.filePath,
+				className: css$32.filePath,
 				children: row.path
 			}), jsx("span", {
-				className: css$30.fileCount,
+				className: css$32.fileCount,
 				children: row.count
 			})]
 		});
 	};
 	return jsxs("div", {
-		className: clsx(css$30.block, className),
+		className: clsx(css$32.block, className),
 		"data-search": props.kind,
 		children: [jsxs("div", {
-			className: css$30.header,
+			className: css$32.header,
 			children: [jsx("span", {
-				className: css$30.summary,
+				className: css$32.summary,
 				children: summaryText(props, shown, truncated, total)
 			}), !empty && jsx("button", {
 				type: "button",
-				className: css$30.copyButton,
+				className: css$32.copyButton,
 				onClick: onCopy,
 				children: copied ? props.labels.copied : props.labels.copy
 			})]
 		}), empty ? jsx("div", {
-			className: css$30.empty,
+			className: css$32.empty,
 			children: props.labels.noResults
 		}) : jsxs("div", {
-			className: css$30.body,
+			className: css$32.body,
 			children: [
 				head.map((row) => jsx("div", { children: renderRow(row) }, rowKey(row))),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$30.expand,
+					className: css$32.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? props.labels.collapseAria : props.labels.expandAria(hidden),
 					onClick: onToggle,
@@ -10864,7 +10988,7 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 		});
 	}, [copied, trimmed]);
 	const body = streamedBody !== void 0 ? streamedBody : html === void 0 ? jsx("pre", {
-		className: css$31.plain,
+		className: css$33.plain,
 		children: jsx("code", { children: sourceLines === void 0 ? trimmed : sourceLines.map((line, index) => jsxs(Fragment$1, { children: [index > 0 && "\n", jsx("span", {
 			className: "line",
 			children: line
@@ -10872,12 +10996,12 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 	}) : jsx("div", { dangerouslySetInnerHTML: { __html: html } });
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$31.block, "md-code-block", lineNumbers && css$31.numbered, toolbarLabels !== void 0 && css$31.card, className),
+		className: clsx(css$33.block, "md-code-block", lineNumbers && css$33.numbered, toolbarLabels !== void 0 && css$33.card, className),
 		"data-line-numbers": lineNumbers || void 0,
 		"data-code-wrap": toolbarLabels === void 0 ? void 0 : wrapped,
 		style: sourceLines === void 0 ? void 0 : { "--dsl-code-block-line-number-width": `${Math.max(2, String(sourceLines.length).length)}ch` },
 		children: [showHeader && jsx("div", {
-			className: css$31.bannerWrap,
+			className: css$33.bannerWrap,
 			children: toolbarLabels !== void 0 ? jsx(CodeToolbar, {
 				lang,
 				labels: toolbarLabels,
@@ -10890,16 +11014,16 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 					setWrapped((value) => !value);
 				} : void 0
 			}) : jsxs("div", {
-				className: css$31.banner,
+				className: css$33.banner,
 				"data-code-block-banner": true,
 				children: [jsx("div", {
-					className: css$31.infostring,
+					className: css$33.infostring,
 					children: lang ?? ""
 				}), jsx("div", {
-					className: css$31.action,
+					className: css$33.action,
 					children: jsx("button", {
 						type: "button",
-						className: css$31.copyButton,
+						className: css$33.copyButton,
 						onClick: onCopy,
 						children: copied ? copiedLabel : copyLabel
 					})
@@ -10907,7 +11031,7 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 			})
 		}), jsx("div", {
 			ref: contentRef,
-			className: css$31.content,
+			className: css$33.content,
 			"data-code-block-content": true,
 			children: body
 		})]
@@ -11096,31 +11220,34 @@ function ImageLightbox({ src, alt, labels, onClose }) {
 			restoreRef.current?.focus();
 		};
 	}, [onClose]);
-	return createPortal(jsxs("div", {
-		className: css$32.backdrop,
+	return createPortal(jsx("div", {
+		className: css$34.backdrop,
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": labels.dialog,
-		children: [
-			jsx("div", {
-				className: css$32.mask,
-				"aria-hidden": "true",
-				onMouseDown: onClose
-			}),
-			jsx("img", {
-				className: css$32.image,
-				src,
-				alt
-			}),
-			jsx("button", {
-				ref: closeRef,
-				type: "button",
-				className: css$32.close,
-				"aria-label": labels.close,
-				onClick: onClose,
-				children: jsx(IconCloseOutlineRegular, { size: 16 })
-			})
-		]
+		children: jsxs("div", {
+			className: css$34.stage,
+			children: [
+				jsx("div", {
+					className: css$34.mask,
+					"aria-hidden": "true",
+					onMouseDown: onClose
+				}),
+				jsx("img", {
+					className: css$34.image,
+					src,
+					alt
+				}),
+				jsx("button", {
+					ref: closeRef,
+					type: "button",
+					className: css$34.close,
+					"aria-label": labels.close,
+					onClick: onClose,
+					children: jsx(IconCloseOutlineRegular, { size: 16 })
+				})
+			]
+		})
 	}), document.body);
 }
 //#endregion
@@ -11142,14 +11269,14 @@ function ImagePreview({ src, alt, loadingLabel, failedLabel }) {
 function Preview({ src, alt, loadingLabel, failedLabel }) {
 	const [state, setState] = useState("loading");
 	return jsxs("span", {
-		className: css$33.frame,
+		className: css$35.frame,
 		children: [state !== "failed" && jsx("img", {
 			src,
 			alt,
 			loading: "lazy",
 			decoding: "async",
 			referrerPolicy: "no-referrer",
-			className: css$33.image,
+			className: css$35.image,
 			"data-ready": state === "ready" || void 0,
 			onLoad: () => {
 				setState("ready");
@@ -11158,7 +11285,7 @@ function Preview({ src, alt, loadingLabel, failedLabel }) {
 				setState("failed");
 			}
 		}), state !== "ready" && jsxs("span", {
-			className: css$33.status,
+			className: css$35.status,
 			role: "status",
 			children: [state === "loading" && jsx(IconLoadingOutlineRegular, { size: 16 }), jsx("span", { children: state === "loading" ? loadingLabel : failedLabel })]
 		})]
@@ -11897,7 +12024,7 @@ function SafeLink({ url, label, className }) {
 		children: [jsx(LinkIconMedium, {
 			kind: "url",
 			href,
-			className: css$34.linkIcon
+			className: css$36.linkIcon
 		}), label]
 	});
 }
@@ -11912,20 +12039,20 @@ function SafeLink({ url, label, className }) {
 */
 function SourceItem({ source, ordinal }) {
 	return jsxs("li", {
-		className: css$34.source,
+		className: css$36.source,
 		value: ordinal,
 		children: [
 			jsx(SafeLink, {
 				url: source.url,
 				label: linkLabel(source.url, source.title),
-				className: css$34.sourceLink
+				className: css$36.sourceLink
 			}),
 			source.snippet !== void 0 && source.snippet !== "" && jsx("div", {
-				className: css$34.snippet,
+				className: css$36.snippet,
 				children: source.snippet
 			}),
 			source.publishedAt !== void 0 && source.publishedAt !== "" && jsx("div", {
-				className: css$34.published,
+				className: css$36.published,
 				children: source.publishedAt
 			})
 		]
@@ -11940,28 +12067,28 @@ function SourceItem({ source, ordinal }) {
 function WebSearchBlock({ answer, sources, truncated, labels, className }) {
 	const empty = (answer === void 0 || answer === "") && sources.length === 0;
 	return jsxs("div", {
-		className: clsx(css$34.block, className),
+		className: clsx(css$36.block, className),
 		"data-web": "search",
 		children: [
 			answer !== void 0 && answer !== "" && jsx("div", {
-				className: css$34.answer,
+				className: css$36.answer,
 				children: jsx(MarkdownText, {
 					text: answer,
 					labels: labels.markdown
 				})
 			}),
 			empty ? jsx("div", {
-				className: css$34.empty,
+				className: css$36.empty,
 				children: labels.noResults
 			}) : jsx("ol", {
-				className: css$34.sources,
+				className: css$36.sources,
 				children: sources.map((source, index) => jsx(SourceItem, {
 					source,
 					ordinal: index + 1
 				}, index))
 			}),
 			truncated && jsx("div", {
-				className: css$34.truncated,
+				className: css$36.truncated,
 				children: labels.sourcesTruncated
 			})
 		]
@@ -11974,23 +12101,23 @@ function WebSearchBlock({ answer, sources, truncated, labels, className }) {
 */
 function WebFetchBlock({ url, statusCode, truncated, labels, className }) {
 	return jsxs("div", {
-		className: clsx(css$34.block, css$34.fetch, className),
+		className: clsx(css$36.block, css$36.fetch, className),
 		"data-web": "fetch",
 		children: [jsx(SafeLink, {
 			url,
 			label: url,
-			className: css$34.fetchUrl
+			className: css$36.fetchUrl
 		}), jsxs("div", {
-			className: css$34.fetchMeta,
+			className: css$36.fetchMeta,
 			children: [jsxs("span", {
-				className: css$34.status,
+				className: css$36.status,
 				children: [
 					labels.http,
 					" ",
 					statusCode
 				]
 			}), truncated && jsx("span", {
-				className: css$34.truncated,
+				className: css$36.truncated,
 				children: labels.contentTruncated
 			})]
 		})]
@@ -12024,10 +12151,10 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 		truncatedLabel
 	]);
 	return jsxs("div", {
-		className: css$35.root,
+		className: css$37.root,
 		children: [jsxs("button", {
 			type: "button",
-			className: css$35.toggle,
+			className: css$37.toggle,
 			onClick: () => {
 				setOpen((v) => !v);
 			},
@@ -12037,7 +12164,7 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 				label
 			]
 		}), open && jsx("pre", {
-			className: css$35.body,
+			className: css$37.body,
 			children: body
 		})]
 	});
@@ -12378,6 +12505,6 @@ function GuideArtworkFiles({ size = 36, className }) {
 	});
 }
 //#endregion
-export { BrandWordmark, Button, CODE_HIGHLIGHT_EXTENSIONS, Checkbox, CodeBlock, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DiffBlock, DisclosureRow, FISH_LOGO_PATH, FISH_LOGO_VIEWBOX, FileTypeIcon, FishLogo, GuideArtworkBrowser, GuideArtworkFiles, HoverCard, ICON_MEDIUM_STROKE, ICON_REGULAR_STROKE, IconAgentPresetOutlineMedium, IconAgentPresetOutlineRegular, IconAlarmClockOutlineMedium, IconAlarmClockOutlineRegular, IconApiOutlineMedium, IconApiOutlineRegular, IconArchiveCheckOutlineMedium, IconArchiveCheckOutlineRegular, IconArchiveOffOutlineMedium, IconArchiveOffOutlineRegular, IconArchiveOutlineMedium, IconArchiveOutlineRegular, IconBranchOutlineMedium, IconBranchOutlineRegular, IconBrowseOutlineMedium, IconBrowseOutlineRegular, IconCheckCircleFillMedium, IconCheckCircleFillRegular, IconCheckCircleOutlineMedium, IconCheckCircleOutlineRegular, IconCheckOutlineMedium, IconCheckOutlineRegular, IconChecklistOutlineMedium, IconChecklistOutlineRegular, IconChevronDownOutlineMedium, IconChevronDownOutlineRegular, IconChevronLeftOutlineMedium, IconChevronLeftOutlineRegular, IconChevronRightOutlineMedium, IconChevronRightOutlineRegular, IconChevronUpOutlineMedium, IconChevronUpOutlineRegular, IconChevronsUpDownOutlineMedium, IconChevronsUpDownOutlineRegular, IconClockOutlineMedium, IconClockOutlineRegular, IconCloseCircleFillMedium, IconCloseCircleFillRegular, IconCloseFillMedium, IconCloseFillRegular, IconCloseOutlineMedium, IconCloseOutlineRegular, IconCodeOutlineMedium, IconCodeOutlineRegular, IconCompactOutlineMedium, IconCompactOutlineRegular, IconCompareSplitOutlineMedium, IconCompareSplitOutlineRegular, IconContextInjectionOutlineMedium, IconContextInjectionOutlineRegular, IconCopyOutlineMedium, IconCopyOutlineRegular, IconCordisPluginOutlineMedium, IconCordisPluginOutlineRegular, IconDarkOutlineMedium, IconDarkOutlineRegular, IconDataOutlineMedium, IconDataOutlineRegular, IconDatabaseOutlineMedium, IconDatabaseOutlineRegular, IconDeliverDocMedium, IconDeliverDocRegular, IconDislikeFillMedium, IconDislikeFillRegular, IconDislikeOutlineMedium, IconDislikeOutlineRegular, IconDownloadOutlineMedium, IconDownloadOutlineRegular, IconEditOutlineMedium, IconEditOutlineRegular, IconEllipsisOutlineMedium, IconEllipsisOutlineRegular, IconEnhanceOutlineMedium, IconEnhanceOutlineRegular, IconFlatListOutlineMedium, IconFlatListOutlineRegular, IconFolderCloseMedium, IconFolderCloseRegular, IconFolderOpenMedium, IconFolderOpenOutlineMedium, IconFolderOpenOutlineRegular, IconFolderOpenRegular, IconFollowsystemOutlineMedium, IconFollowsystemOutlineRegular, IconFullscreenOutlineMedium, IconFullscreenOutlineRegular, IconGaugeOutlineMedium, IconGaugeOutlineRegular, IconGlobeOutlineMedium, IconGlobeOutlineRegular, IconGoalOutlineMedium, IconGoalOutlineRegular, IconInfoOutlineMedium, IconInfoOutlineRegular, IconInspectOutlineMedium, IconInspectOutlineRegular, IconLightOutlineMedium, IconLightOutlineRegular, IconLikeFillMedium, IconLikeFillRegular, IconLikeOutlineMedium, IconLikeOutlineRegular, IconLinkOutlineMedium, IconLinkOutlineRegular, IconListPenOutlineMedium, IconListPenOutlineRegular, IconLoadingOutlineMedium, IconLoadingOutlineRegular, IconMicrophoneOutlineMedium, IconMicrophoneOutlineRegular, IconNewChatOutlineMedium, IconNewChatOutlineRegular, IconNowrapFillMedium, IconNowrapFillRegular, IconPanelLeftOutlineMedium, IconPanelLeftOutlineRegular, IconPaperPlaneOutlineMedium, IconPaperPlaneOutlineRegular, IconPaperclipOutlineMedium, IconPaperclipOutlineRegular, IconPauseOutlineMedium, IconPauseOutlineRegular, IconPersonalizationOutlineMedium, IconPersonalizationOutlineRegular, IconPinFillMedium, IconPinFillRegular, IconPinOutlineMedium, IconPinOutlineRegular, IconPlanOutlineMedium, IconPlanOutlineRegular, IconPlayOutlineMedium, IconPlayOutlineRegular, IconPluginPinwheelOutlineMedium, IconPluginPinwheelOutlineRegular, IconPlusOutlineMedium, IconPlusOutlineRegular, IconProjectAddOutlineMedium, IconProjectAddOutlineRegular, IconQuestionOutlineMedium, IconQuestionOutlineRegular, IconQueueOutlineMedium, IconQueueOutlineRegular, IconRefreshOutlineMedium, IconRefreshOutlineRegular, IconRightUpOutlineMedium, IconRightUpOutlineRegular, IconSearchOutlineMedium, IconSearchOutlineRegular, IconSendOutlineMedium, IconSendOutlineRegular, IconSettingsOutlineMedium, IconSettingsOutlineRegular, IconShareOutlineMedium, IconShareOutlineRegular, IconShieldOutlineMedium, IconShieldOutlineRegular, IconSkillOutlineMedium, IconSkillOutlineRegular, IconSlidersTwoOutlineMedium, IconSlidersTwoOutlineRegular, IconSparkleMedium, IconSparkleRegular, IconStopFillMedium, IconStopFillRegular, IconThinkOutlineMedium, IconThinkOutlineRegular, IconTrashOutlineMedium, IconTrashOutlineRegular, IconTreeCornerMedium, IconTreeCornerRegular, IconTriangleRightFillMedium, IconTriangleRightFillRegular, IconUnarchiveOutlineMedium, IconUnarchiveOutlineRegular, IconUserOutlineMedium, IconUserOutlineRegular, IconUsersOutlineMedium, IconUsersOutlineRegular, IconWarningOutlineMedium, IconWarningOutlineRegular, IconWarningTriangleOutlineMedium, IconWarningTriangleOutlineRegular, IconWorkspaceTreeOutlineMedium, IconWorkspaceTreeOutlineRegular, IconWrapFillMedium, IconWrapFillRegular, IconWrapLinesOutlineMedium, IconWrapLinesOutlineRegular, ImageLightbox, Input, JsonBlock, JsonTree, LinkIconMedium, LinkIconRegular, MarkdownDelegateProvider, MarkdownText, Menu, MenuGroup, MenuItemButton, MenuSurface, Modal, PathLabel, PermissionIconFullAccessMedium, PermissionIconFullAccessRegular, PermissionIconReadOnlyMedium, PermissionIconReadOnlyRegular, PermissionIconWorkspaceWriteMedium, PermissionIconWorkspaceWriteRegular, Pill, PluginArtworkDefault, PluginArtworkLoop, PluginArtworkSearch, PluginArtworkSubagent, PluginArtworkTerminal, ReadBlock, ReferenceIconMedium, ReferenceIconRegular, RiskConfirmation, SHIELD_OUTLINE_PATH, SearchBlock, SegmentedControl, SegmentedTabs, SettingsForm, SettingsFormModel, SettingsSecretField, SettingsValueField, ShortcutKeys, StateDot, Switch, Tag, TerminalBlock, TextShimmer, Toast, Tooltip, WebBlock, classifyFileType, classifyLinkPath, closeTopModal, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeText, focusWithoutRing, isBehindModal, isDarwinDesktop, languageForPath, modalSelector, observeComposition, observeStickyMenuGroups, pointerModality, projectUserText, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useCodeHighlighter, useDismissOnOutsidePointer, useModalLayer, writeClipboard };
+export { BrandWordmark, Button, CODE_HIGHLIGHT_EXTENSIONS, Checkbox, CodeBlock, CommandText, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DiffBlock, DisclosureRow, FISH_LOGO_PATH, FISH_LOGO_VIEWBOX, FileTypeIcon, FishLogo, GuideArtworkBrowser, GuideArtworkFiles, HoverCard, ICON_MEDIUM_STROKE, ICON_REGULAR_STROKE, IconAgentPresetOutlineMedium, IconAgentPresetOutlineRegular, IconAlarmClockOutlineMedium, IconAlarmClockOutlineRegular, IconApiOutlineMedium, IconApiOutlineRegular, IconArchiveCheckOutlineMedium, IconArchiveCheckOutlineRegular, IconArchiveOffOutlineMedium, IconArchiveOffOutlineRegular, IconArchiveOutlineMedium, IconArchiveOutlineRegular, IconBranchOutlineMedium, IconBranchOutlineRegular, IconBrowseOutlineMedium, IconBrowseOutlineRegular, IconCheckCircleFillMedium, IconCheckCircleFillRegular, IconCheckCircleOutlineMedium, IconCheckCircleOutlineRegular, IconCheckOutlineMedium, IconCheckOutlineRegular, IconChecklistOutlineMedium, IconChecklistOutlineRegular, IconChevronDownOutlineMedium, IconChevronDownOutlineRegular, IconChevronLeftOutlineMedium, IconChevronLeftOutlineRegular, IconChevronRightOutlineMedium, IconChevronRightOutlineRegular, IconChevronUpOutlineMedium, IconChevronUpOutlineRegular, IconChevronsUpDownOutlineMedium, IconChevronsUpDownOutlineRegular, IconClockOutlineMedium, IconClockOutlineRegular, IconCloseCircleFillMedium, IconCloseCircleFillRegular, IconCloseFillMedium, IconCloseFillRegular, IconCloseOutlineMedium, IconCloseOutlineRegular, IconCodeOutlineMedium, IconCodeOutlineRegular, IconCompactOutlineMedium, IconCompactOutlineRegular, IconCompareSplitOutlineMedium, IconCompareSplitOutlineRegular, IconContextInjectionOutlineMedium, IconContextInjectionOutlineRegular, IconCopyOutlineMedium, IconCopyOutlineRegular, IconCordisPluginOutlineMedium, IconCordisPluginOutlineRegular, IconDarkOutlineMedium, IconDarkOutlineRegular, IconDataOutlineMedium, IconDataOutlineRegular, IconDatabaseOutlineMedium, IconDatabaseOutlineRegular, IconDeliverDocMedium, IconDeliverDocRegular, IconDislikeFillMedium, IconDislikeFillRegular, IconDislikeOutlineMedium, IconDislikeOutlineRegular, IconDownloadOutlineMedium, IconDownloadOutlineRegular, IconEditOutlineMedium, IconEditOutlineRegular, IconEllipsisOutlineMedium, IconEllipsisOutlineRegular, IconEnhanceOutlineMedium, IconEnhanceOutlineRegular, IconFlatListOutlineMedium, IconFlatListOutlineRegular, IconFolderCloseMedium, IconFolderCloseRegular, IconFolderOpenMedium, IconFolderOpenOutlineMedium, IconFolderOpenOutlineRegular, IconFolderOpenRegular, IconFollowsystemOutlineMedium, IconFollowsystemOutlineRegular, IconFullscreenOutlineMedium, IconFullscreenOutlineRegular, IconGaugeOutlineMedium, IconGaugeOutlineRegular, IconGlobeOutlineMedium, IconGlobeOutlineRegular, IconGoalOutlineMedium, IconGoalOutlineRegular, IconInfoOutlineMedium, IconInfoOutlineRegular, IconInspectOutlineMedium, IconInspectOutlineRegular, IconLightOutlineMedium, IconLightOutlineRegular, IconLikeFillMedium, IconLikeFillRegular, IconLikeOutlineMedium, IconLikeOutlineRegular, IconLinkOutlineMedium, IconLinkOutlineRegular, IconListPenOutlineMedium, IconListPenOutlineRegular, IconLoadingOutlineMedium, IconLoadingOutlineRegular, IconMicrophoneOutlineMedium, IconMicrophoneOutlineRegular, IconNewChatOutlineMedium, IconNewChatOutlineRegular, IconNowrapFillMedium, IconNowrapFillRegular, IconPanelLeftOutlineMedium, IconPanelLeftOutlineRegular, IconPaperPlaneOutlineMedium, IconPaperPlaneOutlineRegular, IconPaperclipOutlineMedium, IconPaperclipOutlineRegular, IconPauseOutlineMedium, IconPauseOutlineRegular, IconPersonalizationOutlineMedium, IconPersonalizationOutlineRegular, IconPinFillMedium, IconPinFillRegular, IconPinOutlineMedium, IconPinOutlineRegular, IconPlanOutlineMedium, IconPlanOutlineRegular, IconPlayOutlineMedium, IconPlayOutlineRegular, IconPluginPinwheelOutlineMedium, IconPluginPinwheelOutlineRegular, IconPlusOutlineMedium, IconPlusOutlineRegular, IconProjectAddOutlineMedium, IconProjectAddOutlineRegular, IconQuestionOutlineMedium, IconQuestionOutlineRegular, IconQueueOutlineMedium, IconQueueOutlineRegular, IconRefreshOutlineMedium, IconRefreshOutlineRegular, IconRightUpOutlineMedium, IconRightUpOutlineRegular, IconSearchOutlineMedium, IconSearchOutlineRegular, IconSendOutlineMedium, IconSendOutlineRegular, IconSettingsOutlineMedium, IconSettingsOutlineRegular, IconShareOutlineMedium, IconShareOutlineRegular, IconShieldOutlineMedium, IconShieldOutlineRegular, IconSkillOutlineMedium, IconSkillOutlineRegular, IconSlidersTwoOutlineMedium, IconSlidersTwoOutlineRegular, IconSparkleMedium, IconSparkleRegular, IconStopFillMedium, IconStopFillRegular, IconThinkOutlineMedium, IconThinkOutlineRegular, IconTrashOutlineMedium, IconTrashOutlineRegular, IconTreeCornerMedium, IconTreeCornerRegular, IconTriangleRightFillMedium, IconTriangleRightFillRegular, IconUnarchiveOutlineMedium, IconUnarchiveOutlineRegular, IconUserOutlineMedium, IconUserOutlineRegular, IconUsersOutlineMedium, IconUsersOutlineRegular, IconWarningOutlineMedium, IconWarningOutlineRegular, IconWarningTriangleOutlineMedium, IconWarningTriangleOutlineRegular, IconWorkspaceTreeOutlineMedium, IconWorkspaceTreeOutlineRegular, IconWrapFillMedium, IconWrapFillRegular, IconWrapLinesOutlineMedium, IconWrapLinesOutlineRegular, ImageLightbox, InlineEditor, Input, JsonBlock, JsonTree, LinkIconMedium, LinkIconRegular, MarkdownDelegateProvider, MarkdownText, Menu, MenuGroup, MenuItemButton, MenuSurface, Modal, PathLabel, PermissionIconFullAccessMedium, PermissionIconFullAccessRegular, PermissionIconReadOnlyMedium, PermissionIconReadOnlyRegular, PermissionIconWorkspaceWriteMedium, PermissionIconWorkspaceWriteRegular, Pill, PluginArtworkDefault, PluginArtworkLoop, PluginArtworkSearch, PluginArtworkSubagent, PluginArtworkTerminal, ReadBlock, ReferenceIconMedium, ReferenceIconRegular, RiskConfirmation, SHIELD_OUTLINE_PATH, SearchBlock, SegmentedControl, SegmentedTabs, SettingsForm, SettingsFormModel, SettingsSecretField, SettingsValueField, ShortcutKeys, StateDot, Switch, Tag, TerminalBlock, TextShimmer, Toast, Tooltip, WebBlock, classifyFileType, classifyLinkPath, closeTopModal, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeText, focusWithoutRing, isBehindModal, isDarwinDesktop, languageForPath, modalSelector, observeComposition, observeStickyMenuGroups, pointerModality, projectUserText, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useCodeHighlighter, useDismissOnOutsidePointer, useModalLayer, writeClipboard };
 
 //# sourceMappingURL=index.js.map