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

package/lib/index.js

@@ -14,22 +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 "./Tooltip.module.css";
-import css$16 from "./HoverCard.module.css";
-import css$17 from "./Modal.module.css";
-import css$18 from "./RiskConfirmation.module.css";
-import css$19 from "./ConnectionIndicator.module.css";
-import css$20 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$21 from "./user-text.module.css";
+import css$23 from "./user-text.module.css";
 import markdownCss from "./markdown/MarkdownText.module.css";
-import css$22 from "./Toast.module.css";
-import css$23 from "./settings-form/SettingsForm.module.css";
-import css$24 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";
@@ -37,14 +39,14 @@ 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$25 from "./JsonTree.module.css";
+import css$27 from "./JsonTree.module.css";
 import Anser from "anser";
-import css$26 from "./TerminalBlock.module.css";
+import css$28 from "./TerminalBlock.module.css";
 import cardCss from "./CodeCard.module.css";
-import css$27 from "./ReadBlock.module.css";
+import css$29 from "./ReadBlock.module.css";
 import { structuredPatch } from "diff";
-import css$28 from "./DiffBlock.module.css";
-import css$29 from "./SearchBlock.module.css";
+import css$30 from "./DiffBlock.module.css";
+import css$31 from "./SearchBlock.module.css";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { gfmFromMarkdown } from "mdast-util-gfm";
 import { mathFromMarkdown } from "mdast-util-math";
@@ -56,13 +58,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$30 from "./markdown/CodeBlock.module.css";
+import css$32 from "./markdown/CodeBlock.module.css";
 import katex from "katex";
-import css$31 from "./ImageLightbox.module.css";
-import css$32 from "./ImagePreview.module.css";
+import css$33 from "./ImageLightbox.module.css";
+import css$34 from "./ImagePreview.module.css";
 import "katex/dist/katex.min.css";
-import css$33 from "./WebBlock.module.css";
-import css$34 from "./markdown/JsonBlock.module.css";
+import css$35 from "./WebBlock.module.css";
+import css$36 from "./markdown/JsonBlock.module.css";
 //#region lib/types/icons/shared-artwork.js
 /**
 * Render new-conversation geometry — the bubble around a plus — for product icons.
@@ -938,15 +940,15 @@ const IconThinkOutlineArtwork = ({ size = 16, className, strokeWidth }) => jsxs(
 	strokeWidth,
 	children: [
 		jsx("path", {
-			d: "M10.7554 5.24466C13.9891 8.4783 15.3769 12.3333 13.8552 13.8551C12.3335 15.3768 8.4785 13.989 5.24478 10.7553C2.01111 7.52165 0.623307 3.66664 2.14504 2.14491C3.66676 0.623189 7.52178 2.01099 10.7554 5.24466Z",
+			d: "M10.2854 5.71481C12.9673 8.39663 14.1182 11.5938 12.8562 12.8559C11.5942 14.1179 8.39706 12.9669 5.71518 10.2851C3.03333 7.60323 1.88236 4.40608 3.14441 3.14403C4.40644 1.882 7.6036 3.03297 10.2854 5.71481Z",
 			stroke: "currentColor"
 		}),
 		jsx("path", {
-			d: "M10.7554 10.7553C7.52178 13.989 3.66676 15.3768 2.14504 13.8551C0.623307 12.3333 2.01111 8.4783 5.24478 5.24466C8.4785 2.01099 12.3335 0.623189 13.8552 2.14491C15.3769 3.66664 13.9891 7.52165 10.7554 10.7553Z",
+			d: "M10.2854 10.2851C7.6036 12.9669 4.40644 14.1179 3.14441 12.8559C1.88236 11.5938 3.03333 8.39663 5.71518 5.71481C8.39706 3.03297 11.5942 1.882 12.8562 3.14403C14.1182 4.40608 12.9673 7.60323 10.2854 10.2851Z",
 			stroke: "currentColor"
 		}),
 		jsx("path", {
-			d: "M8.9587 8.00025C8.9587 8.52835 8.5306 8.95655 8.0024 8.95655C7.47429 8.95655 7.04614 8.52835 7.04614 8.00025C7.04614 7.47209 7.47429 7.04395 8.0024 7.04395C8.5306 7.04395 8.9587 7.47209 8.9587 8.00025Z",
+			d: "M8.86291 8.0002C8.86291 8.47549 8.47762 8.86087 8.00224 8.86087C7.52694 8.86087 7.1416 8.47549 7.1416 8.0002C7.1416 7.52485 7.52694 7.13953 8.00224 7.13953C8.47762 7.13953 8.86291 7.52485 8.86291 8.0002Z",
 			fill: "currentColor"
 		})
 	]
@@ -3039,12 +3041,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;
 }
@@ -3183,6 +3197,7 @@ const DisclosureRow = memo(function DisclosureRow({ icon, title, open, expandabl
 			children: [expandable && !rowExpands ? jsx("button", {
 				type: "button",
 				className: clsx(css$2.leading, leadingClassName),
+				"aria-label": title,
 				"aria-expanded": open,
 				onClick: toggleFromLeading,
 				children: leading
@@ -3521,19 +3536,75 @@ function Checkbox({ checked, onChange, label, disabled = false, title, className
 /**
 * Render a text input with an optional leading icon.
 * @param props.icon - optional 16px leading icon node.
+* @param ref - the native input, cleared when it unmounts.
 * @returns wrapper span containing the native input; input attributes pass through.
 */
-function Input({ icon, className, ...rest }) {
+const Input = forwardRef(function Input({ icon, className, ...rest }, ref) {
 	return jsxs("span", {
 		className: clsx(css$11.wrap, className),
 		children: [icon != null && jsx("span", {
 			className: css$11.icon,
 			children: icon
 		}), jsx("input", {
+			ref,
 			className: css$11.input,
 			...rest
 		})]
 	});
+});
+//#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
@@ -3758,9 +3829,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))
 	});
@@ -3786,20 +3857,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
@@ -3825,32 +3896,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
 					})
 				})
 			]
@@ -4137,11 +4208,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);
@@ -4149,7 +4220,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,
@@ -4159,7 +4230,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,
@@ -4176,31 +4247,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: () => {
@@ -4209,19 +4280,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
 							})
 						})
 					]
@@ -4238,7 +4309,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) => {
@@ -4249,18 +4320,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();
@@ -4269,6 +4340,125 @@ function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onS
 	});
 }
 //#endregion
+//#region lib/types/MenuGroup.js
+/** Accessible menu groups with shared sticky-heading presentation and viewport observation. */
+/**
+* Render a named group with an instance-owned heading id and an inaccessible position sentinel.
+* @param props - Caller-localized label and optional menu rows.
+* @returns A section named by its direct heading, followed by the supplied children.
+*/
+function MenuGroup({ label, children }) {
+	const headingId = useId();
+	return jsxs("section", {
+		role: "group",
+		"aria-labelledby": headingId,
+		"data-menu-group": "",
+		className: css$16.group,
+		children: [
+			jsx("span", {
+				"aria-hidden": "true",
+				"data-menu-group-start": "",
+				className: css$16.start
+			}),
+			jsx("div", {
+				id: headingId,
+				"data-menu-group-heading": "",
+				className: css$16.heading,
+				children: label
+			}),
+			children
+		]
+	});
+}
+/**
+* Update heading backgrounds asynchronously from native intersection and viewport-size observations.
+* Headings remain transparent until observations identify a section crossing the viewport top.
+* Without IntersectionObserver or ResizeObserver, CSS sticky headings remain transparent.
+* Group membership is captured at setup; dispose before observing changed groups or the same viewport again.
+* @param viewport - Unpadded, borderless scroll container with direct MenuGroup children.
+* @returns Cleanup owning both intersection observers and the viewport resize observer; disconnects
+* them, ignores queued callbacks, and clears managed data-stuck attributes. No valid groups acquires nothing.
+*/
+function observeStickyMenuGroups(viewport) {
+	const groups = [...viewport.querySelectorAll(":scope > [data-menu-group]")].flatMap((section) => {
+		const heading = section.querySelector(":scope > [data-menu-group-heading]");
+		const start = section.querySelector(":scope > [data-menu-group-start]");
+		return heading === null || start === null ? [] : [{
+			section,
+			heading,
+			start,
+			atTop: false,
+			above: false,
+			topTime: -Infinity,
+			aboveTime: -Infinity
+		}];
+	});
+	if (groups.length === 0 || typeof IntersectionObserver === "undefined" || typeof ResizeObserver === "undefined") return () => {};
+	const sections = new Map(groups.map((group) => [group.section, group]));
+	const starts = new Map(groups.map((group) => [group.start, group]));
+	let disposed = false;
+	let stripObserver;
+	let viewportHeight;
+	const render = (group) => {
+		const stuck = group.atTop && group.above;
+		if (group.heading.hasAttribute("data-stuck") !== stuck) group.heading.toggleAttribute("data-stuck", stuck);
+	};
+	const startObserver = new IntersectionObserver((entries) => {
+		if (disposed) return;
+		for (const entry of entries) {
+			const group = starts.get(entry.target);
+			if (!group || entry.rootBounds === null || entry.time < group.aboveTime) continue;
+			group.above = entry.boundingClientRect.top < entry.rootBounds.top;
+			group.aboveTime = entry.time;
+			render(group);
+		}
+	}, {
+		root: viewport,
+		threshold: [0, 1]
+	});
+	for (const { start } of groups) startObserver.observe(start);
+	const sizeObserver = new ResizeObserver((entries) => {
+		if (disposed) return;
+		for (const entry of entries) {
+			if (entry.target !== viewport || entry.contentRect.height === viewportHeight) continue;
+			viewportHeight = entry.contentRect.height;
+			stripObserver?.disconnect();
+			const observer = new IntersectionObserver((intersections) => {
+				if (disposed || stripObserver !== observer) return;
+				for (const intersection of intersections) {
+					const group = sections.get(intersection.target);
+					if (!group || intersection.rootBounds === null) continue;
+					const top = intersection.rootBounds.top;
+					if (intersection.time >= group.topTime) {
+						group.atTop = intersection.isIntersecting && intersection.boundingClientRect.bottom > top;
+						group.topTime = intersection.time;
+					}
+					if (intersection.time >= group.aboveTime) {
+						group.above = intersection.boundingClientRect.top < top;
+						group.aboveTime = intersection.time;
+					}
+					render(group);
+				}
+			}, {
+				root: viewport,
+				rootMargin: `0px 0px ${Math.min(1, viewportHeight) - viewportHeight}px 0px`,
+				threshold: 0
+			});
+			stripObserver = observer;
+			for (const { section } of groups) observer.observe(section);
+		}
+	});
+	sizeObserver.observe(viewport);
+	return () => {
+		if (disposed) return;
+		disposed = true;
+		startObserver.disconnect();
+		stripObserver?.disconnect();
+		sizeObserver.disconnect();
+		for (const { heading } of groups) if (heading.hasAttribute("data-stuck")) heading.removeAttribute("data-stuck");
+	};
+}
+//#endregion
 //#region lib/types/useAnchoredMaxHeight.js
 /**
 * Viewport-fit hook for bottom-anchored overlays (slash menu, popupSelect):
@@ -4703,7 +4893,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$15.bubble,
+		className: css$17.bubble,
 		"data-side": side,
 		"data-portal": portal || void 0,
 		"data-pinned": pinned || void 0,
@@ -4718,7 +4908,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$15.label,
+			className: css$17.label,
 			children: resolvedLabel
 		}), shortcutKeys !== void 0 && shortcutKeys.length > 0 && jsx(ShortcutKeys, {
 			keys: shortcutKeys,
@@ -4986,7 +5176,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 	};
 	const card = open && pos !== null && !suppressed && jsx("div", {
 		ref: cardRef,
-		className: clsx(css$16.card, variant === "preview" && css$16.preview, inline && css$16.media, copyable && css$16.copyable, copied && css$16.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,
@@ -5009,14 +5199,14 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 			copy(copyText);
 		} : void 0,
 		children: copied ? jsx("span", {
-			className: css$16.copied,
+			className: css$18.copied,
 			"aria-hidden": "true",
 			children: copiedLabel
 		}) : content
 	});
 	return jsxs("span", {
 		ref: rootRef,
-		className: clsx(css$16.root, inline && css$16.inline),
+		className: clsx(css$18.root, inline && css$18.inline),
 		onFocus: inline ? (event) => {
 			if (!disabled && event.target.matches(":focus-visible")) {
 				cancelClose();
@@ -5054,7 +5244,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 				children: anchor
 			}),
 			open && !suppressed && copyable && jsx("span", {
-				className: css$16.status,
+				className: css$18.status,
 				role: "status",
 				children: copied ? copiedLabel : ""
 			}),
@@ -5089,11 +5279,11 @@ function Modal({ open, onClose, title, closeLabel, description, children, footer
 	useModalLayer(dialog, open, onClose);
 	if (!open) return null;
 	return createPortal(jsxs("div", {
-		className: css$17.root,
+		className: css$19.root,
 		role: "presentation",
 		onKeyDownCapture,
 		children: [jsx("div", {
-			className: css$17.mask,
+			className: css$19.mask,
 			style: backdropBlur ? void 0 : { backdropFilter: "none" },
 			"aria-hidden": "true",
 			onClick: onClose
@@ -5101,37 +5291,37 @@ function Modal({ open, onClose, title, closeLabel, description, children, footer
 			ref: dialog,
 			tabIndex: -1,
 			"data-shortcut-modal": shortcutModal,
-			className: clsx(css$17.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$17.content, contentClassName),
+				className: clsx(css$19.content, contentClassName),
 				children: [
 					jsxs("div", {
-						className: css$17.header,
+						className: css$19.header,
 						children: [jsx("h2", {
-							className: css$17.title,
+							className: css$19.title,
 							children: title
 						}), jsx("button", {
 							type: "button",
-							className: css$17.close,
+							className: css$19.close,
 							"aria-label": closeLabel,
 							onClick: onClose,
 							children: jsx(IconCloseOutlineRegular, { size: 14 })
 						})]
 					}),
 					description !== void 0 && description !== "" && jsx("p", {
-						className: css$17.description,
+						className: css$19.description,
 						children: description
 					}),
 					children !== void 0 && jsx("div", {
-						className: css$17.body,
+						className: css$19.body,
 						children
 					})
 				]
 			}), footer !== void 0 && jsx("div", {
-				className: css$17.footer,
+				className: css$19.footer,
 				children: footer
 			})] })
 		})]
@@ -5153,28 +5343,28 @@ function RiskConfirmation({ open, title, description, acknowledgeLabel, cancelLa
 		onClose: onCancel,
 		title,
 		closeLabel,
-		className: css$18.confirmation ?? "",
-		contentClassName: css$18.confirmationContent ?? "",
+		className: css$20.confirmation ?? "",
+		contentClassName: css$20.confirmationContent ?? "",
 		footer: jsxs(Fragment, { children: [jsx(Button, {
 			variant: "outline",
-			className: css$18.modalAction,
+			className: css$20.modalAction,
 			onClick: onCancel,
 			children: cancelLabel
 		}), jsx(Button, {
 			variant: "primary",
-			className: css$18.confirmAction,
+			className: css$20.confirmAction,
 			disabled: disabled || !acknowledged,
 			onClick: onConfirm,
 			children: confirmLabel
 		})] }),
 		children: [jsxs("div", {
-			className: css$18.warning,
+			className: css$20.warning,
 			children: [jsx(IconWarningOutlineRegular, {
 				size: 18,
-				className: css$18.warningIcon
+				className: css$20.warningIcon
 			}), jsx("p", { children: description })]
 		}), jsxs("label", {
-			className: css$18.acknowledgement,
+			className: css$20.acknowledgement,
 			children: [jsx("input", {
 				type: "checkbox",
 				checked: acknowledged,
@@ -5222,44 +5412,44 @@ function ConnectionIndicator({ state, disconnectedLabel, connectingLabel, recove
 		};
 	}, [state, rendered]);
 	if (rendered === void 0) return null;
-	const leavingClass = leaving ? ` ${css$19.leaving}` : "";
+	const leavingClass = leaving ? ` ${css$21.leaving}` : "";
 	if (rendered === "recovered") return jsxs("div", {
-		className: `${css$19.indicator} ${css$19.success}${leavingClass}`,
+		className: `${css$21.indicator} ${css$21.success}${leavingClass}`,
 		role: "status",
 		"aria-label": recoveredLabel,
 		children: [jsx("span", {
-			className: css$19.icon,
+			className: css$21.icon,
 			"aria-hidden": "true",
 			children: jsx(IconCheckOutlineRegular, { size: 14 })
 		}), jsx("span", {
-			className: css$19.label,
+			className: css$21.label,
 			children: recoveredLabel
 		})]
 	});
 	const connecting = rendered === "connecting";
 	return jsxs("button", {
 		type: "button",
-		className: `${css$19.indicator} ${css$19.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$19.icon,
+			className: css$21.icon,
 			"aria-hidden": "true",
 			children: connecting ? jsx(StateDot, { state: "ongoing" }) : jsx(IconRefreshOutlineRegular, { size: 14 })
 		}), jsx("span", {
-			className: css$19.label,
+			className: css$21.label,
 			children: connecting ? jsxs(Fragment, { children: [connectingLabel, jsxs("span", {
-				className: css$19.dots,
+				className: css$21.dots,
 				"aria-hidden": "true",
 				children: [
 					jsx("span", { children: "." }),
 					jsx("span", {
-						className: css$19.secondDot,
+						className: css$21.secondDot,
 						children: "."
 					}),
 					jsx("span", {
-						className: css$19.thirdDot,
+						className: css$21.thirdDot,
 						children: "."
 					})
 				]
@@ -6290,7 +6480,7 @@ function FileTypeIcon(props) {
 		type: resolvedType,
 		size,
 		className
-	}) : glyph(resolvedType, size, clsx(css$20.icon, css$20[resolvedType], className));
+	}) : glyph(resolvedType, size, clsx(css$22.icon, css$22[resolvedType], className));
 }
 //#endregion
 //#region lib/types/SiteGlyph.js
@@ -6619,7 +6809,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 	let cursor = 0;
 	const pushPlain = (from, to) => {
 		parts.push(jsx("span", {
-			className: css$21.plainRun,
+			className: css$23.plainRun,
 			children: text.slice(from, to)
 		}, `t${from}`));
 	};
@@ -6632,14 +6822,14 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		const contents = jsxs(Fragment, { children: [referenceKind !== void 0 && jsx(ReferenceIconRegular, {
 			kind: referenceKind,
 			size: 16,
-			className: css$21.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$21.refChip, referenceKind === void 0 && css$21.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,
@@ -6659,7 +6849,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		cursor = end;
 	}
 	if (parts.length === 0) return jsx("span", {
-		className: css$21.plainRun,
+		className: css$23.plainRun,
 		children: text
 	});
 	if (cursor < text.length) pushPlain(cursor, text.length);
@@ -6732,25 +6922,25 @@ function Toast({ text, icon, tone, anchor, holdMs = HOLD_MS, actions, onDone })
 		};
 	}, [anchor]);
 	return createPortal(jsxs("div", {
-		className: css$22.toast,
+		className: css$24.toast,
 		role: "alert",
 		style: {
 			...left === null ? {} : { left },
 			"--dsh-toast-hold": `${String(holdMs)}ms`
 		},
 		children: [tone === "success" ? jsx("span", {
-			className: `${css$22.icon} ${css$22.success}`,
+			className: `${css$24.icon} ${css$24.success}`,
 			"aria-hidden": true,
 			children: jsx(IconCheckCircleOutlineRegular, {})
 		}) : icon !== void 0 && jsx("span", {
-			className: css$22.icon,
+			className: css$24.icon,
 			"aria-hidden": true,
 			children: icon
 		}), jsxs("span", {
-			className: css$22.text,
+			className: css$24.text,
 			children: [text, actions?.map((action) => jsxs(Fragment$1, { children: [action.prefix, jsx("button", {
 				type: "button",
-				className: css$22.action,
+				className: css$24.action,
 				onClick: action.onClick,
 				children: action.label
 			})] }, action.label))]
@@ -6800,29 +6990,29 @@ function SettingsForm(props) {
 		discard.current();
 	}, []);
 	if (!state.available) return jsx("p", {
-		className: css$23.unavailable,
+		className: css$25.unavailable,
 		role: "status",
 		children: labels.unavailable
 	});
 	const blocked = !state.dirty || state.invalid || state.saving;
 	return jsxs("div", {
-		className: css$23.form,
+		className: css$25.form,
 		children: [
 			!state.writable ? jsx("p", {
-				className: css$23.readOnly,
+				className: css$25.readOnly,
 				role: "status",
 				children: labels.readOnly
 			}) : null,
 			props.children,
 			jsxs("div", {
-				className: css$23.footer,
+				className: css$25.footer,
 				children: [state.failed ? jsx("p", {
-					className: css$23.failed,
+					className: css$25.failed,
 					role: "status",
 					children: labels.saveFailed
 				}) : null, jsx("button", {
 					type: "button",
-					className: css$23.save,
+					className: css$25.save,
 					disabled: blocked,
 					onClick: props.onSave,
 					children: state.saving ? labels.saving : labels.save
@@ -6854,19 +7044,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$24.field,
+		className: css$26.field,
 		children: [
 			jsxs("div", {
-				className: css$24.head,
+				className: css$26.head,
 				children: [jsxs("div", {
-					className: css$24.labelGroup,
+					className: css$26.labelGroup,
 					children: [jsx("label", {
-						className: css$24.label,
+						className: css$26.label,
 						htmlFor: props.id,
 						children: props.label
 					}), props.help !== void 0 ? jsx("button", {
 						type: "button",
-						className: css$24.helpButton,
+						className: css$26.helpButton,
 						"aria-label": props.help.label,
 						"aria-expanded": helpOpen,
 						"aria-controls": helpId,
@@ -6876,13 +7066,13 @@ function SettingsValueField(props) {
 						children: jsx(IconInfoOutlineRegular, { size: 12 })
 					}) : null]
 				}), props.overridden ? jsxs("span", {
-					className: css$24.badges,
+					className: css$26.badges,
 					children: [jsx(Tag, {
 						tone: "neutral",
 						children: props.overriddenLabel
 					}), jsx("button", {
 						type: "button",
-						className: css$24.reset,
+						className: css$26.reset,
 						disabled: props.disabled,
 						onClick: props.onReset,
 						children: props.resetLabel
@@ -6891,7 +7081,7 @@ function SettingsValueField(props) {
 			}),
 			jsx("input", {
 				id: props.id,
-				className: css$24.input,
+				className: css$26.input,
 				type: "text",
 				...props.numeric === true ? { inputMode: "numeric" } : {},
 				...props.invalid ? { "aria-invalid": true } : {},
@@ -6905,12 +7095,12 @@ function SettingsValueField(props) {
 			}),
 			hasMessage ? jsx("p", {
 				id: messageId,
-				className: props.invalid ? css$24.invalid : css$24.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$24.help,
+				className: css$26.help,
 				role: "region",
 				"aria-label": props.help.label,
 				children: props.help.content
@@ -6928,16 +7118,16 @@ function SettingsValueField(props) {
 */
 function SettingsSecretField(props) {
 	return jsxs("div", {
-		className: css$24.field,
+		className: css$26.field,
 		children: [
 			jsxs("div", {
-				className: css$24.head,
+				className: css$26.head,
 				children: [jsx("label", {
-					className: css$24.label,
+					className: css$26.label,
 					htmlFor: props.id,
 					children: props.label
 				}), jsx("span", {
-					className: css$24.badges,
+					className: css$26.badges,
 					children: jsx(Tag, {
 						tone: props.configured ? "neutral" : "quiet",
 						children: props.stateLabel
@@ -6946,7 +7136,7 @@ function SettingsSecretField(props) {
 			}),
 			jsx("input", {
 				id: props.id,
-				className: css$24.input,
+				className: css$26.input,
 				type: "password",
 				autoComplete: "new-password",
 				value: props.text,
@@ -6956,7 +7146,7 @@ function SettingsSecretField(props) {
 				}
 			}),
 			jsx("p", {
-				className: css$24.hint,
+				className: css$26.hint,
 				children: props.hint
 			})
 		]
@@ -8022,7 +8212,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$25.copySlot,
+		className: css$27.copySlot,
 		children: (persistent || snapshot !== void 0) && jsx(Menu, {
 			open: snapshot?.menuOpen === true,
 			compact: true,
@@ -8031,7 +8221,7 @@ function JsonCopyAction({ store, target, persistent, labels, onCopy, onClose })
 			anchor: jsx("button", {
 				ref: buttonRef,
 				type: "button",
-				className: css$25.actionButton,
+				className: css$27.actionButton,
 				"data-json-copy-button": true,
 				"data-state": state,
 				"aria-label": copyTitle,
@@ -8070,35 +8260,35 @@ function bracketOf(value) {
 }
 function previewPrimitive(value) {
 	if (value === null) return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$27.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$25.stringValue,
+		className: css$27.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$25.numberValue,
+		className: css$27.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$27.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: value.toString()
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: "undefined"
 	});
 	if (typeof value === "symbol") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: value.description ?? "Symbol"
 	});
 	if (typeof value === "function") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: value.name || "Function"
 	});
 	return null;
@@ -8112,71 +8302,71 @@ function previewValue(value, depth) {
 	const [open, close] = bracketOf(value);
 	return jsxs(Fragment, { children: [
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$27.punctuation,
 			children: open
 		}),
 		depth >= PREVIEW_DEPTH_LIMIT ? jsx("span", {
-			className: css$25.previewEllipsis,
+			className: css$27.previewEllipsis,
 			children: "…"
 		}) : visible.map(([key, item], index) => jsxs("span", { children: [
 			index > 0 && jsx("span", {
-				className: css$25.punctuation,
+				className: css$27.punctuation,
 				children: ", "
 			}),
 			!array && jsxs(Fragment, { children: [jsx("span", {
-				className: css$25.previewProperty,
+				className: css$27.previewProperty,
 				children: key
 			}), jsx("span", {
-				className: css$25.punctuation,
+				className: css$27.punctuation,
 				children: ": "
 			})] }),
 			previewValue(item, depth + 1)
 		] }, key)),
 		depth < PREVIEW_DEPTH_LIMIT && entries.length > limit && jsx("span", {
-			className: css$25.previewEllipsis,
+			className: css$27.previewEllipsis,
 			children: ", …"
 		}),
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$27.punctuation,
 			children: close
 		})
 	] });
 }
 function primitiveValue(value) {
 	if (value === null) return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$27.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$25.stringValue,
+		className: css$27.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$27.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$25.numberValue,
+		className: css$27.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$25.numberValue,
+		className: css$27.numberValue,
 		children: `${value.toString()}n`
 	});
 	if (value instanceof Date) return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: value.toISOString()
 	});
 	if (typeof value === "function") return jsxs("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: ["function() ", "{ }"]
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: "undefined"
 	});
 	return jsx("span", {
-		className: css$25.otherValue,
+		className: css$27.otherValue,
 		children: value.toString()
 	});
 }
@@ -8204,7 +8394,7 @@ function moveFocus(button, direction) {
 function NodeField({ field, expandable, onToggle }) {
 	if (field === void 0) return null;
 	return jsxs("span", {
-		className: clsx(css$25.label, expandable && css$25.clickableLabel),
+		className: clsx(css$27.label, expandable && css$27.clickableLabel),
 		onClick: expandable ? onToggle : void 0,
 		children: [fieldText(field), ":"]
 	});
@@ -8241,7 +8431,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		if (!expanded) return;
 		const raw = rawRef.current;
 		const clips = [];
-		const tree = raw.closest(`.${css$25.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;
@@ -8270,33 +8460,33 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 	if (expanded) {
 		const fieldId = `${contentsId}-field`;
 		return jsxs("div", {
-			className: css$25.stringField,
+			className: css$27.stringField,
 			"data-expanded": true,
 			children: [
 				field !== void 0 && jsxs("span", {
 					id: fieldId,
-					className: css$25.label,
+					className: css$27.label,
 					children: [fieldText(field), ":"]
 				}),
 				jsx("pre", {
 					ref: rawRef,
 					id: contentsId,
-					className: css$25.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$25.punctuation,
+					className: css$27.punctuation,
 					children: ","
 				}),
 				jsxs("div", {
-					className: css$25.stringActions,
+					className: css$27.stringActions,
 					children: [
 						stringWrapping !== void 0 && jsx("button", {
 							type: "button",
-							className: css$25.actionButton,
+							className: css$27.actionButton,
 							"aria-label": stringWrapping.label,
 							title: stringWrapping.label,
 							"aria-pressed": wrapped,
@@ -8310,7 +8500,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 						}),
 						jsx("button", {
 							type: "button",
-							className: css$25.actionButton,
+							className: css$27.actionButton,
 							"aria-label": labels.collapseNode,
 							title: labels.collapseNode,
 							"aria-expanded": true,
@@ -8335,18 +8525,18 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		});
 	}
 	return jsxs(Fragment, { children: [renderCopy?.(), jsx("span", {
-		className: css$25.stringField,
+		className: css$27.stringField,
 		"data-expanded": expanded,
 		children: jsxs("span", {
 			ref: contentRef,
 			id: contentsId,
-			className: css$25.stringText,
+			className: css$27.stringText,
 			children: [
 				truncated && jsx("span", {
-					className: css$25.stringToggleSlot,
+					className: css$27.stringToggleSlot,
 					children: jsxs("button", {
 						type: "button",
-						className: css$25.stringToggle,
+						className: css$27.stringToggle,
 						"aria-label": labels.expandNode,
 						"aria-expanded": false,
 						"aria-controls": contentsId,
@@ -8361,12 +8551,12 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 					})
 				}),
 				field !== void 0 && jsxs("span", {
-					className: css$25.label,
+					className: css$27.label,
 					children: [fieldText(field), ":"]
 				}),
 				primitiveValue(value),
 				!lastElement && jsx("span", {
-					className: css$25.punctuation,
+					className: css$27.punctuation,
 					children: ","
 				})
 			]
@@ -8397,7 +8587,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}
 	};
 	const row = (children, ariaExpanded) => jsxs("div", {
-		className: css$25.row,
+		className: css$27.row,
 		role: "treeitem",
 		"aria-expanded": ariaExpanded,
 		onMouseOver: (event) => {
@@ -8432,7 +8622,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}),
 		primitiveValue(value),
 		!lastElement && jsx("span", {
-			className: css$25.punctuation,
+			className: css$27.punctuation,
 			children: ","
 		})
 	] }));
@@ -8444,22 +8634,22 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onToggle: toggle
 		}),
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$27.punctuation,
 			children: open
 		}),
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$27.punctuation,
 			children: close
 		}),
 		!lastElement && jsx("span", {
-			className: css$25.punctuation,
+			className: css$27.punctuation,
 			children: ","
 		})
 	] }));
 	return row(jsxs(Fragment, { children: [
 		jsx("span", {
 			ref: expanderRef,
-			className: clsx(css$25.expander, expanded ? css$25.collapseIcon : css$25.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,
@@ -8473,7 +8663,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onKeyDown: onExpanderKeyDown
 		}),
 		jsxs("span", {
-			className: css$25.summary,
+			className: css$27.summary,
 			children: [
 				jsx(NodeField, {
 					field,
@@ -8481,11 +8671,11 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 					onToggle: toggle
 				}),
 				jsx("span", {
-					className: css$25.preview,
+					className: css$27.preview,
 					children: previewValue(value, 0)
 				}),
 				!lastElement && jsx("span", {
-					className: css$25.punctuation,
+					className: css$27.punctuation,
 					children: ","
 				})
 			]
@@ -8493,7 +8683,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		expanded && jsx("ul", {
 			id: contentsId,
 			role: "group",
-			className: css$25.children,
+			className: css$27.children,
 			children: entries.map(([key, item], index) => jsx(JsonTreeNode, {
 				collapsedStringLines,
 				stringWrapping,
@@ -8625,17 +8815,17 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 		onClose: clearCopyTarget
 	}) : void 0;
 	return jsx("div", {
-		className: clsx(css$25.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$25.expandedTopLevel,
+			className: css$27.expandedTopLevel,
 			children: [
 				jsxs("div", {
-					className: clsx(css$25.row, css$25.topLevelBracket),
+					className: clsx(css$27.row, css$27.topLevelBracket),
 					"data-json-root-row": true,
 					onMouseOver: (event) => {
 						event.stopPropagation();
@@ -8648,13 +8838,13 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 						path: [],
 						value: data
 					}), jsx("span", {
-						className: css$25.punctuation,
+						className: css$27.punctuation,
 						children: rootOpen
 					})]
 				}),
 				jsx("div", {
 					"aria-label": label,
-					className: clsx(css$25.container, css$25.expandedTopLevelContainer),
+					className: clsx(css$27.container, css$27.expandedTopLevelContainer),
 					role: "tree",
 					children: rootEntries.map(([key, value], index) => jsx(JsonTreeNode, {
 						collapsedStringLines,
@@ -8672,16 +8862,16 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 					}, key))
 				}),
 				jsx("div", {
-					className: clsx(css$25.row, css$25.topLevelBracket),
+					className: clsx(css$27.row, css$27.topLevelBracket),
 					children: jsx("span", {
-						className: css$25.punctuation,
+						className: css$27.punctuation,
 						children: rootClose
 					})
 				})
 			]
 		}) : jsx("div", {
 			"aria-label": label,
-			className: css$25.container,
+			className: css$27.container,
 			role: "tree",
 			children: jsx(JsonTreeNode, {
 				collapsedStringLines,
@@ -9244,67 +9434,67 @@ 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$26.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$26.header,
+			className: css$28.header,
 			children: [
 				jsxs("div", {
-					className: css$26.prompt,
+					className: css$28.prompt,
 					children: [runStateDot && jsx("span", {
-						className: css$26.runStateLabel,
+						className: css$28.runStateLabel,
 						children: state.label
 					}), commandLines.map((line, index) => jsxs("div", {
-						className: css$26.promptLine,
+						className: css$28.promptLine,
 						children: [
 							index === 0 && runStateDot && jsx(StateDot, {
 								state: state.state,
-								className: css$26.runState
+								className: css$28.runState
 							}),
 							jsx("span", {
-								className: css$26.cwd,
+								className: css$28.cwd,
 								children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home)
 							}),
 							jsx("span", {
-								className: css$26.command,
+								className: css$28.command,
 								children: line
 							})
 						]
 					}, index))]
 				}),
 				status !== void 0 && jsx(Pill, {
-					className: css$26.status,
+					className: css$28.status,
 					children: status
 				}),
 				(copyText !== void 0 || !running && !empty) && jsx("button", {
 					type: "button",
-					className: css$26.copyButton,
+					className: css$28.copyButton,
 					onClick: onCopy,
 					children: copied ? copy.copied : copy.copy
 				})
 			]
 		}), body && (empty ? jsx("div", {
-			className: css$26.empty,
+			className: css$28.empty,
 			children: copy.noOutput
 		}) : jsxs("div", {
-			className: css$26.output,
+			className: css$28.output,
 			children: [
 				(capped ? lines.slice(0, headLines) : lines).map((line, index) => jsx("div", {
-					className: css$26.line,
+					className: css$28.line,
 					children: renderLine$1(line)
 				}, index)),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$26.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$26.line,
+					className: css$28.line,
 					children: renderLine$1(line)
 				}, index))
 			]
@@ -9507,13 +9697,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$27.line,
+		className: css$29.line,
 		children: [jsx("span", {
-			className: css$27.gutter,
+			className: css$29.gutter,
 			"aria-hidden": true,
 			children: line.number
 		}), jsx("span", {
-			className: css$27.content,
+			className: css$29.content,
 			children: spans === void 0 ? line.text : renderSpans(spans)
 		})]
 	}, line.number));
@@ -9521,7 +9711,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$27.block, className),
+		className: clsx(cardCss.card, css$29.block, className),
 		"data-read": "",
 		"data-code-wrap": wrapped,
 		style: gutterStyle,
@@ -9543,7 +9733,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$27.expand,
+					className: css$29.expand,
 					expanded,
 					hidden,
 					labels,
@@ -9565,11 +9755,11 @@ function assertNever(value) {
 }
 /** The dim class per row kind (path/gap chrome vs the diff's own +/- colors). */
 const ROW_CLASS = {
-	path: css$28.path,
-	del: css$28.del,
-	add: css$28.add,
-	context: css$28.context,
-	gap: css$28.gap
+	path: css$30.path,
+	del: css$30.del,
+	add: css$30.add,
+	context: css$30.context,
+	gap: css$30.gap
 };
 /** Bound synchronous edit-graph search; one replacement consumes two edits. */
 const MAX_DIFF_EDIT_LENGTH = 256;
@@ -9703,7 +9893,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$28.block, className),
+		className: clsx(cardCss.card, css$30.block, className),
 		"data-diff": "",
 		"data-code-wrap": wrapped,
 		children: [jsx(CodeToolbar, {
@@ -9718,21 +9908,21 @@ function DiffBlock({ diffs, labels, maxLines = 16, className }) {
 				setWrapped((value) => !value);
 			}
 		}), jsxs("div", {
-			className: css$28.body,
+			className: css$30.body,
 			children: [
 				head.map((row, index) => jsx("div", {
-					className: clsx(css$28.line, ROW_CLASS[row.kind]),
+					className: clsx(css$30.line, ROW_CLASS[row.kind]),
 					children: row.text
 				}, index)),
 				hidden > 0 && jsx(FoldToggle, {
-					className: css$28.expand,
+					className: css$30.expand,
 					expanded,
 					hidden,
 					labels,
 					onToggle
 				}),
 				tail.map((row, index) => jsx("div", {
-					className: clsx(css$28.line, ROW_CLASS[row.kind]),
+					className: clsx(css$30.line, ROW_CLASS[row.kind]),
 					children: row.text
 				}, index))
 			]
@@ -9862,56 +10052,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$29.line,
+			className: css$31.line,
 			children: row.path
 		});
 		if (row.type === "match") return jsxs("div", {
-			className: css$29.line,
+			className: css$31.line,
 			children: [jsxs("span", {
-				className: css$29.lineNumber,
+				className: css$31.lineNumber,
 				children: [row.lineNumber, ": "]
 			}), row.line]
 		});
 		return jsxs("button", {
 			type: "button",
-			className: css$29.fileHeader,
+			className: css$31.fileHeader,
 			"aria-expanded": !row.collapsed,
 			onClick: () => {
 				toggleFile(row.index);
 			},
 			children: [jsx("span", {
-				className: css$29.filePath,
+				className: css$31.filePath,
 				children: row.path
 			}), jsx("span", {
-				className: css$29.fileCount,
+				className: css$31.fileCount,
 				children: row.count
 			})]
 		});
 	};
 	return jsxs("div", {
-		className: clsx(css$29.block, className),
+		className: clsx(css$31.block, className),
 		"data-search": props.kind,
 		children: [jsxs("div", {
-			className: css$29.header,
+			className: css$31.header,
 			children: [jsx("span", {
-				className: css$29.summary,
+				className: css$31.summary,
 				children: summaryText(props, shown, truncated, total)
 			}), !empty && jsx("button", {
 				type: "button",
-				className: css$29.copyButton,
+				className: css$31.copyButton,
 				onClick: onCopy,
 				children: copied ? props.labels.copied : props.labels.copy
 			})]
 		}), empty ? jsx("div", {
-			className: css$29.empty,
+			className: css$31.empty,
 			children: props.labels.noResults
 		}) : jsxs("div", {
-			className: css$29.body,
+			className: css$31.body,
 			children: [
 				head.map((row) => jsx("div", { children: renderRow(row) }, rowKey(row))),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$29.expand,
+					className: css$31.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? props.labels.collapseAria : props.labels.expandAria(hidden),
 					onClick: onToggle,
@@ -10741,7 +10931,7 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 		});
 	}, [copied, trimmed]);
 	const body = streamedBody !== void 0 ? streamedBody : html === void 0 ? jsx("pre", {
-		className: css$30.plain,
+		className: css$32.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
@@ -10749,12 +10939,12 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 	}) : jsx("div", { dangerouslySetInnerHTML: { __html: html } });
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$30.block, "md-code-block", lineNumbers && css$30.numbered, toolbarLabels !== void 0 && css$30.card, className),
+		className: clsx(css$32.block, "md-code-block", lineNumbers && css$32.numbered, toolbarLabels !== void 0 && css$32.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$30.bannerWrap,
+			className: css$32.bannerWrap,
 			children: toolbarLabels !== void 0 ? jsx(CodeToolbar, {
 				lang,
 				labels: toolbarLabels,
@@ -10767,16 +10957,16 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 					setWrapped((value) => !value);
 				} : void 0
 			}) : jsxs("div", {
-				className: css$30.banner,
+				className: css$32.banner,
 				"data-code-block-banner": true,
 				children: [jsx("div", {
-					className: css$30.infostring,
+					className: css$32.infostring,
 					children: lang ?? ""
 				}), jsx("div", {
-					className: css$30.action,
+					className: css$32.action,
 					children: jsx("button", {
 						type: "button",
-						className: css$30.copyButton,
+						className: css$32.copyButton,
 						onClick: onCopy,
 						children: copied ? copiedLabel : copyLabel
 					})
@@ -10784,7 +10974,7 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 			})
 		}), jsx("div", {
 			ref: contentRef,
-			className: css$30.content,
+			className: css$32.content,
 			"data-code-block-content": true,
 			children: body
 		})]
@@ -10974,25 +11164,25 @@ function ImageLightbox({ src, alt, labels, onClose }) {
 		};
 	}, [onClose]);
 	return createPortal(jsxs("div", {
-		className: css$31.backdrop,
+		className: css$33.backdrop,
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": labels.dialog,
 		children: [
 			jsx("div", {
-				className: css$31.mask,
+				className: css$33.mask,
 				"aria-hidden": "true",
 				onMouseDown: onClose
 			}),
 			jsx("img", {
-				className: css$31.image,
+				className: css$33.image,
 				src,
 				alt
 			}),
 			jsx("button", {
 				ref: closeRef,
 				type: "button",
-				className: css$31.close,
+				className: css$33.close,
 				"aria-label": labels.close,
 				onClick: onClose,
 				children: jsx(IconCloseOutlineRegular, { size: 16 })
@@ -11019,14 +11209,14 @@ function ImagePreview({ src, alt, loadingLabel, failedLabel }) {
 function Preview({ src, alt, loadingLabel, failedLabel }) {
 	const [state, setState] = useState("loading");
 	return jsxs("span", {
-		className: css$32.frame,
+		className: css$34.frame,
 		children: [state !== "failed" && jsx("img", {
 			src,
 			alt,
 			loading: "lazy",
 			decoding: "async",
 			referrerPolicy: "no-referrer",
-			className: css$32.image,
+			className: css$34.image,
 			"data-ready": state === "ready" || void 0,
 			onLoad: () => {
 				setState("ready");
@@ -11035,7 +11225,7 @@ function Preview({ src, alt, loadingLabel, failedLabel }) {
 				setState("failed");
 			}
 		}), state !== "ready" && jsxs("span", {
-			className: css$32.status,
+			className: css$34.status,
 			role: "status",
 			children: [state === "loading" && jsx(IconLoadingOutlineRegular, { size: 16 }), jsx("span", { children: state === "loading" ? loadingLabel : failedLabel })]
 		})]
@@ -11774,7 +11964,7 @@ function SafeLink({ url, label, className }) {
 		children: [jsx(LinkIconMedium, {
 			kind: "url",
 			href,
-			className: css$33.linkIcon
+			className: css$35.linkIcon
 		}), label]
 	});
 }
@@ -11789,20 +11979,20 @@ function SafeLink({ url, label, className }) {
 */
 function SourceItem({ source, ordinal }) {
 	return jsxs("li", {
-		className: css$33.source,
+		className: css$35.source,
 		value: ordinal,
 		children: [
 			jsx(SafeLink, {
 				url: source.url,
 				label: linkLabel(source.url, source.title),
-				className: css$33.sourceLink
+				className: css$35.sourceLink
 			}),
 			source.snippet !== void 0 && source.snippet !== "" && jsx("div", {
-				className: css$33.snippet,
+				className: css$35.snippet,
 				children: source.snippet
 			}),
 			source.publishedAt !== void 0 && source.publishedAt !== "" && jsx("div", {
-				className: css$33.published,
+				className: css$35.published,
 				children: source.publishedAt
 			})
 		]
@@ -11817,28 +12007,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$33.block, className),
+		className: clsx(css$35.block, className),
 		"data-web": "search",
 		children: [
 			answer !== void 0 && answer !== "" && jsx("div", {
-				className: css$33.answer,
+				className: css$35.answer,
 				children: jsx(MarkdownText, {
 					text: answer,
 					labels: labels.markdown
 				})
 			}),
 			empty ? jsx("div", {
-				className: css$33.empty,
+				className: css$35.empty,
 				children: labels.noResults
 			}) : jsx("ol", {
-				className: css$33.sources,
+				className: css$35.sources,
 				children: sources.map((source, index) => jsx(SourceItem, {
 					source,
 					ordinal: index + 1
 				}, index))
 			}),
 			truncated && jsx("div", {
-				className: css$33.truncated,
+				className: css$35.truncated,
 				children: labels.sourcesTruncated
 			})
 		]
@@ -11851,23 +12041,23 @@ function WebSearchBlock({ answer, sources, truncated, labels, className }) {
 */
 function WebFetchBlock({ url, statusCode, truncated, labels, className }) {
 	return jsxs("div", {
-		className: clsx(css$33.block, css$33.fetch, className),
+		className: clsx(css$35.block, css$35.fetch, className),
 		"data-web": "fetch",
 		children: [jsx(SafeLink, {
 			url,
 			label: url,
-			className: css$33.fetchUrl
+			className: css$35.fetchUrl
 		}), jsxs("div", {
-			className: css$33.fetchMeta,
+			className: css$35.fetchMeta,
 			children: [jsxs("span", {
-				className: css$33.status,
+				className: css$35.status,
 				children: [
 					labels.http,
 					" ",
 					statusCode
 				]
 			}), truncated && jsx("span", {
-				className: css$33.truncated,
+				className: css$35.truncated,
 				children: labels.contentTruncated
 			})]
 		})]
@@ -11901,10 +12091,10 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 		truncatedLabel
 	]);
 	return jsxs("div", {
-		className: css$34.root,
+		className: css$36.root,
 		children: [jsxs("button", {
 			type: "button",
-			className: css$34.toggle,
+			className: css$36.toggle,
 			onClick: () => {
 				setOpen((v) => !v);
 			},
@@ -11914,7 +12104,7 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 				label
 			]
 		}), open && jsx("pre", {
-			className: css$34.body,
+			className: css$36.body,
 			children: body
 		})]
 	});
@@ -12255,6 +12445,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, 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, pointerModality, projectUserText, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useCodeHighlighter, useDismissOnOutsidePointer, useModalLayer, writeClipboard };
+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, 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