@qilin-agent/client-ui-primitives 3.1.5 → 3.1.6

package/lib/index.js

@@ -12,37 +12,41 @@ import css$6 from "./DisclosureRow.module.css";
 import css$7 from "./Button.module.css";
 import css$8 from "./Pill.module.css";
 import css$9 from "./SegmentedControl.module.css";
-import css$10 from "./Switch.module.css";
-import css$11 from "./Checkbox.module.css";
-import css$12 from "./Input.module.css";
+import css$10 from "./SegmentedTabs.module.css";
+import css$11 from "./Switch.module.css";
+import css$12 from "./Checkbox.module.css";
+import css$13 from "./Input.module.css";
+import css$14 from "./InlineEditor.module.css";
 import { createPortal } from "react-dom";
-import css$13 from "./ShortcutKeys.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 "./OnboardingSurface.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$15 from "./ShortcutKeys.module.css";
+import css$16 from "./MenuSurface.module.css";
+import css$17 from "./Menu.module.css";
+import css$18 from "./Tooltip.module.css";
+import css$19 from "./HoverCard.module.css";
+import css$20 from "./Modal.module.css";
+import css$21 from "./OnboardingSurface.module.css";
+import css$22 from "./RiskConfirmation.module.css";
+import css$23 from "./ConnectionIndicator.module.css";
+import css$24 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 { pathPartsOf } from "@qilin-agent/util-workspace-path";
-import css$22 from "./PathLabel.module.css";
-import css$23 from "./user-text.module.css";
+import css$25 from "./PathLabel.module.css";
+import css$26 from "./SecretText.module.css";
+import css$27 from "./user-text.module.css";
 import markdownCss from "./markdown/MarkdownText.module.css";
-import css$24 from "./Toast.module.css";
-import css$25 from "./JsonTree.module.css";
+import css$28 from "./Toast.module.css";
+import css$29 from "./JsonTree.module.css";
 import Anser from "anser";
-import css$26 from "./TerminalBlock.module.css";
+import css$30 from "./TerminalBlock.module.css";
 import { createCssVariablesTheme, createHighlighterCoreSync } from "shiki/core";
 import { createJavaScriptRegexEngine, defaultJavaScriptRegexConstructor } from "shiki/engine/javascript";
 import langTs from "@shikijs/langs/typescript";
 import langBash from "@shikijs/langs/shellscript";
 import langJson from "@shikijs/langs/json";
-import css$27 from "./ReadBlock.module.css";
+import css$31 from "./ReadBlock.module.css";
 import { structuredPatch } from "diff";
-import css$28 from "./DiffBlock.module.css";
-import css$29 from "./SearchBlock.module.css";
+import css$32 from "./DiffBlock.module.css";
+import css$33 from "./SearchBlock.module.css";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { gfmFromMarkdown } from "mdast-util-gfm";
 import { mathFromMarkdown } from "mdast-util-math";
@@ -54,16 +58,15 @@ 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$31 from "./markdown/mermaid.module.css";
+import css$34 from "./markdown/CodeBlock.module.css";
+import css$35 from "./markdown/mermaid.module.css";
 import katex from "katex";
-import css$32 from "./ImageLightbox.module.css";
-import css$33 from "./ImagePreview.module.css";
+import css$36 from "./ImageLightbox.module.css";
+import css$37 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 "./MenuGroup.module.css";
-import css$37 from "./MenuSurface.module.css";
+import css$38 from "./WebBlock.module.css";
+import css$39 from "./markdown/JsonBlock.module.css";
+import css$40 from "./MenuGroup.module.css";
 //#region lib/types/settings-form/SettingsForm.js
 /**
 * One plugin's settings form as its page on the Plugins page shows it: the
@@ -1909,6 +1912,24 @@ const IconPinFillRegular = ({ size = 16, className }) => jsxs("svg", {
 * upstream artwork verbatim (dsh-context is the current consumer).
 */
 const ICON_REGULAR_STROKE = 1;
+const ICON_MEDIUM_STROKE = 1.3;
+/** Circle-and-tick glyph the plugin page marks shipped rows with; upstream artwork. */
+const IconCheckCircleFillRegular = ({ size = 16, className }) => jsxs("svg", {
+	width: size,
+	height: size,
+	className,
+	viewBox: "0 0 36 36",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	children: [jsx("path", {
+		d: "M28.1936 14.6936L19.8066 23.0806C19.2373 23.65 18.7159 24.1742 18.24 24.5571C17.7389 24.9602 17.1365 25.3359 16.3657 25.458C15.9581 25.5225 15.5428 25.5225 15.1353 25.458C14.3645 25.3359 13.7621 24.9602 13.261 24.5571C12.7851 24.1742 12.2637 23.65 11.6943 23.0806L7.80737 19.1936L10.1936 16.8074L14.0806 20.6943C14.7033 21.317 15.0763 21.6873 15.377 21.9292C15.6523 22.1507 15.7109 22.1325 15.6626 22.1248C15.7208 22.1339 15.7802 22.1339 15.8384 22.1248C15.7901 22.1325 15.8486 22.1507 16.124 21.9292C16.4247 21.6873 16.7977 21.317 17.4204 20.6943L25.8074 12.3074L28.1936 14.6936Z",
+		fill: "currentColor"
+	}), jsx("path", {
+		d: "M32.8496 18.0005C32.8496 9.79906 26.2019 3.15137 18.0005 3.15137C9.79906 3.15137 3.15137 9.79906 3.15137 18.0005C3.15137 26.2019 9.79906 32.8496 18.0005 32.8496C26.2019 32.8496 32.8496 26.2019 32.8496 18.0005ZM35.7764 18.0005C35.7764 27.8173 27.8173 35.7764 18.0005 35.7764C8.18363 35.7764 0.224609 27.8173 0.224609 18.0005C0.224609 8.18363 8.18363 0.224609 18.0005 0.224609C27.8173 0.224609 35.7764 8.18363 35.7764 18.0005Z",
+		fill: "currentColor"
+	})]
+});
 const IconUsersOutlineRegular = ({ size = 16, className }) => jsxs("svg", {
 	width: size,
 	height: size,
@@ -1951,6 +1972,58 @@ const IconWorkspaceTreeOutlineRegular = ({ size = 16, className }) => jsxs("svg"
 	strokeWidth: ICON_REGULAR_STROKE,
 	children: [jsx("path", { d: "M14 12.05c0 .8-.65 1.45-1.46 1.45H3.46C2.65 13.5 2 12.85 2 12.05v-8.1c0-.8.65-1.45 1.46-1.45h2.4c.49 0 .94.24 1.21.65l.5.73c.27.4.73.65 1.21.65h3.76c.8 0 1.46.65 1.46 1.45v6.02Z" }), jsx("path", { d: "M8.7 8.1v3M11.2 8.1v3" })]
 });
+/** Regular one-pixel IconSlidersTwoOutline artwork (Filters and Labels menu rows). */
+const IconSlidersTwoOutlineRegular = ({ size = 16, className }) => jsxs("svg", {
+	"aria-hidden": "true",
+	width: size,
+	height: size,
+	className,
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeWidth: ICON_REGULAR_STROKE,
+	children: [
+		jsx("path", { d: "M2.3 5h5.85M12.05 5h1.65" }),
+		jsx("circle", {
+			cx: "9.95",
+			cy: "5",
+			r: "1.45"
+		}),
+		jsx("path", { d: "M2.3 11h1.65M7.85 11h5.85" }),
+		jsx("circle", {
+			cx: "5.75",
+			cy: "11",
+			r: "1.45"
+		})
+	]
+});
+/** Medium IconSlidersTwoOutline artwork with a 1.3px stroke. */
+const IconSlidersTwoOutlineMedium = ({ size = 16, className }) => jsxs("svg", {
+	"aria-hidden": "true",
+	width: size,
+	height: size,
+	className,
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeWidth: ICON_MEDIUM_STROKE,
+	children: [
+		jsx("path", { d: "M2.3 5h5.85M12.05 5h1.65" }),
+		jsx("circle", {
+			cx: "9.95",
+			cy: "5",
+			r: "1.45"
+		}),
+		jsx("path", { d: "M2.3 11h1.65M7.85 11h5.85" }),
+		jsx("circle", {
+			cx: "5.75",
+			cy: "11",
+			r: "1.45"
+		})
+	]
+});
 //#endregion
 //#region lib/types/Tag.js
 /**
@@ -2428,6 +2501,29 @@ function CommandText({ text, label, className }) {
 }
 //#endregion
 //#region lib/types/StateDot.js
+/**
+* Pin the loader's CSS animations to document time zero. A CSS animation starts
+* when its element is inserted and restarts when the element is moved or shown
+* again, so loaders started at different moments animate 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;
+}
 /** Outer 3x3 matrix cells (2px pixels on a 10px grid), clockwise from top-left. */
 const MATRIX_CELLS = [
 	[0, 0],
@@ -2448,6 +2544,7 @@ const MATRIX_CELLS = [
 */
 function StateDot({ state, size = 10, className }) {
 	if (state === "ongoing") return jsx("svg", {
+		ref: syncSpinner,
 		className: clsx(css$4.matrix, className),
 		"data-state": "ongoing",
 		width: size,
@@ -2710,6 +2807,274 @@ function SegmentedControl({ id, value, options, onChange, label, disabled = fals
 	});
 }
 //#endregion
+//#region lib/types/SegmentedTabs.js
+/**
+* Render equal-width, controlled tabs with a sliding selection indicator.
+* @param props.items - non-empty ordered tabs with unique values and DOM ids.
+* @param props.value - selected value, which must belong to items.
+* @param props.onChange - selection requested by click, Left/Right, or Home/End.
+* Keyboard selection also moves focus; only the selected tab is a tab stop.
+* @param props.label - localized accessible name for the tab list.
+* @param props.className - layout placement; panels remain caller-owned.
+* @returns the tab list, without its panels.
+*/
+function SegmentedTabs({ items, value, onChange, label, className }) {
+	const selectedIndex = items.findIndex((item) => item.value === value);
+	const onKeyDown = (event, index) => {
+		let next;
+		switch (event.key) {
+			case "ArrowLeft":
+				next = (index + items.length - 1) % items.length;
+				break;
+			case "ArrowRight":
+				next = (index + 1) % items.length;
+				break;
+			case "Home":
+				next = 0;
+				break;
+			case "End":
+				next = items.length - 1;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		event.stopPropagation();
+		const tablist = event.currentTarget.parentElement;
+		const nextItem = items[next];
+		/* v8 ignore next -- the event comes from a mounted direct child and next is bounded by non-empty items. */
+		if (tablist === null || nextItem === void 0) return;
+		tablist.querySelectorAll("[role=\"tab\"]").item(next).focus();
+		onChange(nextItem.value);
+	};
+	return jsxs("div", {
+		role: "tablist",
+		"aria-label": label,
+		className: clsx(css$10.tabs, className),
+		style: { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` },
+		children: [jsx("span", {
+			className: css$10.indicator,
+			"aria-hidden": "true",
+			style: {
+				width: `calc((100% - 8px) / ${items.length})`,
+				transform: `translateX(${selectedIndex * 100}%)`
+			}
+		}), items.map((item, index) => jsx(Pill, {
+			id: item.id,
+			role: "tab",
+			className: css$10.tab,
+			"aria-selected": value === item.value,
+			"aria-controls": item.panelId,
+			tabIndex: value === item.value ? 0 : -1,
+			onClick: () => {
+				onChange(item.value);
+			},
+			onKeyDown: (event) => {
+				onKeyDown(event, index);
+			},
+			children: item.label
+		}, item.value))]
+	});
+}
+//#endregion
+//#region lib/types/plugin-artwork.js
+/**
+* Fixed-palette plugin artwork for the plugin management surfaces. Unlike the
+* ic_ds_* set these glyphs carry their own brand colors and gradients instead
+* of riding currentColor; all draw on a 36×36 viewBox and take {size, className}.
+*/
+/**
+* A per-instance SVG def id prefix: the artwork repeats across cards and rows,
+* and duplicate document ids would make every `url(#…)` resolve to the first instance.
+*/
+const useArtworkId = () => `qilin_plugin_art_${useId().replaceAll(":", "")}`;
+/** Light-blue terminal artwork shared by plugin cards and sidebar guide entries. */
+const PluginArtworkTerminal = ({ size = 36, className }) => jsxs("svg", {
+	width: size,
+	height: size,
+	className,
+	viewBox: "0 0 36 36",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [jsx("path", {
+		d: "M10 11L16.606 17.606C16.6841 17.6841 16.6841 17.8107 16.606 17.8888L10 24.4948",
+		stroke: "#679EFE",
+		strokeWidth: "3.5"
+	}), jsx("path", {
+		d: "M20.1211 24.4946H26.8685",
+		stroke: "#679EFE",
+		strokeWidth: "3.5"
+	})]
+});
+/** Agent-loop plugin artwork (four leaves circling a center). */
+const PluginArtworkLoop = ({ size = 36, className }) => {
+	const uid = useArtworkId();
+	return jsxs("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 36 36",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			jsx("path", {
+				d: "M18.0486 28.4901C12.0858 28.4901 7.25195 23.6562 7.25195 17.6934C13.2148 17.6934 18.0486 22.5272 18.0486 28.4901Z",
+				fill: "#A797FC"
+			}),
+			jsx("path", {
+				d: "M18.0486 6.89667C12.0858 6.89667 7.25195 11.7305 7.25195 17.6934C13.2148 17.6934 18.0486 12.8595 18.0486 6.89667Z",
+				fill: `url(#${uid}a)`
+			}),
+			jsx("path", {
+				d: "M18.0485 28.4901C24.0114 28.4901 28.8452 23.6562 28.8452 17.6934C22.8824 17.6934 18.0485 22.5272 18.0485 28.4901Z",
+				fill: "#4561EE"
+			}),
+			jsx("path", {
+				d: "M18.0485 6.89667C24.0114 6.89667 28.8452 11.7305 28.8452 17.6934C22.8824 17.6934 18.0485 12.8595 18.0485 6.89667Z",
+				fill: "#658EFF"
+			}),
+			jsx("defs", { children: jsxs("linearGradient", {
+				id: `${uid}a`,
+				x1: "16.7911",
+				y1: "16.1655",
+				x2: "8.98192",
+				y2: "8.74289",
+				gradientUnits: "userSpaceOnUse",
+				children: [jsx("stop", { stopColor: "#A23AE7" }), jsx("stop", {
+					offset: "1",
+					stopColor: "#E2E2E2"
+				})]
+			}) })
+		]
+	});
+};
+/** Subagent plugin artwork (two stacked rounded squares); also marks every row inside a bundle. */
+const PluginArtworkSubagent = ({ size = 36, className }) => {
+	const uid = useArtworkId();
+	return jsxs("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 36 36",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			jsx("rect", {
+				x: "14.9893",
+				y: "15.1877",
+				width: "12.2365",
+				height: "12.2365",
+				rx: "2",
+				fill: `url(#${uid}a)`,
+				fillOpacity: "0.8"
+			}),
+			jsx("rect", {
+				x: "8.87109",
+				y: "9.0697",
+				width: "12.2365",
+				height: "12.2365",
+				rx: "2",
+				fill: `url(#${uid}b)`,
+				fillOpacity: "0.8"
+			}),
+			jsxs("defs", { children: [jsxs("linearGradient", {
+				id: `${uid}a`,
+				x1: "21.1075",
+				y1: "15.1877",
+				x2: "21.1075",
+				y2: "27.4243",
+				gradientUnits: "userSpaceOnUse",
+				children: [jsx("stop", { stopColor: "#45E7A4" }), jsx("stop", {
+					offset: "1",
+					stopColor: "#05909D"
+				})]
+			}), jsxs("linearGradient", {
+				id: `${uid}b`,
+				x1: "14.9894",
+				y1: "9.0697",
+				x2: "14.9894",
+				y2: "21.3063",
+				gradientUnits: "userSpaceOnUse",
+				children: [jsx("stop", { stopColor: "#69B9FF" }), jsx("stop", {
+					offset: "1",
+					stopColor: "#324DE2"
+				})]
+			})] })
+		]
+	});
+};
+/**
+* Web-search plugin artwork (conic-gradient ring and handle). SVG has no
+* native conic gradient, so the ring clips an HTML div painted with CSS
+* `conic-gradient` — the same emulation Figma exports; it renders inline in
+* the browser UI but would stay empty in an `<img>` or mask context.
+*/
+const PluginArtworkSearch = ({ size = 36, className }) => {
+	const uid = useArtworkId();
+	return jsxs("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 36 36",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			jsx("path", {
+				d: "M26.5362 26.9865L22.3813 22.8317",
+				stroke: "#658EFF",
+				strokeWidth: "3"
+			}),
+			jsx("g", {
+				clipPath: `url(#${uid}ring)`,
+				children: jsx("g", {
+					transform: "matrix(0.0119394 -0.00173904 0.00173904 0.0119394 15.7661 16.2159)",
+					children: jsx("foreignObject", {
+						x: "-958.94",
+						y: "-958.94",
+						width: "1917.88",
+						height: "1917.88",
+						children: jsx("div", { style: {
+							background: "conic-gradient(from 90deg, rgb(65, 225, 172) 0deg, rgb(101, 142, 255) 62.0619deg, rgb(65, 225, 172) 360deg)",
+							height: "100%",
+							width: "100%"
+						} })
+					})
+				})
+			}),
+			jsx("defs", { children: jsx("clipPath", {
+				id: `${uid}ring`,
+				children: jsx("path", { d: "M21.9717 16.2159H19.9717C19.9717 18.5386 18.0888 20.4215 15.7661 20.4215V22.4215V24.4215C20.2979 24.4215 23.9717 20.7478 23.9717 16.2159H21.9717ZM15.7661 22.4215V20.4215C13.4434 20.4215 11.5605 18.5386 11.5605 16.2159H9.56055H7.56055C7.56055 20.7478 11.2343 24.4215 15.7661 24.4215V22.4215ZM9.56055 16.2159H11.5605C11.5605 13.8933 13.4434 12.0104 15.7661 12.0104V10.0104V8.01038C11.2343 8.01038 7.56055 11.6841 7.56055 16.2159H9.56055ZM15.7661 10.0104V12.0104C18.0888 12.0104 19.9717 13.8933 19.9717 16.2159H21.9717H23.9717C23.9717 11.6841 20.2979 8.01038 15.7661 8.01038V10.0104Z" })
+			}) })
+		]
+	});
+};
+/** Default plugin artwork for plugins without one of their own (connector blocks and a node). */
+const PluginArtworkDefault = ({ size = 36, className }) => {
+	const uid = useArtworkId();
+	return jsxs("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 36 36",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [jsx("path", {
+			d: "M24.6294 8.63696C26.2862 8.63705 27.6294 9.98016 27.6294 11.637V12.7825C27.6292 14.4391 26.2861 15.7824 24.6294 15.7825H23.4839C22.6519 15.7825 21.5454 16.3459 21.5454 17.1778V18.1573C21.5454 18.7757 22.216 19.1966 22.8345 19.1965H24.6294C26.2861 19.1965 27.6292 20.5398 27.6294 22.1965V23.9924C27.6292 25.6491 26.2861 26.9924 24.6294 26.9924H22.8345C21.1778 26.9924 19.8347 25.649 19.8345 23.9924V22.1965C19.8345 21.7148 19.4957 21.2327 19.014 21.2327H16.4792C15.7975 21.2327 15.3374 22.0061 15.3374 22.6877V23.8333C15.3373 25.49 13.9942 26.8333 12.3374 26.8333H11.1919C9.53509 26.8333 8.19198 25.49 8.19189 23.8333V22.6877C8.19189 21.0309 9.53504 19.6877 11.1919 19.6877H12.3374C13.1964 19.6877 14.3999 19.0959 14.3999 18.2369V16.0185C14.3999 14.9518 15.2646 14.0872 16.3312 14.0872H19.435C20.0596 14.0872 20.484 13.4071 20.4839 12.7825V11.637C20.4839 9.98011 21.827 8.63696 23.4839 8.63696H24.6294ZM13.4116 11.2468C13.4116 12.6882 12.2431 13.8567 10.8018 13.8567C9.36037 13.8567 8.19189 12.6882 8.19189 11.2468C8.19189 9.80544 9.36037 8.63696 10.8018 8.63696C12.2431 8.63696 13.4116 9.80544 13.4116 11.2468Z",
+			fill: `url(#${uid}a)`
+		}), jsx("defs", { children: jsxs("linearGradient", {
+			id: `${uid}a`,
+			x1: "15.1481",
+			y1: "9.94188",
+			x2: "15.1481",
+			y2: "13.6375",
+			gradientUnits: "userSpaceOnUse",
+			children: [jsx("stop", { stopColor: "#54ECE7" }), jsx("stop", {
+				offset: "1",
+				stopColor: "#658EFF"
+			})]
+		}) })]
+	});
+};
+//#endregion
 //#region lib/types/Switch.js
 /**
 * Render a toggle switch.
@@ -2730,11 +3095,11 @@ function Switch({ checked, onChange, label, disabled = false, title, className }
 		"aria-label": label,
 		title,
 		disabled,
-		className: clsx(css$10.switch, className),
+		className: clsx(css$11.switch, className),
 		onClick: () => {
 			onChange(!checked);
 		},
-		children: jsx("span", { className: css$10.thumb })
+		children: jsx("span", { className: css$11.thumb })
 	});
 }
 //#endregion
@@ -2752,7 +3117,7 @@ function Switch({ checked, onChange, label, disabled = false, title, className }
 */
 function Checkbox({ checked, onChange, label, disabled = false, title, className }) {
 	return jsxs("label", {
-		className: clsx(css$11.checkbox, className),
+		className: clsx(css$12.checkbox, className),
 		title,
 		children: [jsx("input", {
 			type: "checkbox",
@@ -2774,17 +3139,85 @@ function Checkbox({ checked, onChange, label, disabled = false, title, className
 */
 const Input = forwardRef(function Input({ icon, className, ...rest }, ref) {
 	return jsxs("span", {
-		className: clsx(css$12.wrap, className),
+		className: clsx(css$13.wrap, className),
 		children: [icon != null && jsx("span", {
-			className: css$12.icon,
+			className: css$13.icon,
 			children: icon
 		}), jsx("input", {
 			ref,
-			className: css$12.input,
+			className: css$13.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$14.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. */
+/**
+* Resolve the top margin an overlay keeps from the viewport edge.
+* @param min - the overlay's own viewport margin in px, used as the floor.
+* @returns the larger of `min` and the frame clearance plus 20px; fullscreen keeps only the 20px gap.
+*/
+function overlayTopMargin(min) {
+	const root = document.documentElement;
+	const clearance = Number.parseFloat(getComputedStyle(root).getPropertyValue("--dsh-frame-top-clearance"));
+	if (Number.isNaN(clearance)) return min;
+	return Math.max(min, (root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20);
+}
 /**
 * Delay a pointer-dismissed popup's close so the pointer can cross the gap
 * between anchor and popup. A pending close is dropped on unmount.
@@ -2994,14 +3427,55 @@ function useModalLayer(dialog, open, onClose) {
 */
 function ShortcutKeys({ keys, variant = "plain", className }) {
 	return jsx("span", {
-		className: clsx(css$13.keys, variant === "tooltip" && css$13.tooltip, variant === "tooltip" && keys.includes("+") && css$13.joined, className),
+		className: clsx(css$15.keys, variant === "tooltip" && css$15.tooltip, variant === "tooltip" && keys.includes("+") && css$15.joined, className),
 		children: keys.map((key, index) => jsx("kbd", {
-			className: key === "+" ? css$13.separator : css$13.key,
+			className: key === "+" ? css$15.separator : css$15.key,
 			children: key
 		}, index))
 	});
 }
 //#endregion
+//#region lib/types/MenuSurface.js
+/** Shared menu material and the macOS backing that lets Chromium blur transparent windows. */
+/**
+* Paint a menu and, on macOS, an opaque backing behind the page content within its bounds.
+* CSS anchors keep each backing aligned during placement, resizing, and nested-menu movement.
+* @param props - Div content and placement, and compact geometry.
+* @param ref - The visible menu div, excluding the non-interactive backing.
+* @returns Menu content plus a backing portal removed with the menu.
+*/
+const MenuSurface = forwardRef(function MenuSurface({ compact = false, className, style, children, ...props }, ref) {
+	const id = useId();
+	const backingRef = useRef(null);
+	useLayoutEffect(() => {
+		document.body.appendChild(backingRef.current);
+	}, []);
+	const anchorStyle = { "--qilin-menu-anchor": `--qilin-menu-${id.replaceAll(":", "")}` };
+	return jsxs(Fragment, { children: [jsxs("div", {
+		...props,
+		ref,
+		"data-menu-material": "translucent",
+		className: clsx(css$16.surface, compact && css$16.compact, className),
+		style: {
+			...style,
+			...anchorStyle
+		},
+		children: [jsx("div", {
+			"aria-hidden": "true",
+			className: css$16.material
+		}), children]
+	}), createPortal(jsx("div", {
+		ref: backingRef,
+		"aria-hidden": "true",
+		"data-menu-backing": "",
+		className: clsx(css$16.backing, compact && css$16.compact),
+		style: {
+			...anchorStyle,
+			visibility: style?.visibility
+		}
+	}), document.body)] });
+});
+//#endregion
 //#region lib/types/Menu.js
 /**
 * Render one `role="menuitem"` row for a {@link Menu} whose rows are
@@ -3020,32 +3494,32 @@ function ShortcutKeys({ keys, variant = "plain", className }) {
 */
 function MenuItemButton({ children, shortcut, icon, disabled = false, danger = false, separatorBefore = false, onSelect }) {
 	return jsxs("div", {
-		className: css$14.itemWrap,
+		className: css$17.itemWrap,
 		children: [separatorBefore && jsx("div", {
-			className: css$14.separator,
+			className: css$17.separator,
 			role: "separator"
 		}), jsxs("button", {
 			type: "button",
 			role: "menuitem",
-			className: clsx(css$14.item, danger && css$14.danger),
+			className: clsx(css$17.item, danger && css$17.danger),
 			disabled,
 			"aria-keyshortcuts": shortcut?.aria,
 			onClick: onSelect,
 			children: [
 				icon !== void 0 && jsx("span", {
-					className: css$14.itemIcon,
+					className: css$17.itemIcon,
 					children: icon
 				}),
 				jsx("span", {
-					className: css$14.itemLabel,
+					className: css$17.itemLabel,
 					children
 				}),
 				shortcut !== void 0 && jsx("span", {
 					"aria-hidden": "true",
-					className: css$14.shortcut,
+					className: css$17.shortcut,
 					children: jsx(ShortcutKeys, {
 						keys: shortcut.keys,
-						className: css$14.shortcutKeys
+						className: css$17.shortcutKeys
 					})
 				})
 			]
@@ -3074,17 +3548,17 @@ const MEASURE_STYLE = {
 * @param props.autoFocus - focus the first item on open; the arrow keys walk the list either way.
 * @param props.open - whether the list is showing (owner-controlled).
 * @param props.anchor - the trigger element (rendered in place).
-* @param props.items - selectable rows and optional separators.
+* @param props.items - selectable data rows and optional separators (default none; with no `children` either, the list is empty).
 * @param props.selectedId - row shown as selected.
 * @param props.selectedIds - rows shown as selected when a menu contains independent option groups.
-* @param props.onSelect - row click callback (not called for disabled rows or submenu parents that only open children).
+* @param props.onSelect - data-row activation callback (not called for disabled rows or submenu parents that only open children).
 * @param props.onClose - invoked on outside click, Escape, or a window blur
 * that moved focus into an iframe (the only signal a pointerdown inside a
 * cross-origin iframe leaves).
 * @param props.align - list alignment against the anchor (default 'start').
 * @param props.side - open below (`bottom`, default) or above (`top`) the anchor.
 * @param props.portal - render the list into document.body, fixed-positioned
-* from the anchor rect (repositions on scroll/resize while open). Use when an
+* from the anchor rect (follows movement and resizing while open). Use when an
 * ancestor's overflow clipping would crop the in-place list; default false
 * keeps the pure-CSS in-place behavior.
 * @param props.closeOnPointerLeave - close the list once the pointer has left
@@ -3097,17 +3571,25 @@ const MEASURE_STYLE = {
 * directly (e.g. from a host-owned trigger button) instead of measuring the
 * Menu's own wrapper span. Required when the wrapper isn't itself laid out at
 * the trigger (render-prop anchors, effect-positioned proxies — measuring the
-* wrapper there races the host's layout effects). Called on open and on every
-* scroll/resize; return null to skip placement for that frame.
+* wrapper there races the host's layout effects). Called on open, each animation
+* frame, and scroll/resize; return null to skip placement for that frame.
 * @param props.footer - rows pinned below the scrolling items area, separated
 * by a hairline; they stay visible while the items above scroll.
+* @param props.children - component rows rendered after `items` in the same
+* list, each a `role="menuitem"` button such as {@link MenuItemButton}; they
+* share the keyboard walk, the submenu exclusivity, and the post-selection
+* focus return.
 * @param props.selection - how a selected row is marked: a trailing check
 * (`'check'`, default — figma .Menu_cell) or the hover fill held on the row
 * with no check (`'fill'`, for icon-labelled rows where a trailing glyph
 * crowds the cell).
+* @param props.className - extra class on the anchor wrapper span.
+* @param props.listClassName - extra class on the dropdown card itself; the
+* only style hook that reaches a portaled list, which renders under
+* document.body outside the owner's DOM subtree.
 * @returns anchor wrapper with the conditional list.
 */
-function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose, align = "start", side = "bottom", portal = false, closeOnPointerLeave = false, dense = false, compact = false, autoFocus = false, selection = "check", getAnchorRect, footer, className }) {
+function Menu({ open, anchor, items = [], children, selectedId, selectedIds, onSelect, onClose, align = "start", side = "bottom", portal = false, closeOnPointerLeave = false, dense = false, compact = false, autoFocus = false, selection = "check", getAnchorRect, footer, className, listClassName }) {
 	const rootRef = useRef(null);
 	const listRef = useRef(null);
 	/** Index the arrow walk last focused, the resume point when focus left the rows. */
@@ -3124,6 +3606,7 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 	* anchor never held it, to the anchor's first button. Focus left on a removed
 	* row otherwise falls to the page body, where the next Tab restarts from the
 	* top of the page.
+	* @param navigation - whether explicit keyboard traversal should retain its focus indicator.
 	*/
 	const refocusAnchor = (navigation = false) => {
 		const trigger = triggerRef.current;
@@ -3140,10 +3623,10 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 	* its removal produced) comes back to the trigger.
 	*/
 	const refocusAfterSelection = () => {
+		const navigation = selectingWithTab.current;
 		queueMicrotask(() => {
 			if (openRef.current) return;
 			const active = document.activeElement;
-			const navigation = selectingWithTab.current;
 			if (active === null || active === document.body || listRef.current?.contains(active) === true) refocusAnchor(navigation);
 		});
 	};
@@ -3183,16 +3666,22 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 				y = side === "bottom" ? r.bottom + 4 : r.top - lh - 4;
 			}
 			if (lw > 0) x = Math.min(Math.max(x, MARGIN), vw - lw - MARGIN);
-			if (lh > 0) y = Math.min(Math.max(y, MARGIN), vh - lh - MARGIN);
-			setFixedPos({
+			if (lh > 0) y = Math.min(Math.max(y, overlayTopMargin(MARGIN)), vh - lh - MARGIN);
+			setFixedPos((current) => current?.left === x && current.top === y ? current : {
 				left: x,
 				top: y
 			});
 		};
 		place();
+		const track = () => {
+			place();
+			frame = requestAnimationFrame(track);
+		};
+		let frame = requestAnimationFrame(track);
 		window.addEventListener("scroll", place, true);
 		window.addEventListener("resize", place);
 		return () => {
+			cancelAnimationFrame(frame);
 			window.removeEventListener("scroll", place, true);
 			window.removeEventListener("resize", place);
 		};
@@ -3223,6 +3712,7 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 			walkIndex.current = null;
 			return;
 		}
+		const composition = observeComposition(document);
 		const onPointerDown = (e) => {
 			if (!(e.target instanceof Node)) return;
 			if (rootRef.current?.contains(e.target) === true) return;
@@ -3230,15 +3720,15 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 			onClose();
 		};
 		const onKeyDown = (e) => {
+			if (composition.guards(e) || isBehindModal(rootRef.current) || e.defaultPrevented || e.ctrlKey || e.altKey || e.metaKey) return;
 			const focused = document.activeElement;
 			const insideList = listRef.current?.contains(focused) === true;
 			const anchored = rootRef.current?.contains(focused) === true || insideList;
-			if (composition.guards(e) || isBehindModal(rootRef.current) || e.defaultPrevented || e.ctrlKey || e.altKey || e.metaKey) return;
 			if (e.key === "Escape" && !e.shiftKey) {
 				e.preventDefault();
 				if (e.repeat) return;
 				onClose();
-				if (anchored || autoFocus) refocusAnchor(true);
+				if (anchored || autoFocus) refocusAnchor();
 			}
 			if (e.key === "Tab") {
 				const list = listRef.current;
@@ -3246,7 +3736,7 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 				if (e.shiftKey) {
 					e.preventDefault();
 					onClose();
-					refocusAnchor();
+					refocusAnchor(true);
 					return;
 				}
 				if (insideList) {
@@ -3288,14 +3778,13 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 		const onWindowBlur = () => {
 			if (document.activeElement instanceof HTMLIFrameElement) onClose();
 		};
+		document.addEventListener("pointerdown", onPointerDown);
 		const onEscape = (event) => {
 			if (event.key === "Escape") onKeyDown(event);
 		};
 		const onOtherKey = (event) => {
 			if (event.key !== "Escape") onKeyDown(event);
 		};
-		const composition = observeComposition(document);
-		document.addEventListener("pointerdown", onPointerDown);
 		document.addEventListener("keydown", onOtherKey);
 		document.addEventListener("keydown", onEscape, true);
 		window.addEventListener("blur", onWindowBlur);
@@ -3317,11 +3806,11 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 	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$17.separator,
 			role: "separator"
 		}, entry.id);
 		if (isLabel(entry)) return jsx("div", {
-			className: css$14.label,
+			className: css$17.label,
 			role: "presentation",
 			children: entry.text
 		}, entry.id);
@@ -3329,79 +3818,79 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 		const subOpen = hasSub && openSubmenuId === entry.id;
 		const selected = entry.id === selectedId || selectedIds?.includes(entry.id) === true;
 		return jsxs("div", {
-			className: css$14.itemWrap,
-			onMouseEnter: () => {
-				setOpenSubmenuId(hasSub ? entry.id : null);
-			},
+			className: css$17.itemWrap,
+			onMouseEnter: hasSub ? () => {
+				setOpenSubmenuId(entry.id);
+			} : void 0,
 			onMouseLeave: () => {
 				setOpenSubmenuId(null);
 			},
 			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$17.item, selected && (selection === "fill" ? css$17.selectedFill : css$17.selected), entry.danger === true && css$17.danger),
 				disabled: entry.disabled,
 				"aria-keyshortcuts": entry.shortcut?.aria,
 				"aria-haspopup": hasSub ? "menu" : void 0,
 				"aria-expanded": hasSub ? subOpen : void 0,
-				onFocus: () => {
-					setOpenSubmenuId(hasSub ? entry.id : null);
-				},
+				onFocus: hasSub ? () => {
+					setOpenSubmenuId(entry.id);
+				} : void 0,
 				onClick: () => {
 					if (hasSub) {
 						setOpenSubmenuId(entry.id);
 						return;
 					}
-					onSelect(entry.id);
-					refocusAfterSelection();
+					onSelect?.(entry.id);
 				},
 				children: [
 					entry.icon !== void 0 && jsx("span", {
-						className: css$14.itemIcon,
+						className: css$17.itemIcon,
 						children: entry.icon
 					}),
 					jsx("span", {
-						className: css$14.itemLabel,
+						className: css$17.itemLabel,
 						children: entry.label
 					}),
 					entry.shortcut !== void 0 && jsx("span", {
 						"aria-hidden": "true",
-						className: css$14.shortcut,
+						className: css$17.shortcut,
 						children: jsx(ShortcutKeys, {
 							keys: entry.shortcut.keys,
-							className: css$14.shortcutKeys
+							className: css$17.shortcutKeys
 						})
 					}),
-					selected && selection === "check" && jsx(IconCheckOutline16, { className: css$14.check })
+					selected && selection === "check" && jsx(IconCheckOutline16, { className: css$17.check })
 				]
-			}), subOpen && entry.submenu !== void 0 && jsx("div", {
-				className: clsx(css$14.submenu, compact && css$14.compactList),
+			}), subOpen && entry.submenu !== void 0 && jsx(MenuSurface, {
+				compact,
+				className: clsx(css$17.submenu, compact && css$17.compactList),
 				role: "menu",
 				children: entry.submenu.map((sub) => jsxs("button", {
 					type: "button",
 					role: "menuitem",
-					className: css$14.item,
+					className: css$17.item,
 					disabled: sub.disabled,
 					"aria-keyshortcuts": sub.shortcut?.aria,
 					onClick: () => {
-						onSelect(sub.id);
+						onSelect?.(sub.id);
 						refocusAfterSelection();
 					},
 					children: [
 						sub.icon !== void 0 && jsx("span", {
-							className: css$14.itemIcon,
+							className: css$17.itemIcon,
 							children: sub.icon
 						}),
 						jsx("span", {
-							className: css$14.itemLabel,
+							className: css$17.itemLabel,
 							children: sub.label
 						}),
 						sub.shortcut !== void 0 && jsx("span", {
 							"aria-hidden": "true",
-							className: css$14.shortcut,
+							className: css$17.shortcut,
 							children: jsx(ShortcutKeys, {
 								keys: sub.shortcut.keys,
-								className: css$14.shortcutKeys
+								className: css$17.shortcutKeys
 							})
 						})
 					]
@@ -3409,27 +3898,38 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 			})]
 		}, entry.id);
 	};
-	const list = open && jsxs("div", {
+	const collapseSubmenuFrom = (e) => {
+		const row = e.target instanceof Element ? e.target.closest("button[role=\"menuitem\"]") : null;
+		if (row === null || row.getAttribute("aria-haspopup") === "menu") return;
+		if (row.closest("[role=\"menu\"]") !== e.currentTarget) return;
+		setOpenSubmenuId(null);
+	};
+	const list = open && jsxs(MenuSurface, {
+		compact,
 		ref: listRef,
-		className: clsx(css$14.list, 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$17.list, listClassName, dense && css$17.denseList, compact && css$17.compactList, scrollable && css$17.scrollable, portal && css$17.portal, side === "top" && !portal && css$17.sideTop, align === "end" && !portal && css$17.alignEnd),
 		style: portal ? fixedPos ?? MEASURE_STYLE : void 0,
 		role: "menu",
 		onClick: (e) => {
 			e.stopPropagation();
+			const row = e.target instanceof Element ? e.target.closest("button[role=\"menuitem\"]") : null;
+			if (row !== null && row.getAttribute("aria-haspopup") !== "menu") refocusAfterSelection();
 		},
-		children: [jsx("div", {
-			className: css$14.viewport,
+		onMouseOver: collapseSubmenuFrom,
+		onFocus: collapseSubmenuFrom,
+		children: [jsxs("div", {
+			className: css$17.viewport,
 			role: "presentation",
-			children: items.map(renderEntry)
+			children: [items.map(renderEntry), children]
 		}), footer !== void 0 && footer.length > 0 && jsx("div", {
-			className: css$14.footer,
+			className: css$17.footer,
 			role: "presentation",
 			children: footer.map(renderEntry)
 		})]
 	});
 	return jsxs("span", {
 		ref: rootRef,
-		className: clsx(css$14.root, className),
+		className: clsx(css$17.root, className),
 		onPointerEnter: closeOnPointerLeave ? cancelClose : void 0,
 		onPointerLeave: closeOnPointerLeave ? () => {
 			if (open) armClose();
@@ -3478,20 +3978,6 @@ function useAnchoredMaxHeight(ref, cap, signal) {
 	return maxHeight;
 }
 //#endregion
-//#region lib/types/overlay-top-margin.js
-/** Shared viewport inset for overlays, derived from the desktop frame's reserved top strip. */
-/**
-* Resolve the top margin an overlay keeps from the viewport edge.
-* @param min - the overlay's own viewport margin in px, used as the floor.
-* @returns the larger of `min` and the frame clearance plus 20px; fullscreen keeps only the 20px gap.
-*/
-function overlayTopMargin(min) {
-	const root = document.documentElement;
-	const clearance = Number.parseFloat(getComputedStyle(root).getPropertyValue("--qilin-frame-top-clearance"));
-	if (Number.isNaN(clearance)) return min;
-	return Math.max(min, (root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20);
-}
-//#endregion
 //#region lib/types/useAnchoredPosition.js
 /**
 * Keep a fixed-position floating element anchored to a trigger.
@@ -3506,11 +3992,11 @@ function overlayTopMargin(min) {
 */
 /**
 * Track an anchor and return the panel's fixed coordinates.
-* @param options - the open state, the two refs, the placement side, and the gap/margin distances.
+* @param options - the open state, the two refs, the placement side and alignment, and the gap/margin distances.
 * @returns `left`/`top` for the panel, or `null` before the first measurement.
 */
 function useAnchoredPosition(options) {
-	const { open, anchorRef, panelRef, side = "bottom", gap, margin } = options;
+	const { open, anchorRef, panelRef, side = "bottom", align = "start", gap, margin } = options;
 	const [position, setPosition] = useState(null);
 	useLayoutEffect(() => {
 		if (!open) {
@@ -3526,7 +4012,7 @@ function useAnchoredPosition(options) {
 			const panel = panelRef.current;
 			const width = panel?.offsetWidth ?? 0;
 			const height = panel?.offsetHeight ?? 0;
-			let left = rect.left;
+			let left = align === "end" ? rect.right - width : rect.left;
 			let top = side === "top" ? rect.top - gap - height : rect.bottom + gap;
 			if (width > 0) left = Math.min(Math.max(left, margin), window.innerWidth - width - margin);
 			if (height > 0) top = Math.min(Math.max(top, margin), window.innerHeight - height - margin);
@@ -3555,6 +4041,7 @@ function useAnchoredPosition(options) {
 		anchorRef,
 		panelRef,
 		side,
+		align,
 		gap,
 		margin
 	]);
@@ -3700,18 +4187,25 @@ const TooltipSuppression = createContext(null);
 * @param props.label - bubble text, or a resolver evaluated only while the bubble is visible.
 * @param props.shortcutKeys - effective key labels rendered as platform-formatted keycaps after optional text.
 * @param props.side - placement relative to the anchor (default 'right').
-* @param props.delayMs - hover delay in milliseconds; keyboard focus remains immediate.
+* @param props.delayMs - hover delay in milliseconds (default 0).
+* @param props.focusDelayMs - keyboard focus delay in milliseconds (default 0); blur, mouse
+* leave, disabling, and unmount cancel a pending show.
 * @param props.disabled - suppress the bubble while true; the anchor renders identically so
 * toggling never remounts it (which would cut its CSS transitions).
 * @param props.portal - render the bubble under document.body, so an ancestor's clipping or its
 * stacking context can neither clip the bubble nor paint over it.
 * @param props.maxWidth - bubble width cap in pixels, for labels long enough that the default
 * half-viewport cap would render a slab wider than the surface the anchor sits on.
+* @param props.openOnClick - clicking also pins the bubble for reading; another click, Escape,
+* Tab, or an outside pointerdown dismisses it. Defaults to false, leaving an ordinary action
+* tooltip to hover and focus alone.
 * @param props.children - a single anchor element; its own ref (callback or object) is forwarded alongside the tooltip's.
 * An anchor that accepts no ref still positions the bubble: a raise records the element the event ran on.
 * @returns the cloned anchor plus a fixed-position bubble while hovered/focused.
 */
-function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, disabled = false, portal = false, maxWidth, children }) {
+function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, focusDelayMs = 0, disabled = false, portal = false, maxWidth, openOnClick = false, children }) {
+	const id = useId();
+	const [pinned, setPinned] = useState(false);
 	const anchor = useRef(null);
 	const childRef = children.ref;
 	const mergedRef = useCallback((el) => {
@@ -3781,6 +4275,7 @@ function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, disabled =
 		showTimer.current = null;
 	}, []);
 	useEffect(() => {
+		if (pinned && (disabled || !openOnClick)) setPinned(false);
 		if (disabled) {
 			cancelShow();
 			triggers.current = {
@@ -3790,7 +4285,12 @@ function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, disabled =
 			setPos(null);
 		}
 		return cancelShow;
-	}, [cancelShow, disabled]);
+	}, [
+		cancelShow,
+		disabled,
+		openOnClick,
+		pinned
+	]);
 	const show = () => {
 		if (disabled) return;
 		const el = anchor.current ?? eventAnchor.current;
@@ -3805,30 +4305,61 @@ function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, disabled =
 		});
 		announce(true);
 	};
-	const showAfterHoverDelay = () => {
+	const showAfterDelay = (delay) => {
 		cancelShow();
-		if (delayMs <= 0) {
+		if (delay <= 0) {
 			show();
 			return;
 		}
 		showTimer.current = setTimeout(() => {
 			showTimer.current = null;
 			show();
-		}, delayMs);
+		}, delay);
 	};
-	const withdraw = () => {
+	const withdraw = useCallback(() => {
+		setPinned(false);
 		setPos(null);
 		announce(false);
-	};
+	}, [announce]);
 	const hide = () => {
 		cancelShow();
-		if (!triggers.current.hover && !triggers.current.focus) withdraw();
+		if (!triggers.current.hover && !triggers.current.focus && !pinned) withdraw();
 	};
+	const dismiss = useCallback(() => {
+		cancelShow();
+		triggers.current = {
+			hover: false,
+			focus: false
+		};
+		withdraw();
+	}, [cancelShow, withdraw]);
+	useDismissOnOutsidePointer(anchor, openOnClick && visible, dismiss, bubble);
+	useEffect(() => {
+		if (!openOnClick || !visible) return;
+		const onKeyDown = (event) => {
+			if (event.key !== "Escape" && event.key !== "Tab") return;
+			if (event.key === "Escape") {
+				event.preventDefault();
+				event.stopPropagation();
+			}
+			dismiss();
+		};
+		document.addEventListener("keydown", onKeyDown, true);
+		return () => {
+			document.removeEventListener("keydown", onKeyDown, true);
+		};
+	}, [
+		dismiss,
+		openOnClick,
+		visible
+	]);
 	const bubbleNode = visible && !suppressed && jsxs("span", {
 		ref: bubble,
-		className: css$15.bubble,
+		id: openOnClick ? id : void 0,
+		className: css$18.bubble,
 		"data-side": placement,
 		"data-portal": portal || void 0,
+		"data-pinned": pinned || void 0,
 		"data-has-shortcut": shortcutKeys?.length ? true : void 0,
 		style: {
 			left: pos.x,
@@ -3838,7 +4369,7 @@ function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, disabled =
 		role: "tooltip",
 		"aria-label": shortcutKeys?.length ? [resolvedLabel, shortcutKeys.join(" ")].filter(Boolean).join(" ") : void 0,
 		children: [resolvedLabel && jsx("span", {
-			className: css$15.label,
+			className: css$18.label,
 			children: resolvedLabel
 		}), shortcutKeys !== void 0 && shortcutKeys.length > 0 && jsx(ShortcutKeys, {
 			keys: shortcutKeys,
@@ -3849,25 +4380,35 @@ function Tooltip({ label, shortcutKeys, side = "right", delayMs = 0, disabled =
 		value: setSuppressed,
 		children: [cloneElement(children, {
 			ref: mergedRef,
+			"aria-describedby": openOnClick && visible ? [children.props["aria-describedby"], id].filter(Boolean).join(" ") : children.props["aria-describedby"],
 			onMouseEnter: (e) => {
 				children.props.onMouseEnter?.(e);
 				trackAnchor(e);
 				triggers.current.hover = true;
-				showAfterHoverDelay();
+				showAfterDelay(delayMs);
 			},
 			onMouseLeave: (e) => {
 				children.props.onMouseLeave?.(e);
 				triggers.current.hover = false;
 				cancelShow();
-				withdraw();
+				if (!pinned) withdraw();
+			},
+			onClick: (e) => {
+				children.props.onClick?.(e);
+				if (!openOnClick) return;
+				triggers.current.focus = false;
+				cancelShow();
+				if (!disabled && !pinned) {
+					setPinned(true);
+					show();
+				} else withdraw();
 			},
 			onFocus: (e) => {
 				children.props.onFocus?.(e);
 				trackAnchor(e);
 				if (pointerModality()) return;
 				triggers.current.focus = true;
-				cancelShow();
-				show();
+				showAfterDelay(focusDelayMs);
 			},
 			onBlur: (e) => {
 				children.props.onBlur?.(e);
@@ -4044,7 +4585,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 	const copyable = copyText !== void 0;
 	const card = open && pos !== null && !suppressed && jsx("div", {
 		ref: cardRef,
-		className: clsx(css$16.card, inline && css$16.media, copyable && css$16.copyable, copied && css$16.feedback),
+		className: clsx(css$19.card, inline && css$19.media, copyable && css$19.copyable, copied && css$19.feedback),
 		style: {
 			...pos,
 			minHeight: copied && copyHeightRef.current !== null ? copyHeightRef.current : void 0
@@ -4065,14 +4606,14 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 			copy(copyText);
 		} : void 0,
 		children: copied ? jsx("span", {
-			className: css$16.copied,
+			className: css$19.copied,
 			"aria-hidden": "true",
 			children: copiedLabel
 		}) : content
 	});
 	return jsxs("span", {
 		ref: rootRef,
-		className: clsx(css$16.root, inline && css$16.inline),
+		className: clsx(css$19.root, inline && css$19.inline),
 		onFocus: inline ? (event) => {
 			if (!disabled && event.target.matches(":focus-visible")) {
 				cancelClose();
@@ -4111,7 +4652,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 				children: anchor
 			}),
 			open && !suppressed && copyable && jsx("span", {
-				className: css$16.status,
+				className: css$19.status,
 				role: "status",
 				children: copied ? copiedLabel : ""
 			}),
@@ -4146,11 +4687,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$20.root,
 		role: "presentation",
 		onKeyDownCapture,
 		children: [jsx("div", {
-			className: css$17.mask,
+			className: css$20.mask,
 			style: backdropBlur ? void 0 : { backdropFilter: "none" },
 			"aria-hidden": "true",
 			onClick: onClose
@@ -4158,37 +4699,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$20.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$20.content, contentClassName),
 				children: [
 					jsxs("div", {
-						className: css$17.header,
+						className: css$20.header,
 						children: [jsx("h2", {
-							className: css$17.title,
+							className: css$20.title,
 							children: title
 						}), jsx("button", {
 							type: "button",
-							className: css$17.close,
+							className: css$20.close,
 							"aria-label": closeLabel,
 							onClick: onClose,
 							children: jsx(IconCloseOutline16, { size: 14 })
 						})]
 					}),
 					description !== void 0 && description !== "" && jsx("p", {
-						className: css$17.description,
+						className: css$20.description,
 						children: description
 					}),
 					children !== void 0 && jsx("div", {
-						className: css$17.body,
+						className: css$20.body,
 						children
 					})
 				]
 			}), footer !== void 0 && jsx("div", {
-				className: css$17.footer,
+				className: css$20.footer,
 				children: footer
 			})] })
 		})]
@@ -4212,13 +4753,13 @@ function OnboardingSurface({ children }) {
 		};
 	}, []);
 	return createPortal(jsxs("div", {
-		className: css$18.onboardingOverlay,
+		className: css$21.onboardingOverlay,
 		role: "presentation",
 		children: [jsx("div", {
-			className: css$18.onboardingMask,
+			className: css$21.onboardingMask,
 			"aria-hidden": "true"
 		}), jsx("div", {
-			className: css$18.onboardingStage,
+			className: css$21.onboardingStage,
 			children
 		})]
 	}), document.body);
@@ -4239,28 +4780,28 @@ function RiskConfirmation({ open, title, description, acknowledgeLabel, cancelLa
 		onClose: onCancel,
 		title,
 		closeLabel,
-		className: css$19.confirmation ?? "",
-		contentClassName: css$19.confirmationContent ?? "",
+		className: css$22.confirmation ?? "",
+		contentClassName: css$22.confirmationContent ?? "",
 		footer: jsxs(Fragment, { children: [jsx(Button, {
 			variant: "outline",
-			className: css$19.modalAction,
+			className: css$22.modalAction,
 			onClick: onCancel,
 			children: cancelLabel
 		}), jsx(Button, {
 			variant: "primary",
-			className: css$19.confirmAction,
+			className: css$22.confirmAction,
 			disabled: disabled || !acknowledged,
 			onClick: onConfirm,
 			children: confirmLabel
 		})] }),
 		children: [jsxs("div", {
-			className: css$19.warning,
+			className: css$22.warning,
 			children: [jsx(IconWarningOutline16, {
 				size: 18,
-				className: css$19.warningIcon
+				className: css$22.warningIcon
 			}), jsx("p", { children: description })]
 		}), jsxs("label", {
-			className: css$19.acknowledgement,
+			className: css$22.acknowledgement,
 			children: [jsx("input", {
 				type: "checkbox",
 				checked: acknowledged,
@@ -4308,47 +4849,47 @@ function ConnectionIndicator({ state, disconnectedLabel, connectingLabel, recove
 		};
 	}, [state, rendered]);
 	if (rendered === void 0) return null;
-	const leavingClass = leaving ? ` ${css$20.leaving}` : "";
+	const leavingClass = leaving ? ` ${css$23.leaving}` : "";
 	if (rendered === "recovered") return jsxs("div", {
-		className: `${css$20.indicator} ${css$20.success}${leavingClass}`,
+		className: `${css$23.indicator} ${css$23.success}${leavingClass}`,
 		role: "status",
 		"aria-label": recoveredLabel,
 		children: [jsx("span", {
-			className: css$20.icon,
+			className: css$23.icon,
 			"aria-hidden": "true",
 			children: jsx(IconCheckOutline16, { size: 14 })
 		}), jsx("span", {
-			className: css$20.label,
+			className: css$23.label,
 			children: recoveredLabel
 		})]
 	});
 	const connecting = rendered === "connecting";
 	return jsxs("button", {
 		type: "button",
-		className: `${css$20.indicator} ${css$20.warning}${leavingClass}`,
+		className: `${css$23.indicator} ${css$23.warning}${leavingClass}`,
 		"data-phase": rendered,
 		"aria-label": connecting ? restartActionLabel : reconnectActionLabel,
 		onClick: onReconnect,
 		children: [jsx("span", {
-			className: css$20.icon,
+			className: css$23.icon,
 			"aria-hidden": "true",
 			children: connecting ? jsx(IconLoadingOutline16, {
 				size: 14,
-				className: css$20.spinner
+				className: css$23.spinner
 			}) : jsx(IconRefreshOutline14, { size: 14 })
 		}), jsx("span", {
-			className: css$20.label,
+			className: css$23.label,
 			children: connecting ? jsxs(Fragment, { children: [connectingLabel, jsxs("span", {
-				className: css$20.dots,
+				className: css$23.dots,
 				"aria-hidden": "true",
 				children: [
 					jsx("span", { children: "." }),
 					jsx("span", {
-						className: css$20.secondDot,
+						className: css$23.secondDot,
 						children: "."
 					}),
 					jsx("span", {
-						className: css$20.thirdDot,
+						className: css$23.thirdDot,
 						children: "."
 					})
 				]
@@ -5173,7 +5714,7 @@ function FileTypeIcon(props) {
 		type: resolvedType,
 		size,
 		className
-	}) : glyph(resolvedType, size, clsx(css$21.icon, css$21[resolvedType], className));
+	}) : glyph(resolvedType, size, clsx(css$24.icon, css$24[resolvedType], className));
 }
 //#endregion
 //#region lib/types/SiteGlyph.js
@@ -5486,22 +6027,772 @@ function PathLabel({ path, className, ...attributes }) {
 	return jsx("span", {
 		...attributes,
 		ref: boxRef,
-		className: clsx(css$22.path, className),
+		className: clsx(css$25.path, className),
 		title: path,
 		"data-path-label": true,
 		children: jsxs("span", {
 			ref: textRef,
-			className: css$22.text,
+			className: css$25.text,
 			children: [directory !== "" && jsx("span", {
-				className: css$22.directory,
+				className: css$25.directory,
 				children: directory
 			}), jsx("span", {
-				className: css$22.name,
+				className: css$25.name,
 				children: name
 			})]
 		})
 	});
 }
+const prefixed = (literal, check, run, min, max = 0) => ({
+	literal,
+	kind: 2,
+	check,
+	run,
+	min,
+	max
+});
+/**
+* Every prefixed format matches more than the eight characters a mask leaves
+* readable, so a near miss never exposes a whole value.
+*/
+const CREDENTIAL_FORMATS = [
+	{
+		literal: "-----BEGIN ",
+		kind: 0,
+		check: 0,
+		run: 0,
+		min: 0,
+		max: 0
+	},
+	{
+		literal: "://",
+		kind: 1,
+		check: 0,
+		run: 0,
+		min: 0,
+		max: 0
+	},
+	prefixed("sk-", 2, 1, 20),
+	prefixed("AIza", 3, 1, 35),
+	prefixed("ghp_", 0, 2, 36),
+	prefixed("gho_", 0, 2, 36),
+	prefixed("ghu_", 0, 2, 36),
+	prefixed("ghs_", 0, 2, 36),
+	prefixed("ghr_", 0, 2, 36),
+	prefixed("github_pat_", 0, 4, 22),
+	prefixed("glpat-", 0, 1, 20),
+	prefixed("npm_", 0, 2, 36),
+	prefixed("hf_", 0, 2, 30),
+	prefixed("AKIA", 1, 16, 16, 16),
+	prefixed("ASIA", 1, 16, 16, 16),
+	prefixed("LTAI", 1, 2, 12, 20),
+	prefixed("AKID", 1, 2, 28, 36),
+	prefixed("xoxa-", 0, 8, 10),
+	prefixed("xoxb-", 0, 8, 10),
+	prefixed("xoxp-", 0, 8, 10),
+	prefixed("xoxr-", 0, 8, 10),
+	prefixed("xoxs-", 0, 8, 10),
+	prefixed("sk_live_", 0, 2, 16),
+	prefixed("sk_test_", 0, 2, 16),
+	prefixed("rk_live_", 0, 2, 16),
+	prefixed("rk_test_", 0, 2, 16),
+	prefixed("whsec_", 0, 2, 24),
+	prefixed("eyJ", 4, 1, 8, 2048)
+];
+/** Leading characters of a prefixed key left readable: the provider prefix and little else. */
+const VISIBLE_PREFIX = 8;
+const SHARED_MARKS = 4096;
+/** Builds masks; owns the shared mark strings and its sticky run pattern. */
+var CredentialMasks = class {
+	marksOnly = "*".repeat(SHARED_MARKS);
+	marksLf = `${this.marksOnly}\n`;
+	marksCr = `${this.marksOnly}\r`;
+	/** Code units that `lines` counts without inspection: neither line breaks nor surrogates. Set `lastIndex` before each test. */
+	ordinary = /[^\r\n\ud800-\udfff]*/y;
+	/**
+	* The display form of `text[start, end)`, whose earliest candidate has `kind`.
+	* @param text - the queried text.
+	* @param kind - the literal kind of the range's earliest candidate.
+	* @param plain - the range holds only prefixed-format characters: ASCII without line breaks.
+	* @param start - first offset of the range.
+	* @param end - offset after the range.
+	* @returns the mask; line breaks stay in place, one mark per code point.
+	*/
+	masked(text, kind, plain, start, end) {
+		if (kind === 1) return this.range(text, start, end);
+		if (kind === 2) return text.slice(start, start + VISIBLE_PREFIX) + (plain ? this.marks(end - start - VISIBLE_PREFIX) : this.range(text, start + VISIBLE_PREFIX, end));
+		return this.keyBlock(text, start, end);
+	}
+	/**
+	* Marks for a run of hidden characters.
+	* @param count - how many marks.
+	* @returns `count` marks, one slice of the shared string where it reaches.
+	*/
+	marks(count) {
+		return count <= SHARED_MARKS ? this.marksOnly.slice(0, count) : "*".repeat(count);
+	}
+	/**
+	* Marks, then one line break, in a single slice.
+	* @param count - how many marks.
+	* @param code - the line break's code unit, 10 or 13.
+	* @returns `count` marks and that line break.
+	*/
+	marksThen(count, code) {
+		return count <= SHARED_MARKS ? (code === 10 ? this.marksLf : this.marksCr).slice(SHARED_MARKS - count) : "*".repeat(count) + (code === 10 ? "\n" : "\r");
+	}
+	/**
+	* Keep the `BEGIN` line, the `END` line when present, and every line break; a block written on
+	* one line is masked whole. Both searches stay inside the range, so they cost what the mask costs.
+	* @param text - the queried text.
+	* @param start - first offset of the range.
+	* @param end - offset after the range.
+	* @returns the masked block.
+	*/
+	keyBlock(text, start, end) {
+		let bodyStart = start;
+		for (let index = start; index < end; index++) if (text.charCodeAt(index) === 10) {
+			bodyStart = index + 1;
+			break;
+		}
+		let bodyEnd = end;
+		for (let index = end - 9; index >= bodyStart; index--) if (text.charCodeAt(index) === 10 && text.startsWith("-----END", index + 1)) {
+			bodyEnd = index;
+			break;
+		}
+		const body = bodyEnd === text.length || text.charCodeAt(bodyEnd) === 10 || text.charCodeAt(bodyEnd) === 13 ? this.lines(text, bodyStart, bodyEnd) : this.range(text, bodyStart, bodyEnd);
+		return text.slice(start, bodyStart) + body + text.slice(bodyEnd, end);
+	}
+	/**
+	* Replace every character except line breaks; a surrogate pair is one character,
+	* as `[^\r\n]` with the `u` flag counts it. A character loop: a native run could read far past `end`.
+	* @param text - the queried text.
+	* @param start - first offset of the range.
+	* @param end - offset after the range.
+	* @returns the masked range.
+	*/
+	range(text, start, end) {
+		let masked = "";
+		let count = 0;
+		for (let index = start; index < end; index++) {
+			const code = text.charCodeAt(index);
+			if (code === 10 || code === 13) {
+				masked += this.marksThen(count, code);
+				count = 0;
+				continue;
+			}
+			if (code >= 55296 && code <= 56319 && index + 1 < end) {
+				const next = text.charCodeAt(index + 1);
+				if (next >= 56320 && next <= 57343) index++;
+			}
+			count++;
+		}
+		return masked + this.marks(count);
+	}
+	/**
+	* `range` for a body that ends at a line break or the end of the text, where native runs stop.
+	* @param text - the queried text.
+	* @param start - first offset of the range.
+	* @param end - offset after the range.
+	* @returns the masked body.
+	*/
+	lines(text, start, end) {
+		const ordinary = this.ordinary;
+		let masked = "";
+		let count = 0;
+		let index = start;
+		while (index < end) {
+			ordinary.lastIndex = index;
+			ordinary.test(text);
+			const stop = Math.min(ordinary.lastIndex, end);
+			count += stop - index;
+			if (stop === end) break;
+			const code = text.charCodeAt(stop);
+			index = stop + 1;
+			if (code === 10 || code === 13) {
+				masked += this.marksThen(count, code);
+				count = 0;
+				continue;
+			}
+			if (code <= 56319 && index < end) {
+				const next = text.charCodeAt(index);
+				if (next >= 56320 && next <= 57343) index++;
+			}
+			count++;
+		}
+		return masked + this.marks(count);
+	}
+};
+//#endregion
+//#region lib/types/SecretText.js
+/**
+* Masked credential presentation: the masked form by default, plus a control
+* that reveals this one value in interactive text.
+*/
+const EYE_PATH = "M1.5 8C2.9 5.25 5.25 3.5 8 3.5C10.75 3.5 13.1 5.25 14.5 8C13.1 10.75 10.75 12.5 8 12.5C5.25 12.5 2.9 10.75 1.5 8ZM10 8C10 9.1 9.1 10 8 10C6.9 10 6 9.1 6 8C6 6.9 6.9 6 8 6C9.1 6 10 6.9 10 8Z";
+/** The struck-through glyph drops the pupil so it stays distinct at text size. */
+const EYE_OFF_PATH = "M1.5 8C2.9 5.25 5.25 3.5 8 3.5C10.75 3.5 13.1 5.25 14.5 8C13.1 10.75 10.75 12.5 8 12.5C5.25 12.5 2.9 10.75 1.5 8ZM2.5 2.5L13.5 13.5";
+const MASK_RUNS = /* @__PURE__ */ new RegExp("(\\*+)", "u");
+/**
+* One eye glyph, drawn in the current text color.
+* @param props - the outline to draw.
+* @returns the glyph.
+*/
+function EyeGlyph({ path }) {
+	return jsx("svg", {
+		className: css$26.icon,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.3,
+		strokeLinecap: "round",
+		"aria-hidden": "true",
+		children: jsx("path", { d: path })
+	});
+}
+/**
+* Split a masked form into kept text and mask runs. A mask run keeps its
+* characters for copying and assistive technology but draws centered tiles,
+* because a font's own asterisk sits near the cap height.
+* @param props - the masked form.
+* @returns the inline parts covering it.
+*/
+function MaskedText({ masked }) {
+	let offset = 0;
+	return masked.split(MASK_RUNS).map((part) => {
+		const key = offset;
+		offset += part.length;
+		if (part === "") return null;
+		return part.startsWith("*") ? jsx("span", {
+			className: css$26.mask,
+			children: part
+		}, key) : jsx("span", { children: part }, key);
+	});
+}
+/**
+* Draw one credential masked. Interactive text adds a control that reveals or
+* hides this value; every mount, and every different original value at the same
+* position, starts masked.
+* @param props - the masked form, the original spelling, and optional control copy.
+* @returns the masked run, with the reveal control when copy is supplied.
+*/
+function SecretText({ masked, raw, labels }) {
+	const [revealedRaw, setRevealedRaw] = useState();
+	const revealed = labels !== void 0 && revealedRaw === raw;
+	return jsxs("span", {
+		className: css$26.secret,
+		"data-secret": "",
+		children: [jsx("span", { children: revealed ? raw : jsx(MaskedText, { masked }) }), labels !== void 0 && jsx("button", {
+			type: "button",
+			className: css$26.toggle,
+			"aria-pressed": revealed,
+			"aria-label": revealed ? labels.hide : labels.reveal,
+			onClick: () => {
+				setRevealedRaw(revealed ? void 0 : raw);
+			},
+			children: jsx(EyeGlyph, { path: revealed ? EYE_OFF_PATH : EYE_PATH })
+		})]
+	});
+}
+//#endregion
+//#region lib/types/format-tables.js
+/** Lookup tables derived from the credential formats, built once on first use. */
+let tables;
+/**
+* The tables for `CREDENTIAL_FORMATS`; the first call builds them.
+* @returns the shared, read-only tables.
+*/
+function formatTables() {
+	tables ??= buildTables();
+	return tables;
+}
+/**
+* Build every lookup table once.
+* @returns the tables.
+*/
+function buildTables() {
+	const formats = CREDENTIAL_FORMATS;
+	const literals = formats.map((f) => f.literal);
+	const { ending, sharedEndings } = endingTables(literals);
+	return {
+		classes: charClasses(),
+		literals,
+		literalLength: Uint8Array.from(literals, (literal) => literal.length),
+		literalKind: Uint8Array.from(formats, (f) => f.kind),
+		literalCheck: Uint8Array.from(formats, (f) => f.check),
+		literalRun: Uint16Array.from(formats, (f) => f.run),
+		literalMin: Int32Array.from(formats, (f) => f.min),
+		literalMax: Int32Array.from(formats, (f) => f.max),
+		literalOverlap: Uint8Array.from(literals, (literal) => overlap(literal, literals)),
+		prefixSource: alternation(literals),
+		ending,
+		sharedEndings
+	};
+}
+/**
+* Class bits for every ASCII code unit; non-ASCII units carry none.
+* @returns the 128-entry table.
+*/
+function charClasses() {
+	const classes = new Uint16Array(128);
+	for (let code = 0; code < 128; code++) {
+		const upper = code >= 65 && code <= 90;
+		const lower = code >= 97 && code <= 122;
+		const digit = code >= 48 && code <= 57;
+		const alnum = upper || lower || digit;
+		const authority = !(code >= 9 && code <= 13 || code === 32 || code === 47 || code === 64 || code === 63 || code === 35);
+		classes[code] = (alnum || code === 95 || code === 45 ? 1 : 0) | (alnum ? 2 : 0) | (alnum || code === 95 ? 4 : 0) | (alnum || code === 45 ? 8 : 0) | (upper || digit ? 16 : 0) | (upper || digit || code === 32 ? 32 : 0) | (lower || digit || code === 43 || code === 46 || code === 45 ? 64 : 0) | (lower ? 128 : 0) | (authority && code !== 58 ? 256 : 0) | (authority ? 512 : 0);
+	}
+	return classes;
+}
+/**
+* Length of the longest proper suffix of `literal` that begins another literal.
+* @param literal - the literal to measure.
+* @param literals - every literal.
+* @returns that suffix length, or 0.
+*/
+function overlap(literal, literals) {
+	for (let size = literal.length - 1; size > 0; size--) {
+		const suffix = literal.slice(-size);
+		if (literals.some((other) => other.startsWith(suffix))) return size;
+	}
+	return 0;
+}
+/**
+* Index the literals by their last two code units so the scan reads the matched
+* literal from the prefix alternation's end.
+* @param literals - every literal.
+* @returns the single-literal table and the table of endings several literals share.
+*/
+function endingTables(literals) {
+	const ending = new Int8Array(16384);
+	const sharedEndings = [];
+	literals.forEach((literal, index) => {
+		const key = literal.charCodeAt(literal.length - 2) * 128 + literal.charCodeAt(literal.length - 1);
+		const existing = ending[key];
+		if (existing === 0) {
+			ending[key] = index + 1;
+			return;
+		}
+		if (existing > 0) {
+			sharedEndings[key] = [existing - 1];
+			ending[key] = -1;
+		}
+		sharedEndings[key].push(index);
+	});
+	return {
+		ending,
+		sharedEndings
+	};
+}
+const escape = (literal) => literal.replace(/[.*+?^${}()|[\]\\/]/gu, "\\$&");
+/**
+* Literal alternatives grouped by shared leading characters; groups only factor literals and add no quantifier.
+* @param literals - every literal.
+* @returns the alternation source.
+*/
+function alternation(literals) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const literal of literals) groups.set(literal.charAt(0), [...groups.get(literal.charAt(0)) ?? [], literal.slice(1)]);
+	return [...groups].map(([head, tails]) => tails.length === 1 ? escape(head + tails.join("")) : `${escape(head)}(?:${alternation(tails)})`).join("|");
+}
+//#endregion
+//#region lib/types/credential-scanner.js
+/**
+* Prefix-pruned, linear credential scanning that allocates nothing until it
+* returns a range. A literal-only alternation finds each place a format can
+* begin and resumes inside a literal that can overlap the next one. Format
+* checks are bounded character comparisons and sticky `[class]*` runs, which
+* end at the first character outside the class and leave nothing to backtrack
+* into. Run ends, the next digit, and the next key-block `END` line are
+* memoized per text across queries, so each is measured once per text.
+*/
+const KEY_SLOTS = 0;
+const KEY_NEXT = 8;
+const ALNUM_SLOT = 9;
+const WORD_SLOT = 11;
+const ALNUM_DASH_SLOT = 13;
+const UPPER_ALNUM_SLOT = 15;
+const USER_SLOT = 17;
+const PASSWORD_SLOT = 19;
+const DIGIT_FROM = 21;
+const DIGIT_AT = 22;
+const BLOCK_FROM = 23;
+const BLOCK_END_START = 24;
+const BLOCK_END = 25;
+/** Start of the password that the last address check accepted. */
+const CANDIDATE_START = 26;
+const MEMO_SIZE = 27;
+/** `\s` above ASCII. */
+function isWideSpace(code) {
+	return code === 160 || code === 5760 || code >= 8192 && code <= 8202 || code === 8232 || code === 8233 || code === 8239 || code === 8287 || code === 12288 || code === 65279;
+}
+/**
+* Offset after the run that sticky `pattern` matches at `start`.
+* @param pattern - sticky run pattern.
+* @param text - the text to measure.
+* @param start - offset the run starts at.
+* @returns offset after the run.
+*/
+function runEnd(pattern, text, start) {
+	pattern.lastIndex = start;
+	pattern.test(text);
+	return pattern.lastIndex;
+}
+/**
+* One scanner's state: the tables, its own patterns, and a memo of the last
+* queried text, which it keeps until a query for another text. Queries are
+* synchronous and never re-enter, so the patterns' cursors are never shared.
+*/
+var CredentialScanner = class {
+	classes;
+	literals;
+	literalLength;
+	literalKind;
+	literalCheck;
+	literalMin;
+	literalMax;
+	literalOverlap;
+	ending;
+	sharedEndings;
+	/** Memo slot of each prefixed format's run class; 0 for `[A-Za-z0-9_-]`, which has four. */
+	literalSlot;
+	literalPattern;
+	prefixes;
+	keyRun = /[A-Za-z0-9_-]*/y;
+	userRun = /[^\s/:@?#]*/y;
+	passwordRun = /[^\s/@?#]*/y;
+	nonDigits = /\D*/y;
+	masks = new CredentialMasks();
+	memo = new Int32Array(MEMO_SIZE).fill(-1);
+	text = "";
+	/**
+	* Build one scanner over shared tables.
+	* @param tables - the tables every scanner shares.
+	*/
+	constructor(tables) {
+		this.classes = tables.classes;
+		this.literals = tables.literals;
+		this.literalLength = tables.literalLength;
+		this.literalKind = tables.literalKind;
+		this.literalCheck = tables.literalCheck;
+		this.literalMin = tables.literalMin;
+		this.literalMax = tables.literalMax;
+		this.literalOverlap = tables.literalOverlap;
+		this.ending = tables.ending;
+		this.sharedEndings = tables.sharedEndings;
+		this.prefixes = new RegExp(tables.prefixSource, "g");
+		const patterns = new Map([
+			[2, [ALNUM_SLOT, /[A-Za-z0-9]*/y]],
+			[4, [WORD_SLOT, /\w*/y]],
+			[8, [ALNUM_DASH_SLOT, /[A-Za-z0-9-]*/y]],
+			[16, [UPPER_ALNUM_SLOT, /[A-Z0-9]*/y]]
+		]);
+		this.literalSlot = Uint8Array.from(tables.literalRun, (run) => patterns.get(run)?.[0] ?? 0);
+		this.literalPattern = Array.from(tables.literalRun, (run) => patterns.get(run)?.[1] ?? this.keyRun);
+	}
+	/**
+	* The nearest credential at or after `from`. Overlapping candidates of any format join the earliest
+	* one and take its mask, so no credential is drawn half masked. Candidates arrive in start order;
+	* an address password waits until the scan passes its start, and no other `://` can occur before
+	* then, because a user name and a password exclude `/`. A password that starts inside a range also
+	* ends inside it: the range holds the `:` before the password, so it is a key block, whose `END`
+	* line has spaces, or one that runs to the end of the text.
+	* @param text - the complete original text.
+	* @param from - the query offset.
+	* @returns the nearest credential range, or undefined when none starts at or after `from`.
+	*/
+	match(text, from) {
+		if (text !== this.text) {
+			this.memo.fill(-1);
+			this.text = text;
+		}
+		const prefixes = this.prefixes;
+		const length = text.length;
+		let start = -1;
+		let end = -1;
+		let kind = 2;
+		let plain = true;
+		let deferredEnd = this.addressBefore(from);
+		let deferredStart = deferredEnd < 0 ? -1 : this.slot(CANDIDATE_START);
+		prefixes.lastIndex = from;
+		while (prefixes.test(text)) {
+			const literalEnd = prefixes.lastIndex;
+			const literal = this.literalEndingAt(literalEnd);
+			const at = literalEnd - this.literalLength[literal];
+			prefixes.lastIndex = literalEnd - this.literalOverlap[literal];
+			if (deferredStart >= 0 && deferredStart <= at) {
+				if (start < 0) {
+					start = deferredStart;
+					end = deferredEnd;
+					kind = 1;
+				} else break;
+				deferredStart = -1;
+			}
+			if (start >= 0 && (at >= end || end === length)) break;
+			const literalKind = this.literalKind[literal];
+			if (literalKind === 1) {
+				deferredEnd = this.addressPassword(at);
+				deferredStart = deferredEnd < 0 ? -1 : this.slot(CANDIDATE_START);
+				continue;
+			}
+			const candidateEnd = literalKind === 0 ? this.keyBlockEnd(at) : this.prefixedEnd(literal, at);
+			if (candidateEnd < 0) continue;
+			if (start < 0) {
+				start = at;
+				end = candidateEnd;
+				kind = literalKind;
+				plain = literalKind === 2;
+			} else if (candidateEnd > end) {
+				end = candidateEnd;
+				if (literalKind !== 2) plain = false;
+			}
+		}
+		if (start < 0 && deferredStart >= 0) {
+			start = deferredStart;
+			end = deferredEnd;
+			kind = 1;
+		}
+		if (start < 0) return void 0;
+		return {
+			start,
+			end,
+			masked: this.masks.masked(text, kind, plain, start, end)
+		};
+	}
+	/**
+	* Memo entry at `index`; the layout keeps every index inside the array.
+	* @param index - the memo index.
+	* @returns the stored offset.
+	*/
+	slot(index) {
+		return this.memo[index];
+	}
+	/**
+	* `\w` at one offset; out of range is not a word character.
+	* @param index - the offset to read.
+	* @returns whether the code unit is a word character.
+	*/
+	isWordAt(index) {
+		const code = this.text.charCodeAt(index);
+		return code < 128 && (this.classes[code] & 4) !== 0;
+	}
+	/**
+	* `[^\s/:@?#]` for one UTF-16 code unit; NaN, read out of range, is not one.
+	* @param code - the code unit.
+	* @returns whether the code unit may appear in an address user name.
+	*/
+	isUserCode(code) {
+		return code < 128 ? (this.classes[code] & 256) !== 0 : code === code && !isWideSpace(code);
+	}
+	/**
+	* Index of the literal the prefix scan matched ending at `end`; one literal sharing the ending matches, so the last needs no check.
+	* @param end - the offset after the matched literal.
+	* @returns the literal's index.
+	*/
+	literalEndingAt(end) {
+		const text = this.text;
+		const key = text.charCodeAt(end - 2) * 128 + text.charCodeAt(end - 1);
+		const literal = this.ending[key];
+		if (literal > 0) return literal - 1;
+		const shared = this.sharedEndings[key];
+		let index = 0;
+		for (; index < shared.length - 1; index++) {
+			const candidate = shared[index];
+			if (text.startsWith(this.literals[candidate], end - this.literalLength[candidate])) break;
+		}
+		return shared[index];
+	}
+	/**
+	* End of the `[A-Za-z0-9_-]*` run at `start`, through four memo pairs replaced in turn.
+	* @param start - the run's first offset.
+	* @returns the offset after the run.
+	*/
+	keyRunEnd(start) {
+		for (let slot = KEY_SLOTS; slot < KEY_NEXT; slot += 2) if (this.slot(slot) <= start && start <= this.slot(slot + 1)) return this.slot(slot + 1);
+		const end = runEnd(this.keyRun, this.text, start);
+		const next = this.slot(KEY_NEXT) + 1 & 3;
+		this.memo[KEY_NEXT] = next;
+		this.memo[KEY_SLOTS + 2 * next] = start;
+		this.memo[KEY_SLOTS + 2 * next + 1] = end;
+		return end;
+	}
+	/**
+	* End of the run `pattern` matches at `start`, through the memo pair at `slot`.
+	* @param pattern - the sticky run pattern.
+	* @param start - the run's first offset.
+	* @param slot - the memo pair to fill.
+	* @returns the offset after the run.
+	*/
+	memoRunEnd(pattern, start, slot) {
+		if (this.slot(slot) <= start && start <= this.slot(slot + 1)) return this.slot(slot + 1);
+		const end = runEnd(pattern, this.text, start);
+		this.memo[slot] = start;
+		this.memo[slot + 1] = end;
+		return end;
+	}
+	/**
+	* Offset of the first digit at or after `start`, or the text length.
+	* @param start - the offset to search from.
+	* @returns the digit's offset.
+	*/
+	nextDigit(start) {
+		if (this.slot(DIGIT_FROM) <= start && start <= this.slot(DIGIT_AT)) return this.slot(DIGIT_AT);
+		this.memo[DIGIT_FROM] = start;
+		this.memo[DIGIT_AT] = runEnd(this.nonDigits, this.text, start);
+		return this.slot(DIGIT_AT);
+	}
+	/**
+	* Offset after `[A-Z0-9 ]{0,40}PRIVATE KEY-----` at `start`, or -1; reads at most 52 characters.
+	* @param start - the offset the label starts at.
+	* @returns the offset after the header label, or -1.
+	*/
+	labelEnd(start) {
+		const text = this.text;
+		const limit = Math.min(text.length, start + 52);
+		let index = start;
+		while (index < limit) {
+			const code = text.charCodeAt(index);
+			if (code > 127 || (this.classes[code] & 32) === 0) break;
+			index++;
+		}
+		const tail = index - 11;
+		return index < start + 52 && tail >= start && text.startsWith("PRIVATE KEY-----", tail) ? tail + 16 : -1;
+	}
+	/**
+	* End of the `-----BEGIN [A-Z0-9 ]{0,40}PRIVATE KEY-----` block at `at`: after its first complete
+	* `END` line, or the end of the text; -1 for an invalid header.
+	* @param at - the offset of the `-----BEGIN ` literal.
+	* @returns the offset after the block, or -1.
+	*/
+	keyBlockEnd(at) {
+		const header = this.labelEnd(at + 11);
+		if (header < 0) return -1;
+		if (this.slot(BLOCK_FROM) <= header && header <= this.slot(BLOCK_END_START)) return this.slot(BLOCK_END);
+		const text = this.text;
+		this.memo[BLOCK_FROM] = header;
+		this.memo[BLOCK_END_START] = text.length;
+		this.memo[BLOCK_END] = text.length;
+		for (let line = text.indexOf("-----END ", header); line >= 0; line = text.indexOf("-----END ", line + 1)) {
+			const end = this.labelEnd(line + 9);
+			if (end < 0) continue;
+			this.memo[BLOCK_END_START] = line;
+			this.memo[BLOCK_END] = end;
+			break;
+		}
+		return this.slot(BLOCK_END);
+	}
+	/**
+	* Whether `\b[a-z][a-z0-9+.-]{1,15}` ends at `at`; reads at most 17 characters back.
+	* @param at - the offset after the scheme.
+	* @returns whether a scheme ends there.
+	*/
+	schemeBefore(at) {
+		const text = this.text;
+		for (let start = at - 1; start >= 0 && start >= at - 16; start--) {
+			const code = text.charCodeAt(start);
+			const bits = code < 128 ? this.classes[code] : 0;
+			if ((bits & 64) === 0) return false;
+			if ((bits & 128) !== 0 && at - start >= 2 && !this.isWordAt(start - 1)) return true;
+		}
+		return false;
+	}
+	/**
+	* The password in `\b[a-z][a-z0-9+.-]{1,15}://[^\s/:@?#]{0,256}:[^\s/@?#]+@` for the `://` at
+	* `at`; neither part crosses `?` or `#`, where the authority ends. Callers pass a `://` at or after
+	* the query offset, or one whose user name reaches it, so the password never starts before it.
+	* @param at - the offset of the `://` literal.
+	* @returns the password end with its start in the memo, or -1.
+	*/
+	addressPassword(at) {
+		if (!this.schemeBefore(at)) return -1;
+		const text = this.text;
+		const userStart = at + 3;
+		const userEnd = this.memoRunEnd(this.userRun, userStart, USER_SLOT);
+		if (userEnd - userStart > 256 || text.charCodeAt(userEnd) !== 58) return -1;
+		const start = userEnd + 1;
+		const end = this.memoRunEnd(this.passwordRun, start, PASSWORD_SLOT);
+		if (end === start || text.charCodeAt(end) !== 64) return -1;
+		this.memo[CANDIDATE_START] = start;
+		return end;
+	}
+	/**
+	* The address password at or after `from` whose `://` starts before `from`, as `addressPassword`
+	* returns it. The walk back over the user name runs only when a `:`, a password, and `@` follow.
+	* @param from - the query offset.
+	* @returns the password end with its start in the memo, or -1.
+	*/
+	addressBefore(from) {
+		const text = this.text;
+		if (from < 3) return -1;
+		if (text.startsWith("://", from - 1)) return this.addressPassword(from - 1);
+		if (text.startsWith("://", from - 2)) return this.addressPassword(from - 2);
+		let index = from - 1;
+		const before = text.charCodeAt(index);
+		let passwordStart;
+		if (before === 58) {
+			passwordStart = from;
+			index--;
+		} else if (this.isUserCode(before)) {
+			const userEnd = this.memoRunEnd(this.userRun, from, USER_SLOT);
+			if (text.charCodeAt(userEnd) !== 58) return -1;
+			passwordStart = userEnd + 1;
+		} else return text.startsWith("://", from - 3) ? this.addressPassword(from - 3) : -1;
+		const passwordEnd = this.memoRunEnd(this.passwordRun, passwordStart, PASSWORD_SLOT);
+		if (passwordEnd === passwordStart || text.charCodeAt(passwordEnd) !== 64) return -1;
+		const lowest = Math.max(0, passwordStart - 258);
+		while (index >= lowest && this.isUserCode(text.charCodeAt(index))) index--;
+		return index >= 2 && text.startsWith("://", index - 2) ? this.addressPassword(index - 2) : -1;
+	}
+	/**
+	* End of the prefixed credential whose literal starts at `at`, or -1.
+	* @param literal - the literal's index.
+	* @param at - the offset of the literal.
+	* @returns the offset after the credential, or -1.
+	*/
+	prefixedEnd(literal, at) {
+		if (this.isWordAt(at - 1)) return -1;
+		const text = this.text;
+		const start = at + this.literalLength[literal];
+		const check = this.literalCheck[literal];
+		const min = this.literalMin[literal];
+		if (check === 2) {
+			const digit = this.nextDigit(start);
+			if (digit - start > 255) return -1;
+			const end = this.keyRunEnd(start);
+			return end - start >= min && digit < end ? end : -1;
+		}
+		const slot = this.literalSlot[literal];
+		const end = slot === 0 ? this.keyRunEnd(start) : this.memoRunEnd(this.literalPattern[literal], start, slot);
+		const length = end - start;
+		if (length < min) return -1;
+		if (check === 0) return end;
+		if (check === 3) return start + min;
+		if (check === 1) return length <= this.literalMax[literal] && !this.isWordAt(end) ? end : -1;
+		if (length > this.literalMax[literal] || !text.startsWith(".eyJ", end)) return -1;
+		const payloadStart = end + 4;
+		const payloadEnd = this.keyRunEnd(payloadStart);
+		if (payloadEnd - payloadStart < min || text.charCodeAt(payloadEnd) !== 46) return -1;
+		const signatureEnd = this.keyRunEnd(payloadEnd + 1);
+		return signatureEnd - (payloadEnd + 1) >= min ? signatureEnd : -1;
+	}
+};
+const scanner = new CredentialScanner(formatTables());
+/**
+* Every credential in `text`, in start order, each with the display form that
+* masks it.
+* @param text - the original user text.
+* @returns the masked ranges; empty when the text holds no recognized credential.
+*/
+function scanSecrets(text) {
+	const ranges = [];
+	let from = 0;
+	for (;;) {
+		const match = scanner.match(text, from);
+		if (match === void 0) return ranges;
+		ranges.push(match);
+		from = match.end;
+	}
+}
 //#endregion
 //#region lib/types/user-text.js
 /** The wire form a session chip serializes to; label is the display text. */
@@ -5517,24 +6808,35 @@ const TRAILING_PUNCTUATION_RE = /[.,;:!?，。；：！？]+$/u;
 * (unsent queue rows pass none).
 * @param slashKind - the chip kind those tokens render as.
 * @param references - optional file and skill preview actions; session and command tokens stay labels.
+* @param secretLabels - reveal-control copy for credentials; absent in text that stays masked.
 * @returns inline nodes covering the whole text.
 */
-function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skill", references) {
-	const ranges = [];
+function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skill", references, secretLabels) {
+	const secrets = scanSecrets(text);
+	const ranges = secrets.map((secret) => ({
+		start: secret.start,
+		end: secret.end,
+		kind: "secret",
+		masked: secret.masked
+	}));
+	const maskedOver = (start, end) => secrets.some((secret) => start < secret.end && secret.start < end);
 	SESSION_WIRE_RE.lastIndex = 0;
 	let wire;
-	while ((wire = SESSION_WIRE_RE.exec(text)) !== null) ranges.push({
-		start: wire.index,
-		end: wire.index + wire[0].length,
-		label: wire[0],
-		kind: "session",
-		display: wire[1]
-	});
+	while ((wire = SESSION_WIRE_RE.exec(text)) !== null) {
+		if (maskedOver(wire.index, wire.index + wire[0].length)) continue;
+		ranges.push({
+			start: wire.index,
+			end: wire.index + wire[0].length,
+			label: wire[0],
+			kind: "session",
+			display: wire[1]
+		});
+	}
 	for (const rawLabel of [...new Set(sessionLabels)].sort((a, b) => b.length - a.length)) {
 		const label = `@${rawLabel}`;
 		let start = text.indexOf(label);
 		while (start >= 0) {
-			ranges.push({
+			if (!maskedOver(start, start + label.length)) ranges.push({
 				start,
 				end: start + label.length,
 				label,
@@ -5551,6 +6853,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		const label = rawLabel.startsWith("@\"") ? rawLabel : rawLabel.replace(TRAILING_PUNCTUATION_RE, "");
 		if (label.length <= 1) continue;
 		if (label.startsWith("/") && !slashNames.includes(label.slice(1))) continue;
+		if (maskedOver(tokenStart, tokenStart + label.length)) continue;
 		ranges.push({
 			start: tokenStart,
 			end: tokenStart + label.length,
@@ -5564,27 +6867,37 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 	let cursor = 0;
 	const pushPlain = (from, to) => {
 		parts.push(jsx("span", {
-			className: css$23.plainRun,
+			className: css$27.plainRun,
 			children: text.slice(from, to)
 		}, `t${from}`));
 	};
 	for (const range of ranges) {
 		if (range.start < cursor) continue;
-		const { start: tokenStart, end, label, kind } = range;
+		const { start: tokenStart, end } = range;
 		if (tokenStart > cursor) pushPlain(cursor, tokenStart);
+		if (range.kind === "secret") {
+			parts.push(jsx(SecretText, {
+				masked: range.masked,
+				raw: text.slice(tokenStart, end),
+				labels: secretLabels
+			}, `sec${tokenStart}`));
+			cursor = end;
+			continue;
+		}
+		const { label, kind } = range;
 		const referenceKind = kind === "session" ? "session" : label.startsWith("@") ? label.replace(/^@"|"$/gu, "").endsWith("/") ? "folder" : "file" : void 0;
 		const displayLabel = range.display ?? (referenceKind === void 0 ? label : referenceKind === "session" ? label.slice(1) : label.slice(1).replace(/^"|"$/gu, "").split(/[\\/]/u).filter(Boolean).at(-1) ?? label.slice(1));
 		const contents = jsxs(Fragment, { children: [referenceKind !== void 0 && jsx(ReferenceIcon, {
 			kind: referenceKind,
 			size: 16,
-			className: css$23.refIcon
+			className: css$27.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$23.refChip, referenceKind === void 0 && css$23.slashChip);
+		const className = clsx(css$27.refChip, referenceKind === void 0 && css$27.slashChip);
 		parts.push(open === void 0 ? jsx("span", {
 			className,
 			"data-ref-chip": referenceKind ?? slashKind,
@@ -5604,7 +6917,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		cursor = end;
 	}
 	if (parts.length === 0) return jsx("span", {
-		className: css$23.plainRun,
+		className: css$27.plainRun,
 		children: text
 	});
 	if (cursor < text.length) pushPlain(cursor, text.length);
@@ -5663,22 +6976,22 @@ function Toast({ text, icon, tone, anchor, holdMs = HOLD_MS, onDone }) {
 		};
 	}, [anchor]);
 	return createPortal(jsxs("div", {
-		className: css$24.toast,
+		className: css$28.toast,
 		role: "alert",
 		style: {
 			...left === null ? {} : { left },
 			"--qilin-toast-hold": `${String(holdMs)}ms`
 		},
 		children: [tone === "success" ? jsx("span", {
-			className: `${css$24.icon} ${css$24.success}`,
+			className: `${css$28.icon} ${css$28.success}`,
 			"aria-hidden": true,
 			children: jsx(IconCheckOutline16, {})
 		}) : icon !== void 0 && jsx("span", {
-			className: css$24.icon,
+			className: css$28.icon,
 			"aria-hidden": true,
 			children: icon
 		}), jsx("span", {
-			className: css$24.text,
+			className: css$28.text,
 			children: text
 		})]
 	}), document.body);
@@ -5972,7 +7285,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$29.copySlot,
 		children: (persistent || snapshot !== void 0) && jsx(Menu, {
 			open: snapshot?.menuOpen === true,
 			compact: true,
@@ -5981,7 +7294,7 @@ function JsonCopyAction({ store, target, persistent, labels, onCopy, onClose })
 			anchor: jsx("button", {
 				ref: buttonRef,
 				type: "button",
-				className: css$25.actionButton,
+				className: css$29.actionButton,
 				"data-json-copy-button": true,
 				"data-state": state,
 				"aria-label": copyTitle,
@@ -6020,35 +7333,35 @@ function bracketOf(value) {
 }
 function previewPrimitive(value) {
 	if (value === null) return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$29.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$25.stringValue,
+		className: css$29.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$25.numberValue,
+		className: css$29.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$29.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: value.toString()
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: "undefined"
 	});
 	if (typeof value === "symbol") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: value.description ?? "Symbol"
 	});
 	if (typeof value === "function") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: value.name || "Function"
 	});
 	return null;
@@ -6062,71 +7375,71 @@ function previewValue(value, depth) {
 	const [open, close] = bracketOf(value);
 	return jsxs(Fragment, { children: [
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$29.punctuation,
 			children: open
 		}),
 		depth >= PREVIEW_DEPTH_LIMIT ? jsx("span", {
-			className: css$25.previewEllipsis,
+			className: css$29.previewEllipsis,
 			children: "…"
 		}) : visible.map(([key, item], index) => jsxs("span", { children: [
 			index > 0 && jsx("span", {
-				className: css$25.punctuation,
+				className: css$29.punctuation,
 				children: ", "
 			}),
 			!array && jsxs(Fragment, { children: [jsx("span", {
-				className: css$25.previewProperty,
+				className: css$29.previewProperty,
 				children: key
 			}), jsx("span", {
-				className: css$25.punctuation,
+				className: css$29.punctuation,
 				children: ": "
 			})] }),
 			previewValue(item, depth + 1)
 		] }, key)),
 		depth < PREVIEW_DEPTH_LIMIT && entries.length > limit && jsx("span", {
-			className: css$25.previewEllipsis,
+			className: css$29.previewEllipsis,
 			children: ", …"
 		}),
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$29.punctuation,
 			children: close
 		})
 	] });
 }
 function primitiveValue(value) {
 	if (value === null) return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$29.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$25.stringValue,
+		className: css$29.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$25.keywordValue,
+		className: css$29.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$25.numberValue,
+		className: css$29.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$25.numberValue,
+		className: css$29.numberValue,
 		children: `${value.toString()}n`
 	});
 	if (value instanceof Date) return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: value.toISOString()
 	});
 	if (typeof value === "function") return jsxs("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: ["function() ", "{ }"]
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: "undefined"
 	});
 	return jsx("span", {
-		className: css$25.otherValue,
+		className: css$29.otherValue,
 		children: value.toString()
 	});
 }
@@ -6154,7 +7467,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$29.label, expandable && css$29.clickableLabel),
 		onClick: expandable ? onToggle : void 0,
 		children: [fieldText(field), ":"]
 	});
@@ -6191,7 +7504,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$29.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;
@@ -6220,33 +7533,33 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 	if (expanded) {
 		const fieldId = `${contentsId}-field`;
 		return jsxs("div", {
-			className: css$25.stringField,
+			className: css$29.stringField,
 			"data-expanded": true,
 			children: [
 				field !== void 0 && jsxs("span", {
 					id: fieldId,
-					className: css$25.label,
+					className: css$29.label,
 					children: [fieldText(field), ":"]
 				}),
 				jsx("pre", {
 					ref: rawRef,
 					id: contentsId,
-					className: css$25.stringRaw,
+					className: css$29.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$29.punctuation,
 					children: ","
 				}),
 				jsxs("div", {
-					className: css$25.stringActions,
+					className: css$29.stringActions,
 					children: [
 						stringWrapping !== void 0 && jsx("button", {
 							type: "button",
-							className: css$25.actionButton,
+							className: css$29.actionButton,
 							"aria-label": stringWrapping.label,
 							title: stringWrapping.label,
 							"aria-pressed": wrapped,
@@ -6260,7 +7573,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 						}),
 						jsx("button", {
 							type: "button",
-							className: css$25.actionButton,
+							className: css$29.actionButton,
 							"aria-label": labels.collapseNode,
 							title: labels.collapseNode,
 							"aria-expanded": true,
@@ -6286,18 +7599,18 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		});
 	}
 	return jsxs(Fragment, { children: [renderCopy?.(), jsx("span", {
-		className: css$25.stringField,
+		className: css$29.stringField,
 		"data-expanded": expanded,
 		children: jsxs("span", {
 			ref: contentRef,
 			id: contentsId,
-			className: css$25.stringText,
+			className: css$29.stringText,
 			children: [
 				truncated && jsx("span", {
-					className: css$25.stringToggleSlot,
+					className: css$29.stringToggleSlot,
 					children: jsxs("button", {
 						type: "button",
-						className: css$25.stringToggle,
+						className: css$29.stringToggle,
 						"aria-label": labels.expandNode,
 						"aria-expanded": false,
 						"aria-controls": contentsId,
@@ -6312,12 +7625,12 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 					})
 				}),
 				field !== void 0 && jsxs("span", {
-					className: css$25.label,
+					className: css$29.label,
 					children: [fieldText(field), ":"]
 				}),
 				primitiveValue(value),
 				!lastElement && jsx("span", {
-					className: css$25.punctuation,
+					className: css$29.punctuation,
 					children: ","
 				})
 			]
@@ -6348,7 +7661,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}
 	};
 	const row = (children, ariaExpanded) => jsxs("div", {
-		className: css$25.row,
+		className: css$29.row,
 		role: "treeitem",
 		"aria-expanded": ariaExpanded,
 		onMouseOver: (event) => {
@@ -6383,7 +7696,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}),
 		primitiveValue(value),
 		!lastElement && jsx("span", {
-			className: css$25.punctuation,
+			className: css$29.punctuation,
 			children: ","
 		})
 	] }));
@@ -6395,22 +7708,22 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onToggle: toggle
 		}),
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$29.punctuation,
 			children: open
 		}),
 		jsx("span", {
-			className: css$25.punctuation,
+			className: css$29.punctuation,
 			children: close
 		}),
 		!lastElement && jsx("span", {
-			className: css$25.punctuation,
+			className: css$29.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$29.expander, expanded ? css$29.collapseIcon : css$29.expandIcon),
 			"data-json-expander": true,
 			role: "button",
 			"aria-label": expanded ? labels.collapseNode : labels.expandNode,
@@ -6424,7 +7737,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onKeyDown: onExpanderKeyDown
 		}),
 		jsxs("span", {
-			className: css$25.summary,
+			className: css$29.summary,
 			children: [
 				jsx(NodeField, {
 					field,
@@ -6432,11 +7745,11 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 					onToggle: toggle
 				}),
 				jsx("span", {
-					className: css$25.preview,
+					className: css$29.preview,
 					children: previewValue(value, 0)
 				}),
 				!lastElement && jsx("span", {
-					className: css$25.punctuation,
+					className: css$29.punctuation,
 					children: ","
 				})
 			]
@@ -6444,7 +7757,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		expanded && jsx("ul", {
 			id: contentsId,
 			role: "group",
-			className: css$25.children,
+			className: css$29.children,
 			children: entries.map(([key, item], index) => jsx(JsonTreeNode, {
 				collapsedStringLines,
 				stringWrapping,
@@ -6576,17 +7889,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$29.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$29.expandedTopLevel,
 			children: [
 				jsxs("div", {
-					className: clsx(css$25.row, css$25.topLevelBracket),
+					className: clsx(css$29.row, css$29.topLevelBracket),
 					"data-json-root-row": true,
 					onMouseOver: (event) => {
 						event.stopPropagation();
@@ -6599,13 +7912,13 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 						path: [],
 						value: data
 					}), jsx("span", {
-						className: css$25.punctuation,
+						className: css$29.punctuation,
 						children: rootOpen
 					})]
 				}),
 				jsx("div", {
 					"aria-label": label,
-					className: clsx(css$25.container, css$25.expandedTopLevelContainer),
+					className: clsx(css$29.container, css$29.expandedTopLevelContainer),
 					role: "tree",
 					children: rootEntries.map(([key, value], index) => jsx(JsonTreeNode, {
 						collapsedStringLines,
@@ -6623,16 +7936,16 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 					}, key))
 				}),
 				jsx("div", {
-					className: clsx(css$25.row, css$25.topLevelBracket),
+					className: clsx(css$29.row, css$29.topLevelBracket),
 					children: jsx("span", {
-						className: css$25.punctuation,
+						className: css$29.punctuation,
 						children: rootClose
 					})
 				})
 			]
 		}) : jsx("div", {
 			"aria-label": label,
-			className: css$25.container,
+			className: css$29.container,
 			role: "tree",
 			children: jsx(JsonTreeNode, {
 				collapsedStringLines,
@@ -7148,7 +8461,7 @@ function renderLine$1(line) {
 * @param props - see {@link TerminalBlockProps}.
 * @returns the terminal block element.
 */
-function TerminalBlock({ command, cwd, home, output, exitCode, signal, running = false, maxLines = 16, className, labels }) {
+function TerminalBlock({ command, cwd, home, output, exitCode, signal, running = false, background = false, maxLines = 16, className, labels }) {
 	const copy = labels;
 	const text = output ?? "";
 	const lines = useMemo(() => {
@@ -7161,40 +8474,41 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 	const onToggle = useCallback(() => {
 		setExpanded((value) => !value);
 	}, []);
-	const status = statusText(exitCode, signal, copy);
+	const status = background ? void 0 : statusText(exitCode, signal, copy);
 	const state = runState(running, exitCode, signal, copy);
+	const showState = !background || running;
 	const commandLines = useMemo(() => {
 		return (command.endsWith("\n") ? command.slice(0, -1) : command).split("\n");
 	}, [command]);
 	const empty = lines.every((line) => line.every((span) => span.text.trim() === ""));
 	const { hidden, capped, headLines, tailLines } = headTailCap(lines.length, maxLines, expanded);
-	const body = !running || !empty;
+	const body = !background && (!running || !empty);
 	return jsxs("div", {
-		className: clsx(css$26.block, className),
+		className: clsx(css$30.block, className),
 		"data-terminal": "",
 		"data-running": running ? "" : void 0,
 		"data-body": body ? "" : void 0,
 		children: [jsxs("div", {
-			className: css$26.header,
+			className: css$30.header,
 			children: [
 				jsxs("div", {
-					className: css$26.prompt,
-					children: [jsx("span", {
-						className: css$26.runStateLabel,
+					className: css$30.prompt,
+					children: [showState && jsx("span", {
+						className: css$30.runStateLabel,
 						children: state.label
 					}), commandLines.map((line, index) => jsxs("div", {
-						className: css$26.promptLine,
+						className: css$30.promptLine,
 						children: [
-							index === 0 && jsx(StateDot, {
+							index === 0 && showState && jsx(StateDot, {
 								state: state.state,
-								className: css$26.runState
+								className: css$30.runState
 							}),
 							jsx("span", {
-								className: css$26.cwd,
+								className: css$30.cwd,
 								children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home)
 							}),
 							jsx(CommandText, {
-								className: css$26.command,
+								className: css$30.command,
 								text: line,
 								label: copy.commandLine(index + 1)
 							})
@@ -7202,36 +8516,36 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 					}, index))]
 				}),
 				status !== void 0 && jsx(Pill, {
-					className: css$26.status,
+					className: css$30.status,
 					children: status
 				}),
-				!running && !empty && jsx("button", {
+				!background && !running && !empty && jsx("button", {
 					type: "button",
-					className: css$26.copyButton,
+					className: css$30.copyButton,
 					onClick: onCopy,
 					children: copied ? copy.copied : copy.copy
 				})
 			]
 		}), body && (empty ? jsx("div", {
-			className: css$26.empty,
+			className: css$30.empty,
 			children: copy.noOutput
 		}) : jsxs("div", {
-			className: css$26.output,
+			className: css$30.output,
 			children: [
 				(capped ? lines.slice(0, headLines) : lines).map((line, index) => jsx("div", {
-					className: css$26.line,
+					className: css$30.line,
 					children: renderLine$1(line)
 				}, index)),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$26.expand,
+					className: css$30.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$30.line,
 					children: renderLine$1(line)
 				}, index))
 			]
@@ -7819,51 +9133,51 @@ 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$31.line,
 		children: [jsx("span", {
-			className: css$27.gutter,
+			className: css$31.gutter,
 			"aria-hidden": true,
 			children: line.number
 		}), jsx("span", {
-			className: css$27.content,
+			className: css$31.content,
 			children: spans === void 0 ? line.text : renderSpans(spans)
 		})]
 	}, line.number));
 	const paired = lines.map((line, index) => [line, highlighted?.[index]]);
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$27.block, className),
+		className: clsx(css$31.block, className),
 		"data-read": "",
 		children: [jsxs("div", {
-			className: css$27.banner,
+			className: css$31.banner,
 			children: [jsx("div", {
-				className: css$27.label,
+				className: css$31.label,
 				children: label ?? ""
 			}), jsxs("div", {
-				className: css$27.action,
+				className: css$31.action,
 				children: [
 					windowed && jsx("span", {
-						className: css$27.count,
+						className: css$31.count,
 						children: labels.window(lines.length, totalLines)
 					}),
 					jsx("span", {
-						className: css$27.lang,
+						className: css$31.lang,
 						children: lang ?? ""
 					}),
 					lines.length > 0 && jsx("button", {
 						type: "button",
-						className: css$27.copyButton,
+						className: css$31.copyButton,
 						onClick: onCopy,
 						children: copied ? labels.copied : labels.copy
 					})
 				]
 			})]
 		}), jsxs("div", {
-			className: css$27.body,
+			className: css$31.body,
 			children: [
 				rows(capped ? paired.slice(0, headLines) : paired),
 				hidden > 0 && jsx(FoldToggle, {
-					className: css$27.expand,
+					className: css$31.expand,
 					expanded,
 					hidden,
 					labels,
@@ -7885,11 +9199,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$32.path,
+	del: css$32.del,
+	add: css$32.add,
+	context: css$32.context,
+	gap: css$32.gap
 };
 /** Bound synchronous edit-graph search; one replacement consumes two edits. */
 const MAX_DIFF_EDIT_LENGTH = 256;
@@ -8027,37 +9341,37 @@ 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(css$28.block, className),
+		className: clsx(css$32.block, className),
 		"data-diff": "",
 		children: [
 			jsx("button", {
 				type: "button",
-				className: css$28.copyButton,
+				className: css$32.copyButton,
 				onClick: onCopy,
 				children: copied ? labels.copied : labels.copy
 			}),
 			jsxs("div", {
-				className: css$28.body,
+				className: css$32.body,
 				children: [
 					head.map((row, index) => jsx("div", {
-						className: clsx(css$28.line, ROW_CLASS[row.kind]),
+						className: clsx(css$32.line, ROW_CLASS[row.kind]),
 						children: row.text
 					}, index)),
 					hidden > 0 && jsx(FoldToggle, {
-						className: css$28.expand,
+						className: css$32.expand,
 						expanded,
 						hidden,
 						labels,
 						onToggle
 					}),
 					tail.map((row, index) => jsx("div", {
-						className: clsx(css$28.line, ROW_CLASS[row.kind]),
+						className: clsx(css$32.line, ROW_CLASS[row.kind]),
 						children: row.text
 					}, index))
 				]
 			}),
 			jsxs("div", {
-				className: css$28.footer,
+				className: css$32.footer,
 				children: [
 					"└ +",
 					added,
@@ -8193,56 +9507,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$33.line,
 			children: row.path
 		});
 		if (row.type === "match") return jsxs("div", {
-			className: css$29.line,
+			className: css$33.line,
 			children: [jsxs("span", {
-				className: css$29.lineNumber,
+				className: css$33.lineNumber,
 				children: [row.lineNumber, ": "]
 			}), row.line]
 		});
 		return jsxs("button", {
 			type: "button",
-			className: css$29.fileHeader,
+			className: css$33.fileHeader,
 			"aria-expanded": !row.collapsed,
 			onClick: () => {
 				toggleFile(row.index);
 			},
 			children: [jsx("span", {
-				className: css$29.filePath,
+				className: css$33.filePath,
 				children: row.path
 			}), jsx("span", {
-				className: css$29.fileCount,
+				className: css$33.fileCount,
 				children: row.count
 			})]
 		});
 	};
 	return jsxs("div", {
-		className: clsx(css$29.block, className),
+		className: clsx(css$33.block, className),
 		"data-search": props.kind,
 		children: [jsxs("div", {
-			className: css$29.header,
+			className: css$33.header,
 			children: [jsx("span", {
-				className: css$29.summary,
+				className: css$33.summary,
 				children: summaryText(props, shown, truncated, total)
 			}), !empty && jsx("button", {
 				type: "button",
-				className: css$29.copyButton,
+				className: css$33.copyButton,
 				onClick: onCopy,
 				children: copied ? props.labels.copied : props.labels.copy
 			})]
 		}), empty ? jsx("div", {
-			className: css$29.empty,
+			className: css$33.empty,
 			children: props.labels.noResults
 		}) : jsxs("div", {
-			className: css$29.body,
+			className: css$33.body,
 			children: [
 				head.map((row) => jsx("div", { children: renderRow(row) }, rowKey(row))),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$29.expand,
+					className: css$33.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? props.labels.collapseAria : props.labels.expandAria(hidden),
 					onClick: onToggle,
@@ -9070,7 +10384,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$34.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
@@ -9078,22 +10392,22 @@ 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, className),
+		className: clsx(css$34.block, "md-code-block", lineNumbers && css$34.numbered, className),
 		"data-line-numbers": lineNumbers || void 0,
 		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$34.bannerWrap,
 			children: jsxs("div", {
-				className: css$30.banner,
+				className: css$34.banner,
 				"data-code-block-banner": true,
 				children: [jsx("div", {
-					className: css$30.infostring,
+					className: css$34.infostring,
 					children: lang ?? ""
 				}), jsx("div", {
-					className: css$30.action,
+					className: css$34.action,
 					children: jsx("button", {
 						type: "button",
-						className: css$30.copyButton,
+						className: css$34.copyButton,
 						onClick: onCopy,
 						children: copied ? copiedLabel : copyLabel
 					})
@@ -9101,7 +10415,7 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 			})
 		}), jsx("div", {
 			ref: contentRef,
-			className: css$30.content,
+			className: css$34.content,
 			"data-code-block-content": true,
 			children: body
 		})]
@@ -9252,15 +10566,15 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 		};
 	}, [code, domId]);
 	if (state.status === "loading") return jsx("div", {
-		className: css$31.stage,
+		className: css$35.stage,
 		"data-mermaid-loading": true,
 		"aria-hidden": "true"
 	});
 	if (state.status === "error") return jsxs("div", {
-		className: css$31.error,
+		className: css$35.error,
 		role: "alert",
 		children: [jsx("span", {
-			className: css$31.errorLine,
+			className: css$35.errorLine,
 			children: state.message
 		}), jsx(CodeBlock, {
 			code: `${code}\n`,
@@ -9269,7 +10583,7 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 		})]
 	});
 	const stage = jsx("div", {
-		className: css$31.stage,
+		className: css$35.stage,
 		"data-mermaid-diagram": true,
 		dangerouslySetInnerHTML: { __html: state.svg },
 		onClick: () => {
@@ -9284,13 +10598,13 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 	});
 	if (zoom === null) return stage;
 	return jsxs(Fragment, { children: [stage, createPortal(jsx("div", {
-		className: css$31.zoomOverlay,
+		className: css$35.zoomOverlay,
 		onClick: () => {
 			setZoom(null);
 		},
 		role: "presentation",
 		children: jsx("div", {
-			className: css$31.zoomStage,
+			className: css$35.zoomStage,
 			dangerouslySetInnerHTML: { __html: zoom },
 			onClick: (event) => {
 				event.stopPropagation();
@@ -9483,31 +10797,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$36.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(IconCloseOutline16, { size: 16 })
-			})
-		]
+		children: jsxs("div", {
+			className: css$36.stage,
+			children: [
+				jsx("div", {
+					className: css$36.mask,
+					"aria-hidden": "true",
+					onMouseDown: onClose
+				}),
+				jsx("img", {
+					className: css$36.image,
+					src,
+					alt
+				}),
+				jsx("button", {
+					ref: closeRef,
+					type: "button",
+					className: css$36.close,
+					"aria-label": labels.close,
+					onClick: onClose,
+					children: jsx(IconCloseOutline16, { size: 16 })
+				})
+			]
+		})
 	}), document.body);
 }
 //#endregion
@@ -9529,14 +10846,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$37.frame,
 		children: [state !== "failed" && jsx("img", {
 			src,
 			alt,
 			loading: "lazy",
 			decoding: "async",
 			referrerPolicy: "no-referrer",
-			className: css$33.image,
+			className: css$37.image,
 			"data-ready": state === "ready" || void 0,
 			onLoad: () => {
 				setState("ready");
@@ -9545,7 +10862,7 @@ function Preview({ src, alt, loadingLabel, failedLabel }) {
 				setState("failed");
 			}
 		}), state !== "ready" && jsxs("span", {
-			className: css$33.status,
+			className: css$37.status,
 			role: "status",
 			children: [state === "loading" && jsx(IconLoadingOutline16, { size: 16 }), jsx("span", { children: state === "loading" ? loadingLabel : failedLabel })]
 		})]
@@ -10316,7 +11633,7 @@ function SafeLink({ url, label, className }) {
 		children: [jsx(LinkIcon, {
 			kind: "url",
 			href,
-			className: css$34.linkIcon
+			className: css$38.linkIcon
 		}), label]
 	});
 }
@@ -10331,20 +11648,20 @@ function SafeLink({ url, label, className }) {
 */
 function SourceItem({ source, ordinal }) {
 	return jsxs("li", {
-		className: css$34.source,
+		className: css$38.source,
 		value: ordinal,
 		children: [
 			jsx(SafeLink, {
 				url: source.url,
 				label: linkLabel(source.url, source.title),
-				className: css$34.sourceLink
+				className: css$38.sourceLink
 			}),
 			source.snippet !== void 0 && source.snippet !== "" && jsx("div", {
-				className: css$34.snippet,
+				className: css$38.snippet,
 				children: source.snippet
 			}),
 			source.publishedAt !== void 0 && source.publishedAt !== "" && jsx("div", {
-				className: css$34.published,
+				className: css$38.published,
 				children: source.publishedAt
 			})
 		]
@@ -10359,28 +11676,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$38.block, className),
 		"data-web": "search",
 		children: [
 			answer !== void 0 && answer !== "" && jsx("div", {
-				className: css$34.answer,
+				className: css$38.answer,
 				children: jsx(MarkdownText, {
 					text: answer,
 					labels: labels.markdown
 				})
 			}),
 			empty ? jsx("div", {
-				className: css$34.empty,
+				className: css$38.empty,
 				children: labels.noResults
 			}) : jsx("ol", {
-				className: css$34.sources,
+				className: css$38.sources,
 				children: sources.map((source, index) => jsx(SourceItem, {
 					source,
 					ordinal: index + 1
 				}, index))
 			}),
 			truncated && jsx("div", {
-				className: css$34.truncated,
+				className: css$38.truncated,
 				children: labels.sourcesTruncated
 			})
 		]
@@ -10393,23 +11710,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$38.block, css$38.fetch, className),
 		"data-web": "fetch",
 		children: [jsx(SafeLink, {
 			url,
 			label: url,
-			className: css$34.fetchUrl
+			className: css$38.fetchUrl
 		}), jsxs("div", {
-			className: css$34.fetchMeta,
+			className: css$38.fetchMeta,
 			children: [jsxs("span", {
-				className: css$34.status,
+				className: css$38.status,
 				children: [
 					labels.http,
 					" ",
 					statusCode
 				]
 			}), truncated && jsx("span", {
-				className: css$34.truncated,
+				className: css$38.truncated,
 				children: labels.contentTruncated
 			})]
 		})]
@@ -10443,10 +11760,10 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 		truncatedLabel
 	]);
 	return jsxs("div", {
-		className: css$35.root,
+		className: css$39.root,
 		children: [jsxs("button", {
 			type: "button",
-			className: css$35.toggle,
+			className: css$39.toggle,
 			onClick: () => {
 				setOpen((v) => !v);
 			},
@@ -10456,7 +11773,7 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 				label
 			]
 		}), open && jsx("pre", {
-			className: css$35.body,
+			className: css$39.body,
 			children: body
 		})]
 	});
@@ -10546,17 +11863,17 @@ function MenuGroup({ label, children }) {
 		role: "group",
 		"aria-labelledby": headingId,
 		"data-menu-group": "",
-		className: css$36.group,
+		className: css$40.group,
 		children: [
 			jsx("span", {
 				"aria-hidden": "true",
 				"data-menu-group-start": "",
-				className: css$36.start
+				className: css$40.start
 			}),
 			jsx("div", {
 				id: headingId,
 				"data-menu-group-heading": "",
-				className: css$36.heading,
+				className: css$40.heading,
 				children: label
 			}),
 			children
@@ -10652,47 +11969,6 @@ function observeStickyMenuGroups(viewport) {
 	};
 }
 //#endregion
-//#region lib/types/MenuSurface.js
-/** Shared menu material and the macOS backing that lets Chromium blur transparent windows. */
-/**
-* Paint a menu and, on macOS, an opaque backing behind the page content within its bounds.
-* CSS anchors keep each backing aligned during placement, resizing, and nested-menu movement.
-* @param props - Div content and placement, and compact geometry.
-* @param ref - The visible menu div, excluding the non-interactive backing.
-* @returns Menu content plus a backing portal removed with the menu.
-*/
-const MenuSurface = forwardRef(function MenuSurface({ compact = false, className, style, children, ...props }, ref) {
-	const id = useId();
-	const backingRef = useRef(null);
-	useLayoutEffect(() => {
-		document.body.appendChild(backingRef.current);
-	}, []);
-	const anchorStyle = { "--dsh-menu-anchor": `--dsh-menu-${id.replaceAll(":", "")}` };
-	return jsxs(Fragment, { children: [jsxs("div", {
-		...props,
-		ref,
-		"data-menu-material": "translucent",
-		className: clsx(css$37.surface, compact && css$37.compact, className),
-		style: {
-			...style,
-			...anchorStyle
-		},
-		children: [jsx("div", {
-			"aria-hidden": "true",
-			className: css$37.material
-		}), children]
-	}), createPortal(jsx("div", {
-		ref: backingRef,
-		"aria-hidden": "true",
-		"data-menu-backing": "",
-		className: clsx(css$37.backing, compact && css$37.compact),
-		style: {
-			...anchorStyle,
-			visibility: style?.visibility
-		}
-	}), document.body)] });
-});
-//#endregion
-export { Button, Checkbox, CodeBlock, CommandText, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DiffBlock, DisclosureRow, FileTypeIcon, HoverCard, IconAgentPresetOutline16, IconAlarmClockOutline16, IconApiOutline14, IconArchiveOutline20, IconBranchOutline16, IconBranchOutline16 as IconBranchOutlineRegular, IconBrowseOutline16, IconCheckOutline14, IconCheckOutline16, IconCheckOutline16 as IconCheckOutlineRegular, IconChecklistOutline14, IconChecklistOutline14 as IconChecklistOutlineRegular, IconChevronDownOutline14, IconChevronDownOutline14 as IconChevronDownOutlineMedium, IconChevronLeftOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconChevronUpOutline14 as IconChevronUpOutlineMedium, IconClockOutline16, IconCloseFill14, IconCloseOutline16, IconCloseOutline16 as IconCloseOutlineRegular, IconCodeOutline16, IconCompactOutline16, IconContextInjectionOutline16, IconCopyOutline16, IconCopyOutline16 as IconCopyOutlineRegular, IconCordisPluginOutline14, IconDarkOutline16, IconDataOutline16, IconDatabaseOutline16, IconDislikeFill16, IconDislikeOutline16, IconDownloadOutline16, IconEditOutline16, IconEllipsisOutline16, IconEnhanceOutline16, IconFolderClose16, IconFolderOpen16, IconFolderOpenOutline16, IconFollowsystemOutline16, IconFullscreenOutline16, IconGaugeOutline16, IconGlobeOutline14, IconGoalOutline16, IconInfoOutline14, IconInspectOutline12, IconLightOutline16, IconLikeFill16, IconLikeOutline16, IconLinkOutline14, IconLinkOutline16, IconListPenOutline16, IconLoadingOutline16, IconLogoutOutline16, IconMicrophoneOutline16, IconNewChatOutline16, IconPanelLeftOutline16, IconPaperPlaneOutline14, IconPaperclipOutline16, IconPauseOutline16, IconPersonalizationOutline16, IconPinFillRegular, IconPinOutlineRegular, IconPlanOutline14, IconPlayOutline16, IconPluginPinwheelOutline16, IconPlusOutline16, IconPlusOutline16 as IconPlusOutlineRegular, IconProjectAddOutline16, IconQuestionOutline14, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline16, IconRightUpOutline14, IconRightUpOutline16, IconSearchOutline16, IconSearchOutline16 as IconSearchOutlineRegular, IconSendOutline14, IconSendOutline16, IconSendOutline16 as IconSendOutlineRegular, IconSettingsOutline14, IconSettingsOutline14 as IconSettingsOutlineMedium, IconSettingsOutline16, IconShareOutline16, IconShieldOutline16, IconSkillOutline16, IconSparkle16, IconStopFill16, IconTerminalOutline16, IconThinkOutline14, IconThinkOutline16, IconTrashOutline16, IconTreeCorner8x10, IconTriangleRightFill14, IconUserOutline16, IconUserOutline16 as IconUserOutlineRegular, IconUsersOutlineRegular, IconWarningOutline16, IconWorkspaceTreeOutlineRegular, IconWrapLinesOutline16, ImageLightbox, Input, JsonBlock, JsonTree, LinkIcon, MarkdownDelegateProvider, MarkdownText, Menu, MenuGroup, MenuItemButton, MenuSurface, Modal, OnboardingSurface, PathLabel, Pill, QilinSeal, ReadBlock, ReferenceIcon, RiskConfirmation, SHIELD_OUTLINE_PATH, SHIELD_OUTLINE_STROKE, SearchBlock, SegmentedControl, SettingsForm, SettingsFormModel, SettingsSecretField, SettingsValueField, ShortcutKeys, StateDot, Switch, Tag, TerminalBlock, TextShimmer, Toast, Tooltip, WebBlock, classifyFileType, classifyLinkPath, closeTopModal, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeRoundedText, fileSizeText, focusWithoutRing, isBehindModal, isDarwinDesktop, modalSelector, observeComposition, observeStickyMenuGroups, overlayTopMargin, projectUserText, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useCopyFeedback, useDismissOnOutsidePointer, useModalLayer, watchDarwinDesktop, writeClipboard };
+export { Button, Checkbox, CodeBlock, CommandText, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DiffBlock, DisclosureRow, FileTypeIcon, HoverCard, IconAgentPresetOutline16, IconAlarmClockOutline16, IconApiOutline14, IconArchiveOutline20, IconBranchOutline16, IconBranchOutline16 as IconBranchOutlineRegular, IconBrowseOutline16, IconCheckCircleFillRegular, IconCheckOutline14, IconCheckOutline16, IconCheckOutline16 as IconCheckOutlineRegular, IconChecklistOutline14, IconChecklistOutline14 as IconChecklistOutlineRegular, IconChevronDownOutline14, IconChevronDownOutline14 as IconChevronDownOutlineMedium, IconChevronDownOutline14 as IconChevronDownOutlineRegular, IconChevronLeftOutline14, IconChevronLeftOutline14 as IconChevronLeftOutlineMedium, IconChevronRightOutline14, IconChevronRightOutline14 as IconChevronRightOutlineRegular, IconChevronUpOutline14, IconChevronUpOutline14 as IconChevronUpOutlineMedium, IconClockOutline16, IconCloseFill14, IconCloseOutline16, IconCloseOutline16 as IconCloseOutlineMedium, IconCloseOutline16 as IconCloseOutlineRegular, IconCodeOutline16, IconCompactOutline16, IconContextInjectionOutline16, IconCopyOutline16, IconCopyOutline16 as IconCopyOutlineRegular, IconCordisPluginOutline14, IconDarkOutline16, IconDataOutline16, IconDatabaseOutline16, IconDislikeFill16, IconDislikeOutline16, IconDownloadOutline16, IconDownloadOutline16 as IconDownloadOutlineRegular, IconEditOutline16, IconEllipsisOutline16, IconEnhanceOutline16, IconFolderClose16, IconFolderOpen16, IconFolderOpenOutline16, IconFollowsystemOutline16, IconFullscreenOutline16, IconGaugeOutline16, IconGlobeOutline14, IconGoalOutline16, IconInfoOutline14, IconInfoOutline14 as IconInfoOutlineRegular, IconInspectOutline12, IconLightOutline16, IconLikeFill16, IconLikeOutline16, IconLinkOutline14, IconLinkOutline16, IconListPenOutline16, IconLoadingOutline16, IconLogoutOutline16, IconMicrophoneOutline16, IconNewChatOutline16, IconPanelLeftOutline16, IconPaperPlaneOutline14, IconPaperclipOutline16, IconPauseOutline16, IconPersonalizationOutline16, IconPinFillRegular, IconPinOutlineRegular, IconPlanOutline14, IconPlayOutline16, IconPluginPinwheelOutline16, IconPluginPinwheelOutline16 as IconPluginPinwheelOutlineRegular, IconPlusOutline16, IconPlusOutline16 as IconPlusOutlineRegular, IconProjectAddOutline16, IconQuestionOutline14, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline14 as IconRefreshOutlineRegular, IconRefreshOutline16, IconRightUpOutline14, IconRightUpOutline16, IconSearchOutline16, IconSearchOutline16 as IconSearchOutlineRegular, IconSendOutline14, IconSendOutline16, IconSendOutline16 as IconSendOutlineRegular, IconSettingsOutline14, IconSettingsOutline14 as IconSettingsOutlineMedium, IconSettingsOutline16, IconShareOutline16, IconShieldOutline16, IconSkillOutline16, IconSlidersTwoOutlineMedium, IconSlidersTwoOutlineRegular, IconSparkle16, IconStopFill16, IconTerminalOutline16, IconThinkOutline14, IconThinkOutline16, IconTrashOutline16, IconTrashOutline16 as IconTrashOutlineRegular, IconTreeCorner8x10, IconTriangleRightFill14, IconUserOutline16, IconUserOutline16 as IconUserOutlineRegular, IconUsersOutlineRegular, IconWarningOutline16, IconWarningOutline16 as IconWarningOutlineRegular, IconWorkspaceTreeOutlineRegular, IconWrapLinesOutline16, ImageLightbox, InlineEditor, Input, JsonBlock, JsonTree, LinkIcon, MarkdownDelegateProvider, MarkdownText, Menu, MenuGroup, MenuItemButton, MenuSurface, Modal, OnboardingSurface, PathLabel, Pill, PluginArtworkDefault, PluginArtworkLoop, PluginArtworkSearch, PluginArtworkSubagent, PluginArtworkTerminal, QilinSeal, ReadBlock, ReferenceIcon, RiskConfirmation, SHIELD_OUTLINE_PATH, SHIELD_OUTLINE_STROKE, SearchBlock, SegmentedControl, SegmentedTabs, SettingsForm, SettingsFormModel, SettingsSecretField, SettingsValueField, ShortcutKeys, StateDot, Switch, Tag, TerminalBlock, TextShimmer, Toast, Tooltip, WebBlock, classifyFileType, classifyLinkPath, closeTopModal, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeRoundedText, fileSizeText, focusWithoutRing, isBehindModal, isDarwinDesktop, modalSelector, observeComposition, observeStickyMenuGroups, overlayTopMargin, pointerModality, projectUserText, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useCopyFeedback, useDismissOnOutsidePointer, useModalLayer, watchDarwinDesktop, writeClipboard };
 
 //# sourceMappingURL=index.js.map