@qilin-agent/client-ui-primitives 3.1.7 → 3.1.8

package/lib/index.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, cloneElement, createContext, createElement, forwardRef, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Component, Fragment as Fragment$1, cloneElement, createContext, createElement, createRef, forwardRef, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import css from "./settings-form/SettingsForm.module.css";
 import clsx from "clsx";
 import css$1 from "./Tag.module.css";
@@ -9,44 +9,48 @@ import css$3 from "./CommandText.module.css";
 import css$4 from "./StateDot.module.css";
 import css$5 from "./TextShimmer.module.css";
 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 "./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 css$7 from "./AnimatedRows.module.css";
+import css$8 from "./RowDragPreview.module.css";
+import css$9 from "./Button.module.css";
+import css$10 from "./Pill.module.css";
+import css$11 from "./SegmentedControl.module.css";
+import css$12 from "./SegmentedTabs.module.css";
+import css$13 from "./Switch.module.css";
+import css$14 from "./Checkbox.module.css";
+import css$15 from "./Input.module.css";
+import css$16 from "./InlineEditor.module.css";
 import { createPortal } from "react-dom";
-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 css$17 from "./ShortcutKeys.module.css";
+import css$18 from "./MenuSurface.module.css";
+import css$19 from "./Tooltip.module.css";
+import css$20 from "./Menu.module.css";
+import css$21 from "./HoverCard.module.css";
+import css$22 from "./Modal.module.css";
+import css$23 from "./OnboardingSurface.module.css";
+import css$24 from "./RiskConfirmation.module.css";
+import css$25 from "./ConnectionIndicator.module.css";
+import css$26 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$25 from "./PathLabel.module.css";
-import css$26 from "./SecretText.module.css";
-import css$27 from "./user-text.module.css";
+import css$27 from "./PathLabel.module.css";
+import css$28 from "./QuotePreview.module.css";
+import css$29 from "./SecretText.module.css";
+import css$30 from "./user-text.module.css";
 import markdownCss from "./markdown/MarkdownText.module.css";
-import css$28 from "./Toast.module.css";
-import css$29 from "./JsonTree.module.css";
+import css$31 from "./Toast.module.css";
+import css$32 from "./UserMessageBubble.module.css";
+import css$33 from "./JsonTree.module.css";
 import Anser from "anser";
-import css$30 from "./TerminalBlock.module.css";
+import css$34 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$31 from "./ReadBlock.module.css";
+import css$35 from "./ReadBlock.module.css";
 import { structuredPatch } from "diff";
-import css$32 from "./DiffBlock.module.css";
-import css$33 from "./SearchBlock.module.css";
+import css$36 from "./DiffBlock.module.css";
+import css$37 from "./SearchBlock.module.css";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { gfmFromMarkdown } from "mdast-util-gfm";
 import { mathFromMarkdown } from "mdast-util-math";
@@ -57,16 +61,19 @@ import { markdownLineEnding, unicodePunctuation } from "micromark-util-character
 import { classifyCharacter } from "micromark-util-classify-character";
 import { codes, constants, types } from "micromark-util-symbol";
 import { factorySpace } from "micromark-factory-space";
+import { decodeString } from "micromark-util-decode-string";
 import { normalizeUri } from "micromark-util-sanitize-uri";
-import css$34 from "./markdown/CodeBlock.module.css";
-import css$35 from "./markdown/mermaid.module.css";
+import css$38 from "./markdown/CodeBlock.module.css";
+import css$39 from "./markdown/mermaid.module.css";
 import katex from "katex";
-import css$36 from "./ImageLightbox.module.css";
-import css$37 from "./ImagePreview.module.css";
+import css$40 from "./ImageLightbox.module.css";
+import css$41 from "./ImagePreview.module.css";
 import "katex/dist/katex.min.css";
-import css$38 from "./WebBlock.module.css";
-import css$39 from "./markdown/JsonBlock.module.css";
-import css$40 from "./MenuGroup.module.css";
+import css$42 from "./WebBlock.module.css";
+import css$43 from "./DetailDocument.module.css";
+import css$44 from "./markdown/JsonBlock.module.css";
+import { CODE_HIGHLIGHT_EXTENSIONS, languageForPath } from "@qilin-agent/util-code-language";
+import css$45 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
@@ -281,6 +288,20 @@ const BrowseOutlineArtwork = ({ size = 16, className, strokeWidth }) => jsxs("sv
 * @param props - Size, optional CSS class, and inherited stroke width.
 * @returns The decorative SVG artwork.
 */
+const DragHandleOutlineArtwork = ({ size = 16, className, strokeWidth }) => jsx("svg", {
+	width: size,
+	height: size,
+	className,
+	viewBox: "0 0 16 16",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	strokeWidth,
+	children: jsx("path", {
+		d: "M4 5h8M4 8h8M4 11h8",
+		stroke: "currentColor"
+	})
+});
 const FolderCloseArtwork = ({ size = 16, className, strokeWidth }) => jsxs("svg", {
 	width: size,
 	height: size,
@@ -1520,6 +1541,40 @@ const IconDownloadOutlineArtwork = ({ size = 16, className, strokeWidth }) => js
 		})
 	]
 });
+const IconSaveOutlineArtwork = ({ size = 16, className, strokeWidth }) => jsxs("svg", {
+	width: size,
+	height: size,
+	className,
+	viewBox: "0 0 16 16",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	strokeWidth,
+	children: [
+		jsx("path", {
+			d: "M2.5 3.5C2.5 2.94772 2.94772 2.5 3.5 2.5H10.7929L13.5 5.20711V12.5C13.5 13.0523 13.0523 13.5 12.5 13.5H3.5C2.94772 13.5 2.5 13.0523 2.5 12.5V3.5Z",
+			stroke: "currentColor"
+		}),
+		jsx("path", {
+			d: "M5 2.5V5.5H10.5V2.5",
+			stroke: "currentColor"
+		}),
+		jsx("path", {
+			d: "M5 13.5V9H11V13.5",
+			stroke: "currentColor"
+		})
+	]
+});
+/** Regular one-pixel IconSaveOutline artwork. */
+const IconSaveOutlineRegular = (props) => jsx(IconSaveOutlineArtwork, {
+	...props,
+	strokeWidth: 1
+});
+/** Medium IconSaveOutline artwork with a 1.3px stroke. */
+const IconSaveOutlineMedium = (props) => jsx(IconSaveOutlineArtwork, {
+	...props,
+	strokeWidth: ICON_MEDIUM_STROKE
+});
 /** Regular one-pixel IconDownloadOutline artwork. */
 const IconDownloadOutlineRegular = (props) => jsx(IconDownloadOutlineArtwork, {
 	...props,
@@ -2252,6 +2307,16 @@ const IconListPenOutlineArtwork = ({ size = 16, className, strokeWidth }) => jsx
 		})
 	]
 });
+/** Regular one-pixel IconDragHandleOutline artwork. */
+const IconDragHandleOutlineRegular = (props) => jsx(DragHandleOutlineArtwork, {
+	...props,
+	strokeWidth: 1
+});
+/** Medium IconDragHandleOutline artwork with a 1.3px stroke. */
+const IconDragHandleOutlineMedium = (props) => jsx(DragHandleOutlineArtwork, {
+	...props,
+	strokeWidth: ICON_MEDIUM_STROKE
+});
 /** Regular one-pixel IconListPenOutline artwork. */
 const IconListPenOutlineRegular = (props) => jsx(IconListPenOutlineArtwork, {
 	...props,
@@ -3883,25 +3948,278 @@ const DisclosureRow = memo(function DisclosureRow({ icon, title, open, expandabl
 	});
 });
 //#endregion
+//#region lib/types/motion.js
+/**
+* Motion preference for the browser-driven animations in this package.
+* Animation owners ask before starting movement, so one query decides the
+* answer for list glides, fades, and marquees alike.
+*/
+/**
+* Whether the platform asked for reduced motion.
+* A platform without the query (Node, a test DOM that implements no matcher)
+* has expressed no preference, so motion stays allowed.
+* @returns true when the reader prefers reduced motion.
+*/
+function prefersReducedMotion() {
+	return typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+//#endregion
+//#region lib/types/AnimatedRows.js
+/** React-commit-driven movement and entry/exit fades for keyed rows. */
+const ROW_FADE_MS = 100;
+const ROW_GLIDE_MS = 200;
+function sameRows(previous, next) {
+	return previous.rowKeys.length === next.rowKeys.length && previous.rowKeys.every((key, index) => key === next.rowKeys[index]);
+}
+function intersects(row, viewport) {
+	return row.bottom > viewport.top && row.top < viewport.bottom && row.right > viewport.left && row.left < viewport.right;
+}
+/**
+* Animates keyed rows only when their rendered membership or order changes.
+* Motion starts after the first pointer or keyboard input inside the mounted list.
+* The parent supplies a positioned container for the inert exit overlay.
+*/
+var AnimatedRows = class extends Component {
+	armed = false;
+	list = createRef();
+	overlay = createRef();
+	movements = /* @__PURE__ */ new Map();
+	exits = /* @__PURE__ */ new Map();
+	getSnapshotBeforeUpdate(previous) {
+		const list = this.list.current;
+		if (!this.armed || sameRows(previous, this.props) || previous.resetKey !== this.props.resetKey || !previous.ready || !this.props.ready || list === null || typeof list.animate !== "function" || prefersReducedMotion()) return null;
+		const viewport = list.getBoundingClientRect();
+		const positions = this.readPositions();
+		const nextKeys = new Set(this.props.rowKeys);
+		const removed = /* @__PURE__ */ new Map();
+		for (const [key, row] of positions) {
+			if (nextKeys.has(key) || !intersects(row.rect, viewport)) continue;
+			const clone = row.element.cloneNode(true);
+			clone.removeAttribute("data-row-key");
+			clone.inert = true;
+			clone.style.paddingInlineStart = getComputedStyle(row.element).paddingInlineStart;
+			removed.set(key, {
+				...row,
+				element: clone
+			});
+		}
+		return {
+			positions,
+			removed
+		};
+	}
+	componentDidUpdate(previous, _state, snapshot) {
+		if (snapshot === null) {
+			if (!sameRows(previous, this.props) || previous.resetKey !== this.props.resetKey || previous.ready !== this.props.ready) this.clear();
+			return;
+		}
+		this.cancelMovements();
+		const list = this.list.current;
+		const overlay = this.overlay.current;
+		const viewport = list.getBoundingClientRect();
+		const origin = overlay.getBoundingClientRect();
+		const positions = this.readPositions();
+		for (const [key, row] of positions) {
+			this.removeExit(key);
+			const previousRow = snapshot.positions.get(key);
+			if (!intersects(row.rect, viewport) && (previousRow === void 0 || !intersects(previousRow.rect, viewport))) continue;
+			if (previousRow === void 0) {
+				this.move(row.element, [{ opacity: 0 }, { opacity: 1 }], ROW_FADE_MS);
+				continue;
+			}
+			const dx = previousRow.rect.left - row.rect.left;
+			const dy = previousRow.rect.top - row.rect.top;
+			if (dx === 0 && dy === 0 && previousRow.opacity === 1) continue;
+			this.move(row.element, [{
+				transform: `translate(${String(dx)}px, ${String(dy)}px)`,
+				opacity: previousRow.opacity
+			}, {
+				transform: "translate(0, 0)",
+				opacity: 1
+			}], ROW_GLIDE_MS);
+		}
+		for (const [key, row] of snapshot.removed) {
+			const { element } = row;
+			this.removeExit(key);
+			Object.assign(element.style, {
+				position: "absolute",
+				margin: "0",
+				transform: "none",
+				boxSizing: "border-box",
+				left: `${String(row.rect.left - origin.left)}px`,
+				top: `${String(row.rect.top - origin.top)}px`,
+				width: `${String(row.rect.width)}px`,
+				height: `${String(row.rect.height)}px`
+			});
+			overlay.append(element);
+			const animation = element.animate([{ opacity: row.opacity }, { opacity: 0 }], {
+				duration: ROW_FADE_MS,
+				easing: "ease-out",
+				fill: "forwards"
+			});
+			this.exits.set(key, {
+				element,
+				animation
+			});
+			animation.onfinish = () => {
+				this.removeExit(key);
+			};
+		}
+	}
+	componentWillUnmount() {
+		this.clear();
+	}
+	readPositions() {
+		const rows = this.list.current.querySelectorAll("[data-row-key]");
+		return new Map(Array.from(rows, (element) => [element.dataset.rowKey, {
+			element,
+			rect: element.getBoundingClientRect(),
+			opacity: this.movements.has(element) ? Number(getComputedStyle(element).opacity) : 1
+		}]));
+	}
+	move(element, keyframes, duration) {
+		const animation = element.animate(keyframes, {
+			duration,
+			easing: "ease-out"
+		});
+		this.movements.set(element, animation);
+		animation.onfinish = () => {
+			this.movements.delete(element);
+			animation.cancel();
+		};
+	}
+	cancelMovements() {
+		for (const animation of this.movements.values()) {
+			animation.onfinish = null;
+			animation.cancel();
+		}
+		this.movements.clear();
+	}
+	removeExit(key) {
+		const exit = this.exits.get(key);
+		if (exit === void 0) return;
+		exit.animation.onfinish = null;
+		exit.animation.cancel();
+		exit.element.remove();
+		this.exits.delete(key);
+	}
+	clear() {
+		this.cancelMovements();
+		for (const key of this.exits.keys()) this.removeExit(key);
+	}
+	render() {
+		return jsxs(Fragment, { children: [jsx("div", {
+			ref: this.list,
+			className: this.props.className,
+			role: this.props.role,
+			"aria-label": this.props.label,
+			onPointerDownCapture: () => {
+				this.armed = true;
+			},
+			onKeyDownCapture: () => {
+				this.armed = true;
+			},
+			children: this.props.children
+		}), jsx("div", {
+			ref: this.overlay,
+			className: css$7.exits,
+			"aria-hidden": "true"
+		})] });
+	}
+};
+//#endregion
+//#region lib/types/useRowDragPreview.js
+/** Offscreen row snapshots for native browser dragging. */
+/**
+* Own a row's inert drag preview until drag end, replacement, or unmount.
+* The offscreen copy keeps WebKit snapshots separate from overlapping panels.
+* The wrapper copies only explicitly requested computed custom properties.
+* Its cloned slot DOM remains in document.body for that lifetime; query live rows
+* within their list to exclude duplicate text and element IDs.
+* @param className - preview background matching the row's surface; WebKit fills
+* transparent snapshot pixels white, including rounded corners.
+* @param inheritedProperties - custom-property names whose computed values the preview needs.
+* Omit to copy none. Keep the list reference stable; replacing it clears the active preview.
+* @returns preview callbacks; cleanup reports whether this row started a drag,
+* even when its preview failed or the row became non-draggable before drag end.
+* Start accepts the source row when a child handle owns the drag event.
+*/
+function useRowDragPreview(className, inheritedProperties) {
+	const current = useRef(null);
+	const dragging = useRef(false);
+	const preview = useMemo(() => {
+		const clear = () => {
+			const wasDragging = dragging.current;
+			dragging.current = false;
+			current.current?.remove();
+			current.current = null;
+			return wasDragging;
+		};
+		return {
+			clear,
+			start: (event, row = event.currentTarget) => {
+				clear();
+				dragging.current = true;
+				const rect = row.getBoundingClientRect();
+				const style = getComputedStyle(row);
+				const copy = row.cloneNode(true);
+				copy.removeAttribute("data-row-key");
+				copy.tabIndex = -1;
+				for (const control of copy.querySelectorAll("button, a[href], input, select, textarea, [tabindex], [contenteditable]")) control.tabIndex = -1;
+				copy.style.color = style.color;
+				copy.style.paddingInlineStart = style.paddingInlineStart;
+				const image = row.ownerDocument.createElement("div");
+				image.className = clsx(css$8.preview, className);
+				image.inert = true;
+				image.setAttribute("aria-hidden", "true");
+				inheritedProperties?.forEach((property) => {
+					image.style.setProperty(property, style.getPropertyValue(property));
+				});
+				Object.assign(image.style, {
+					left: `${String(-rect.width)}px`,
+					width: `${String(rect.width)}px`,
+					height: `${String(rect.height)}px`,
+					font: style.font
+				});
+				image.append(copy);
+				row.ownerDocument.body.append(image);
+				current.current = image;
+				try {
+					event.dataTransfer.setDragImage(image, event.clientX - rect.left, event.clientY - rect.top);
+				} catch (_error) {
+					image.remove();
+					current.current = null;
+				}
+			}
+		};
+	}, [className, inheritedProperties]);
+	useEffect(() => () => {
+		preview.clear();
+	}, [preview]);
+	return preview;
+}
+//#endregion
 //#region lib/types/Button.js
 /**
 * Render a button.
 * @param props.variant - visual family (default 'ghost').
 * @param props.size - 'md' 36px capsule (figma Button) or 'sm' 28px compact.
 * @param props.icon - optional leading 16px icon node.
+* @param ref - native button for focus management and overlay anchors.
 * @returns the button element; native button attributes pass through.
 */
-function Button({ variant = "ghost", size = "md", icon, className, children, ...rest }) {
+const Button = forwardRef(function Button({ variant = "ghost", size = "md", icon, className, children, ...rest }, ref) {
 	return jsxs("button", {
+		ref,
 		type: "button",
-		className: clsx(css$7.button, css$7[variant], css$7[size], className),
+		className: clsx(css$9.button, css$9[variant], css$9[size], className),
 		...rest,
 		children: [icon != null && jsx("span", {
-			className: css$7.icon,
+			className: css$9.icon,
 			children: icon
 		}), children]
 	});
-}
+});
 //#endregion
 //#region lib/types/Pill.js
 /**
@@ -3912,12 +4230,12 @@ function Button({ variant = "ghost", size = "md", icon, className, children, ...
 */
 function Pill({ active = false, className, children, onClick, ...rest }) {
 	if (!onClick) return jsx("span", {
-		className: clsx(css$8.pill, active && css$8.active, className),
+		className: clsx(css$10.pill, active && css$10.active, className),
 		children
 	});
 	return jsx("button", {
 		type: "button",
-		className: clsx(css$8.pill, css$8.interactive, active && css$8.active, className),
+		className: clsx(css$10.pill, css$10.interactive, active && css$10.active, className),
 		onClick,
 		...rest,
 		children
@@ -3982,11 +4300,11 @@ function SegmentedControl({ id, value, options, onChange, label, disabled = fals
 		ref: list,
 		role: "tablist",
 		"aria-label": label,
-		className: clsx(css$9.control, className),
+		className: clsx(css$11.control, className),
 		style: indicator,
 		children: [jsx("span", {
 			"aria-hidden": "true",
-			className: css$9.indicator
+			className: css$11.indicator
 		}), options.map((option) => {
 			const active = option.value === value;
 			return jsx("button", {
@@ -3998,7 +4316,7 @@ function SegmentedControl({ id, value, options, onChange, label, disabled = fals
 				tabIndex: active ? 0 : -1,
 				disabled: disabled || option.disabled === true,
 				title: option.title,
-				className: css$9.tab,
+				className: css$11.tab,
 				onClick: () => {
 					if (!active) onChange(option.value);
 				},
@@ -4018,9 +4336,10 @@ function SegmentedControl({ id, value, options, onChange, label, disabled = fals
 * 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.
+* @param props.size - `sm` draws 30px tabs with a 2px inset (34px tall); the default `md` draws 34px tabs with a 4px inset (42px tall).
 * @returns the tab list, without its panels.
 */
-function SegmentedTabs({ items, value, onChange, label, className }) {
+function SegmentedTabs({ items, value, onChange, label, className, size = "md" }) {
 	const selectedIndex = items.findIndex((item) => item.value === value);
 	const onKeyDown = (event, index) => {
 		let next;
@@ -4050,20 +4369,21 @@ function SegmentedTabs({ items, value, onChange, label, className }) {
 	};
 	return jsxs("div", {
 		role: "tablist",
+		"data-size": size,
 		"aria-label": label,
-		className: clsx(css$10.tabs, className),
+		className: clsx(css$12.tabs, className),
 		style: { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` },
 		children: [jsx("span", {
-			className: css$10.indicator,
+			className: css$12.indicator,
 			"aria-hidden": "true",
 			style: {
-				width: `calc((100% - 8px) / ${items.length})`,
+				width: `calc((100% - 2 * var(--segmented-tabs-inset)) / ${items.length})`,
 				transform: `translateX(${selectedIndex * 100}%)`
 			}
 		}), items.map((item, index) => jsx(Pill, {
 			id: item.id,
 			role: "tab",
-			className: css$10.tab,
+			className: css$12.tab,
 			"aria-selected": value === item.value,
 			"aria-controls": item.panelId,
 			tabIndex: value === item.value ? 0 : -1,
@@ -4297,11 +4617,11 @@ function Switch({ checked, onChange, label, disabled = false, title, className }
 		"aria-label": label,
 		title,
 		disabled,
-		className: clsx(css$11.switch, className),
+		className: clsx(css$13.switch, className),
 		onClick: () => {
 			onChange(!checked);
 		},
-		children: jsx("span", { className: css$11.thumb })
+		children: jsx("span", { className: css$13.thumb })
 	});
 }
 //#endregion
@@ -4319,7 +4639,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$12.checkbox, className),
+		className: clsx(css$14.checkbox, className),
 		title,
 		children: [jsx("input", {
 			type: "checkbox",
@@ -4341,13 +4661,13 @@ function Checkbox({ checked, onChange, label, disabled = false, title, className
 */
 const Input = forwardRef(function Input({ icon, className, ...rest }, ref) {
 	return jsxs("span", {
-		className: clsx(css$13.wrap, className),
+		className: clsx(css$15.wrap, className),
 		children: [icon != null && jsx("span", {
-			className: css$13.icon,
+			className: css$15.icon,
 			children: icon
 		}), jsx("input", {
 			ref,
-			className: css$13.input,
+			className: css$15.input,
 			...rest
 		})]
 	});
@@ -4397,7 +4717,7 @@ function InlineEditor({ value, label, onChange, onSave, onCancel, className }) {
 		ref,
 		autoFocus: true,
 		rows: 1,
-		className: clsx(css$14.editor, className),
+		className: clsx(css$16.editor, className),
 		"aria-label": label,
 		value,
 		onChange: (event) => {
@@ -4412,13 +4732,150 @@ function InlineEditor({ value, label, onChange, onSave, onCancel, className }) {
 /**
 * 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) {
+* @param anchor - the overlay's anchor rect in viewport coordinates. While the
+*   anchor's top edge is visible, the margin never exceeds `anchor.bottom + gap`,
+*   so an overlay opened from a control inside the top strip stays next to it.
+* @param gap - the distance the overlay keeps below `anchor`.
+* @returns the larger of `min` and the frame clearance plus 20px (20px in
+*   fullscreen), capped by a visible `anchor`, but never below `min`.
+*/
+function overlayTopMargin(min, anchor, gap = 0) {
 	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);
+	const cap = anchor !== void 0 && anchor.top >= 0 ? anchor.bottom + gap : Number.POSITIVE_INFINITY;
+	return Math.max(min, Math.min((root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20, cap));
+}
+//#endregion
+//#region lib/types/useAnchoredPosition.js
+/**
+* Synchronous placement for body-portaled panels fixed to the visual viewport.
+*
+* A panel is placed from its anchor's current client rect, and that fact stops
+* being true on scroll, resize, browser zoom, the on-screen keyboard, or an
+* ancestor transform. This owns the whole placement concern: it measures the
+* anchor, keeps the panel inside the visible viewport, publishes the panel's
+* size limits as CSS variables, and tracks the anchor while the panel is open.
+* The placement runs in a layout effect before paint, so the first open frame
+* already carries the final coordinates.
+* @module @qilin-agent/client-ui-primitives/useAnchoredPosition
+*/
+/**
+* Keep a fixed panel aligned and constrained to the visible viewport.
+* Panel CSS consumes `--qilin-anchored-max-width` and
+* `--qilin-anchored-max-height` for its size limits; the legacy
+* `--dsh-anchored-*` names are mirrored while open, so sheets that still read
+* the earlier contract keep their caps.
+* @param options - Open state, element refs, placement, and optional host rect or content change key.
+* @returns Fixed left/top coordinates, or null while closed or awaiting an anchor; the first measurement completes before paint.
+*/
+function useAnchoredPosition(options) {
+	const { open, anchorRef, panelRef, side = "bottom", align = "start", gap, margin, getAnchorRect, layoutKey, minWidthFromAnchor = false, frameClearance = true } = options;
+	const [position, setPosition] = useState(null);
+	useLayoutEffect(() => {
+		if (!open) {
+			setPosition(null);
+			return;
+		}
+		const anchor = anchorRef.current;
+		const panel = panelRef.current;
+		if (anchor === null || panel === null) return;
+		const win = anchor.ownerDocument.defaultView;
+		if (win === null) return;
+		const viewport = win.visualViewport;
+		const visualOrigin = typeof win.CSS !== "undefined" && win.CSS.supports("-webkit-backdrop-filter", "none");
+		const previous = [
+			"--qilin-anchored-max-width",
+			"--qilin-anchored-max-height",
+			"--dsh-anchored-max-width",
+			"--dsh-anchored-max-height",
+			...minWidthFromAnchor ? ["min-width"] : []
+		].map((name) => [
+			name,
+			panel.style.getPropertyValue(name),
+			panel.style.getPropertyPriority(name)
+		]);
+		let active = true;
+		let lastRect = null;
+		const readRect = () => getAnchorRect === void 0 ? anchor.getBoundingClientRect() : getAnchorRect();
+		const place = (rect) => {
+			lastRect = rect === null ? null : {
+				x: rect.x,
+				y: rect.y,
+				width: rect.width,
+				height: rect.height
+			};
+			let next = null;
+			if (rect !== null) {
+				const x = viewport?.offsetLeft ?? 0;
+				const y = viewport?.offsetTop ?? 0;
+				const width = viewport?.width ?? (anchor.ownerDocument.documentElement.clientWidth || win.innerWidth);
+				const height = viewport?.height ?? (anchor.ownerDocument.documentElement.clientHeight || win.innerHeight);
+				const topMargin = frameClearance ? overlayTopMargin(margin, rect, gap) : margin;
+				const maxWidth = Math.max(0, width - margin * 2);
+				const maxHeight = Math.max(0, height - topMargin - margin);
+				panel.style.setProperty("--qilin-anchored-max-width", `${maxWidth}px`);
+				panel.style.setProperty("--qilin-anchored-max-height", `${maxHeight}px`);
+				panel.style.setProperty("--dsh-anchored-max-width", `${maxWidth}px`);
+				panel.style.setProperty("--dsh-anchored-max-height", `${maxHeight}px`);
+				if (minWidthFromAnchor) panel.style.minWidth = `${Math.min(rect.width, maxWidth)}px`;
+				const panelWidth = panel.offsetWidth;
+				const panelHeight = panel.offsetHeight;
+				const offsetX = visualOrigin ? x : 0;
+				const offsetY = visualOrigin ? y : 0;
+				const left = offsetX + (side === "right" ? rect.right + gap : align === "end" ? rect.right - panelWidth : rect.left);
+				const top = offsetY + (side === "right" ? rect.top : side === "top" ? rect.top - gap - panelHeight : rect.bottom + gap);
+				next = {
+					left: Math.max(x + margin, Math.min(left, x + width - margin - panelWidth)),
+					top: Math.max(y + topMargin, Math.min(top, y + height - margin - panelHeight))
+				};
+			}
+			setPosition((current) => current?.left === next?.left && current?.top === next?.top ? current : next);
+		};
+		const update = () => {
+			if (!active) return;
+			place(readRect());
+		};
+		update();
+		win.addEventListener("scroll", update, true);
+		win.addEventListener("resize", update);
+		viewport?.addEventListener("scroll", update);
+		viewport?.addEventListener("resize", update);
+		const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+		observer?.observe(anchor);
+		observer?.observe(panel);
+		let frame = 0;
+		const track = () => {
+			if (!active) return;
+			const rect = readRect();
+			if (rect?.x !== lastRect?.x || rect?.y !== lastRect?.y || rect?.width !== lastRect?.width || rect?.height !== lastRect?.height) place(rect);
+			frame = win.requestAnimationFrame(track);
+		};
+		frame = win.requestAnimationFrame(track);
+		return () => {
+			active = false;
+			win.cancelAnimationFrame(frame);
+			observer?.disconnect();
+			win.removeEventListener("scroll", update, true);
+			win.removeEventListener("resize", update);
+			viewport?.removeEventListener("scroll", update);
+			viewport?.removeEventListener("resize", update);
+			for (const [name, value, priority] of previous) panel.style.setProperty(name, value, priority);
+		};
+	}, [
+		open,
+		anchorRef,
+		panelRef,
+		side,
+		align,
+		gap,
+		margin,
+		getAnchorRect,
+		layoutKey,
+		minWidthFromAnchor,
+		frameClearance
+	]);
+	return position;
 }
 /**
 * Delay a pointer-dismissed popup's close so the pointer can cross the gap
@@ -4494,7 +4951,7 @@ function observeComposition(document) {
 }
 //#endregion
 //#region lib/types/focus.js
-/** Focus presentation for automatic entry and restoration. */
+/** Focus presentation for automatic entry and restoration, plus device input shape. */
 const releases = /* @__PURE__ */ new WeakMap();
 const navigationKeys = new Set([
 	"Tab",
@@ -4530,6 +4987,21 @@ function focusWithoutRing(element, options) {
 	element.focus(options);
 	if (!element.matches(":focus")) release();
 }
+/** Cached answer for mobile-device detection: one browser viewport has one answer. */
+let mobileDevice;
+/**
+* Whether this browser runs on a touch-first mobile device.
+*
+* The answer is cached, so a caller must not expect it to follow a viewport
+* resize. It drives input-shape choices only; layout reacts to container width.
+* @returns `true` on a mobile browser, `false` on a desktop one.
+*/
+function isMobileDevice() {
+	if (mobileDevice !== void 0) return mobileDevice;
+	const { userAgent, platform, maxTouchPoints } = navigator;
+	mobileDevice = /Android|iPhone|iPad|iPod/i.test(userAgent) || platform === "MacIntel" && maxTouchPoints > 1;
+	return mobileDevice;
+}
 //#endregion
 //#region lib/types/useModalLayer.js
 /** Shared modal keyboard ownership and focus lifetime. */
@@ -4629,9 +5101,9 @@ function useModalLayer(dialog, open, onClose) {
 */
 function ShortcutKeys({ keys, variant = "plain", className }) {
 	return jsx("span", {
-		className: clsx(css$15.keys, variant === "tooltip" && css$15.tooltip, variant === "tooltip" && keys.includes("+") && css$15.joined, className),
+		className: clsx(css$17.keys, variant === "tooltip" && css$17.tooltip, variant === "tooltip" && keys.includes("+") && css$17.joined, className),
 		children: keys.map((key, index) => jsx("kbd", {
-			className: key === "+" ? css$15.separator : css$15.key,
+			className: key === "+" ? css$17.separator : css$17.key,
 			children: key
 		}, index))
 	});
@@ -4639,6 +5111,13 @@ function ShortcutKeys({ keys, variant = "plain", className }) {
 //#endregion
 //#region lib/types/MenuSurface.js
 /** Shared menu material and the macOS backing that lets Chromium blur transparent windows. */
+/** Context-menu transition durations in milliseconds, shared with its lifecycle owner. */
+const MENU_TRANSITION_MS = Object.freeze({
+	enter: 40,
+	dismiss: 80,
+	replace: 10,
+	prepare: 20
+});
 /**
 * 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.
@@ -4646,31 +5125,38 @@ function ShortcutKeys({ keys, variant = "plain", className }) {
 * @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 MenuSurface = forwardRef(function MenuSurface({ compact = false, phase, 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(":", "")}` };
+	const anchorStyle = {
+		"--dsh-menu-anchor": `--dsh-menu-${id.replaceAll(":", "")}`,
+		"--dsh-menu-enter": `${MENU_TRANSITION_MS.enter}ms`,
+		"--dsh-menu-dismiss": `${MENU_TRANSITION_MS.dismiss}ms`,
+		"--dsh-menu-replace": `${MENU_TRANSITION_MS.replace}ms`
+	};
 	return jsxs(Fragment, { children: [jsxs("div", {
 		...props,
 		ref,
 		"data-menu-material": "translucent",
-		className: clsx(css$16.surface, compact && css$16.compact, className),
+		"data-menu-phase": phase,
+		className: clsx(css$18.surface, compact && css$18.compact, className),
 		style: {
 			...style,
 			...anchorStyle
 		},
 		children: [jsx("div", {
 			"aria-hidden": "true",
-			className: css$16.material
+			className: css$18.material
 		}), children]
 	}), createPortal(jsx("div", {
 		ref: backingRef,
 		"aria-hidden": "true",
 		"data-menu-backing": "",
-		className: clsx(css$16.backing, compact && css$16.compact),
+		"data-menu-phase": phase,
+		className: clsx(css$18.backing, compact && css$18.compact),
 		style: {
 			...anchorStyle,
 			visibility: style?.visibility
@@ -4678,587 +5164,74 @@ const MenuSurface = forwardRef(function MenuSurface({ compact = false, className
 	}), document.body)] });
 });
 //#endregion
-//#region lib/types/Menu.js
+//#region lib/types/tooltip-placement.js
+const opposite = {
+	right: "left",
+	left: "right",
+	top: "bottom",
+	bottom: "top"
+};
 /**
-* Render one `role="menuitem"` row for a {@link Menu} whose rows are
-* components rather than `items` data: the same markup and styling as a data
-* row, so it joins the list's keyboard walk and post-selection focus return
-* without any shared state. Closing the menu stays the owner's decision, as
-* it is for data rows.
-* @param props.children - visible row label.
-* @param props.shortcut - effective key labels and accessible combination.
-* @param props.icon - optional leading icon.
-* @param props.current - whether the row identifies the currently displayed page or view.
-* @param props.disabled - whether the row cannot be activated.
-* @param props.danger - whether to use the destructive row colors.
-* @param props.separatorBefore - whether this row starts a new group (hairline above it).
-* @param props.onSelect - row activation callback.
-* @returns one menu-item row.
+* Prefer the requested side, its opposite, then perpendicular sides without covering the anchor.
+* @param input - Observed dimensions, anchor edges, viewport and requested placement; horizontal gaps remain 10px.
+* @returns Border-box coordinates and the selected side; if no side fits, a viewport-bounded fallback.
 */
-function MenuItemButton({ children, shortcut, icon, current, disabled = false, danger = false, separatorBefore = false, onSelect }) {
-	return jsxs("div", {
-		className: css$17.itemWrap,
-		children: [separatorBefore && jsx("div", {
-			className: css$17.separator,
-			role: "separator"
-		}), jsxs("button", {
-			type: "button",
-			role: "menuitem",
-			className: clsx(css$17.item, danger && css$17.danger),
-			disabled,
-			"aria-keyshortcuts": shortcut?.aria,
-			"aria-current": current === true ? "page" : void 0,
-			onClick: onSelect,
-			children: [
-				icon !== void 0 && jsx("span", {
-					className: css$17.itemIcon,
-					children: icon
-				}),
-				jsx("span", {
-					className: css$17.itemLabel,
-					children
-				}),
-				shortcut !== void 0 && jsx("span", {
-					"aria-hidden": "true",
-					className: css$17.shortcut,
-					children: jsx(ShortcutKeys, {
-						keys: shortcut.keys,
-						className: css$17.shortcutKeys
-					})
-				})
-			]
-		})]
-	});
-}
-function isSeparator(entry) {
-	return "type" in entry && entry.type === "separator";
-}
-function isLabel(entry) {
-	return "type" in entry && entry.type === "label";
+function placeTooltip(input) {
+	const { anchor, viewportWidth, viewportHeight, side, align, gap } = input;
+	let { width, height } = input;
+	const margin = 12;
+	const maxWidth = Math.max(0, viewportWidth - margin * 2);
+	const maxHeight = Math.max(0, viewportHeight - margin * 2);
+	width = Math.min(width, maxWidth);
+	height = Math.min(height, maxHeight);
+	const clampX = (x) => Math.max(margin, Math.min(x, viewportWidth - margin - width));
+	const clampY = (y) => Math.max(margin, Math.min(y, viewportHeight - margin - height));
+	const horizontal = side === "right" || side === "left";
+	const candidates = [
+		side,
+		opposite[side],
+		...horizontal ? ["bottom", "top"] : ["right", "left"]
+	];
+	const positions = {
+		right: {
+			left: anchor.right + 10,
+			top: clampY((anchor.top + anchor.bottom - height) / 2)
+		},
+		left: {
+			left: anchor.left - 10 - width,
+			top: clampY((anchor.top + anchor.bottom - height) / 2)
+		},
+		bottom: {
+			left: clampX(align === "end" ? anchor.right - width : (anchor.left + anchor.right - width) / 2),
+			top: anchor.bottom + gap
+		},
+		top: {
+			left: clampX(align === "end" ? anchor.right - width : (anchor.left + anchor.right - width) / 2),
+			top: anchor.top - gap - height
+		}
+	};
+	for (const candidate of candidates) {
+		const position = positions[candidate];
+		if (position.left >= margin && position.top >= margin && position.left + width <= viewportWidth - margin && position.top + height <= viewportHeight - margin) return {
+			...position,
+			side: candidate,
+			width,
+			height,
+			overflow: false
+		};
+	}
+	const position = positions[side];
+	return {
+		left: clampX(position.left),
+		top: clampY(position.top),
+		side,
+		width,
+		height,
+		overflow: true
+	};
 }
-/** Unplaced portal list: hidden but laid out at a fixed origin so offsetWidth/offsetHeight are real. */
-const MEASURE_STYLE = {
-	visibility: "hidden",
-	left: 0,
-	top: 0
-};
-/**
-* Render an anchored dropdown menu. While the list is open its keys mirror the
-* composer's: Tab settles the focused row — from the trigger, Tab enters the
-* list instead — and Escape or Shift+Tab close it and return focus to the
-* anchor's first button, and selecting a row does the same — the rows unmount
-* with the list. Only a keyboard on the trigger or inside the list is
-* intercepted; Tab presses elsewhere on the page stay the browser's.
-* @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 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 - 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 (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
-* both trigger and list for the pointer grace (default false keeps it open
-* until outside click/Escape/selection). The grace makes the 4px trigger->list
-* gap and a brief overshoot survivable; coming back cancels the close.
-* @param props.dense - reduce vertical row spacing without changing the standard typography or card width.
-* @param props.compact - use reduced menu typography and spacing.
-* @param props.getAnchorRect - portal mode only: supply the anchor rect
-* 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, each animation
-* frame, and scroll/resize; return null to skip placement for that frame.
-* @param props.minWidthFromAnchor - in portal mode, keep the menu at least as wide as its anchor, bounded by viewport margins.
-* @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 = [], children, selectedId, selectedIds, onSelect, onClose, align = "start", side = "bottom", portal = false, closeOnPointerLeave = false, dense = false, compact = false, autoFocus = false, selection = "check", getAnchorRect, minWidthFromAnchor = false, 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. */
-	const walkIndex = useRef(null);
-	/**
-	* The control that had the keyboard when this menu opened — its own trigger,
-	* which an anchor that wraps several controls (a split button) would not be
-	* able to name by position.
-	*/
-	const triggerRef = useRef(null);
-	const selectingWithTab = useRef(false);
-	/**
-	* Hand the keyboard back to the trigger that opened the menu — or, when the
-	* 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;
-		const target = trigger !== null && document.contains(trigger) && !trigger.disabled ? trigger : rootRef.current?.querySelector("button:not(:disabled)");
-		if (target == null) return;
-		if (navigation) target.focus();
-		else focusWithoutRing(target);
-	};
-	/**
-	* Post-selection focus, for the paths where the rows unmount with the list.
-	* A selection whose owner keeps the menu open is left alone, and so is an
-	* owner that moved focus itself (a presented file card hands it to its
-	* preview button): only a keyboard left on the closing list (or on the body
-	* its removal produced) comes back to the trigger.
-	*/
-	const refocusAfterSelection = () => {
-		const navigation = selectingWithTab.current;
-		queueMicrotask(() => {
-			if (openRef.current) return;
-			const active = document.activeElement;
-			if (active === null || active === document.body || listRef.current?.contains(active) === true) refocusAnchor(navigation);
-		});
-	};
-	const openRef = useRef(open);
-	openRef.current = open;
-	const [openSubmenuId, setOpenSubmenuId] = useState(null);
-	const [fixedPos, setFixedPos] = useState(null);
-	const { arm: armClose, cancel: cancelClose } = usePointerGrace(onClose);
-	useLayoutEffect(() => {
-		if (!open || !portal) {
-			setFixedPos(null);
-			return;
-		}
-		const place = () => {
-			let r;
-			if (getAnchorRect !== void 0) r = getAnchorRect();
-			else
- /* v8 ignore next 2 -- the ref is attached before the layout effect runs and the listeners die with it. */
-			r = rootRef.current?.getBoundingClientRect() ?? null;
-			if (r === null) return;
-			const MARGIN = 12;
-			const vw = window.innerWidth;
-			const vh = window.innerHeight;
-			const listEl = listRef.current;
-			if (listEl !== null) {
-				const minimum = minWidthFromAnchor ? `${Math.min(r.width, Math.max(0, vw - MARGIN * 2))}px` : "";
-				if (listEl.style.minWidth !== minimum) listEl.style.minWidth = minimum;
-			}
-			const lw = listEl?.offsetWidth ?? 0;
-			const lh = listEl?.offsetHeight ?? 0;
-			let x;
-			let y;
-			if (side === "right") {
-				x = r.right + 4;
-				y = r.top;
-			} else if (align === "start") {
-				x = r.left;
-				y = side === "bottom" ? r.bottom + 4 : r.top - lh - 4;
-			} else {
-				x = r.right - lw;
-				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, 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);
-		};
-	}, [
-		open,
-		portal,
-		align,
-		side,
-		getAnchorRect,
-		minWidthFromAnchor
-	]);
-	useEffect(() => {
-		if (!open) {
-			triggerRef.current = null;
-			return;
-		}
-		const active = document.activeElement;
-		triggerRef.current = active instanceof HTMLElement && rootRef.current?.contains(active) === true ? active : null;
-	}, [open]);
-	useEffect(() => {
-		if (!open || !autoFocus) return;
-		const first = listRef.current?.querySelector("button:not(:disabled)");
-		walkIndex.current = first === void 0 || first === null ? null : 0;
-		if (first != null) focusWithoutRing(first);
-	}, [open, autoFocus]);
-	useEffect(() => {
-		if (!open) {
-			setOpenSubmenuId(null);
-			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;
-			if (listRef.current?.contains(e.target) === true) return;
-			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 (e.key === "Escape" && !e.shiftKey) {
-				e.preventDefault();
-				if (e.repeat) return;
-				onClose();
-				if (anchored || autoFocus) refocusAnchor();
-			}
-			if (e.key === "Tab") {
-				const list = listRef.current;
-				if (list === null || !anchored) return;
-				if (e.shiftKey) {
-					e.preventDefault();
-					onClose();
-					refocusAnchor(true);
-					return;
-				}
-				if (insideList) {
-					if (focused instanceof Element && focused.getAttribute("role") === "menuitem") {
-						e.preventDefault();
-						selectingWithTab.current = true;
-						try {
-							focused.click();
-						} finally {
-							selectingWithTab.current = false;
-						}
-					}
-					return;
-				}
-				const row = list.querySelector("button:not(:disabled)");
-				if (row === null) return;
-				e.preventDefault();
-				row.focus();
-				walkIndex.current = 0;
-				return;
-			}
-			if (![
-				"ArrowDown",
-				"ArrowUp",
-				"Home",
-				"End"
-			].includes(e.key)) return;
-			const list = listRef.current;
-			if (list === null || !anchored) return;
-			const buttons = Array.from(list.querySelectorAll("button:not(:disabled)"));
-			if (buttons.length === 0) return;
-			const index = buttons.indexOf(focused);
-			const from = index >= 0 ? index : walkIndex.current;
-			const next = e.key === "Home" ? 0 : e.key === "End" ? buttons.length - 1 : from === null ? e.key === "ArrowDown" ? 0 : buttons.length - 1 : (from + (e.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
-			e.preventDefault();
-			walkIndex.current = next;
-			buttons[next]?.focus();
-		};
-		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);
-		};
-		document.addEventListener("keydown", onOtherKey);
-		document.addEventListener("keydown", onEscape, true);
-		window.addEventListener("blur", onWindowBlur);
-		return () => {
-			composition.dispose();
-			document.removeEventListener("pointerdown", onPointerDown);
-			document.removeEventListener("keydown", onOtherKey);
-			document.removeEventListener("keydown", onEscape, true);
-			window.removeEventListener("blur", onWindowBlur);
-		};
-	}, [
-		open,
-		onClose,
-		autoFocus
-	]);
-	useEffect(() => {
-		if (!open) cancelClose();
-	}, [open, cancelClose]);
-	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$17.separator,
-			role: "separator"
-		}, entry.id);
-		if (isLabel(entry)) return jsx("div", {
-			className: css$17.label,
-			role: "presentation",
-			children: entry.text
-		}, entry.id);
-		const hasSub = entry.submenu !== void 0 && entry.submenu.length > 0;
-		const subOpen = hasSub && openSubmenuId === entry.id;
-		const selected = entry.id === selectedId || selectedIds?.includes(entry.id) === true;
-		return jsxs("div", {
-			className: css$17.itemWrap,
-			onMouseEnter: hasSub ? () => {
-				setOpenSubmenuId(entry.id);
-			} : void 0,
-			onMouseLeave: () => {
-				setOpenSubmenuId(null);
-			},
-			children: [jsxs("button", {
-				type: "button",
-				role: "menuitem",
-				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: hasSub ? () => {
-					setOpenSubmenuId(entry.id);
-				} : void 0,
-				onClick: () => {
-					if (hasSub) {
-						setOpenSubmenuId(entry.id);
-						return;
-					}
-					onSelect?.(entry.id);
-				},
-				children: [
-					entry.icon !== void 0 && jsx("span", {
-						className: css$17.itemIcon,
-						children: entry.icon
-					}),
-					jsx("span", {
-						className: css$17.itemLabel,
-						children: entry.label
-					}),
-					entry.shortcut !== void 0 && jsx("span", {
-						"aria-hidden": "true",
-						className: css$17.shortcut,
-						children: jsx(ShortcutKeys, {
-							keys: entry.shortcut.keys,
-							className: css$17.shortcutKeys
-						})
-					}),
-					selected && selection === "check" && jsx(IconCheckOutlineRegular, { className: css$17.check })
-				]
-			}), 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$17.item,
-					disabled: sub.disabled,
-					"aria-keyshortcuts": sub.shortcut?.aria,
-					onClick: () => {
-						onSelect?.(sub.id);
-						refocusAfterSelection();
-					},
-					children: [
-						sub.icon !== void 0 && jsx("span", {
-							className: css$17.itemIcon,
-							children: sub.icon
-						}),
-						jsx("span", {
-							className: css$17.itemLabel,
-							children: sub.label
-						}),
-						sub.shortcut !== void 0 && jsx("span", {
-							"aria-hidden": "true",
-							className: css$17.shortcut,
-							children: jsx(ShortcutKeys, {
-								keys: sub.shortcut.keys,
-								className: css$17.shortcutKeys
-							})
-						})
-					]
-				}, sub.id))
-			})]
-		}, entry.id);
-	};
-	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$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();
-		},
-		onMouseOver: collapseSubmenuFrom,
-		onFocus: collapseSubmenuFrom,
-		children: [jsxs("div", {
-			className: css$17.viewport,
-			role: "presentation",
-			children: [items.map(renderEntry), children]
-		}), footer !== void 0 && footer.length > 0 && jsx("div", {
-			className: css$17.footer,
-			role: "presentation",
-			children: footer.map(renderEntry)
-		})]
-	});
-	return jsxs("span", {
-		ref: rootRef,
-		className: clsx(css$17.root, className),
-		onPointerEnter: closeOnPointerLeave ? cancelClose : void 0,
-		onPointerLeave: closeOnPointerLeave ? () => {
-			if (open) armClose();
-		} : void 0,
-		children: [anchor, portal ? list !== false && createPortal(list, document.body) : list]
-	});
-}
-//#endregion
-//#region lib/types/useAnchoredMaxHeight.js
-/**
-* Viewport-fit hook for bottom-anchored overlays (slash menu, popupSelect):
-* the element's bottom edge is laid out independent of its height, so it
-* grows upward and only the top edge can collide with the viewport — clamp
-* the design cap to the space between that edge and the viewport top.
-*/
-/** Safe distance kept between the overlay and the viewport top edge (mirrors the Menu portal margin). */
-const MARGIN = 12;
-/**
-* Clamp a bottom-anchored overlay's max-height to the viewport.
-* @param ref - the overlay element; a null current (overlay closed) skips measuring.
-* @param cap - design max-height in px (the clamp never exceeds it).
-* @param signal - re-measure trigger: pass the overlay's render state so anchor
-*   moves (composer growth) re-fit; resize/scroll re-fit while mounted.
-* @returns the max-height to apply inline, in px.
-*/
-function useAnchoredMaxHeight(ref, cap, signal) {
-	const [maxHeight, setMaxHeight] = useState(cap);
-	useLayoutEffect(() => {
-		const el = ref.current;
-		if (el === null) return;
-		const fit = () => {
-			setMaxHeight(Math.min(cap, Math.max(0, el.getBoundingClientRect().bottom - MARGIN)));
-		};
-		fit();
-		window.addEventListener("resize", fit);
-		window.addEventListener("scroll", fit, true);
-		return () => {
-			window.removeEventListener("resize", fit);
-			window.removeEventListener("scroll", fit, true);
-		};
-	}, [
-		ref,
-		cap,
-		signal
-	]);
-	return maxHeight;
-}
-//#endregion
-//#region lib/types/useAnchoredPosition.js
-/**
-* Keep a fixed-position floating element anchored to a trigger.
-*
-* A portaled panel is positioned from its anchor's viewport rect, which stops
-* being true the moment anything scrolls or the window resizes. This owns that
-* one concern: measure the anchor, offset the panel below or above it, clamp
-* the result inside the viewport, and re-run on scroll (capture phase, so
-* scrollers nested inside the page are caught too), on resize, and on the
-* panel's own size changes while the element is open.
-* @module @qilin-agent/client-ui-primitives/useAnchoredPosition
-*/
-/**
-* Track an anchor and return the panel's fixed coordinates.
-* @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", align = "start", gap, margin } = options;
-	const [position, setPosition] = useState(null);
-	useLayoutEffect(() => {
-		if (!open) {
-			setPosition(null);
-			return;
-		}
-		const place = () => {
-			/* v8 ignore start -- geometry read from real layout: jsdom reports zero
-			offset sizes, so the positive-size clamp arms are exercised by browser
-			scenarios rather than unit tests. */
-			const rect = anchorRef.current?.getBoundingClientRect();
-			if (rect === void 0) return;
-			const panel = panelRef.current;
-			const width = panel?.offsetWidth ?? 0;
-			const height = panel?.offsetHeight ?? 0;
-			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);
-			/* v8 ignore stop */
-			setPosition({
-				left,
-				top
-			});
-		};
-		place();
-		window.addEventListener("scroll", place, true);
-		window.addEventListener("resize", place);
-		const panel = panelRef.current;
-		let observer = null;
-		if (typeof ResizeObserver !== "undefined" && panel !== null) {
-			observer = new ResizeObserver(place);
-			observer.observe(panel);
-		}
-		return () => {
-			observer?.disconnect();
-			window.removeEventListener("scroll", place, true);
-			window.removeEventListener("resize", place);
-		};
-	}, [
-		open,
-		anchorRef,
-		panelRef,
-		side,
-		align,
-		gap,
-		margin
-	]);
-	return position;
-}
-//#endregion
-//#region lib/types/useDismissOnOutsidePointer.js
+//#endregion
+//#region lib/types/useDismissOnOutsidePointer.js
 /**
 * Outside-pointer dismissal for trigger-owned popovers (jobs list, Cordis
 * panel): while the surface is open, a pointerdown outside the root closes it.
@@ -5289,106 +5262,6 @@ function useDismissOnOutsidePointer(root, open, setOpen, portal) {
 	]);
 }
 //#endregion
-//#region lib/types/clipboard.js
-/**
-* Write text to the host clipboard, preferring the async Clipboard API and
-* falling back to `execCommand('copy')` on hosts (jsdom, insecure contexts)
-* that omit it.
-* @param text - the exact text to place on the clipboard.
-* @returns true only when the host accepted the write.
-*/
-async function writeClipboard(text) {
-	if (navigator.clipboard?.writeText) try {
-		await navigator.clipboard.writeText(text);
-		return true;
-	} catch {
-		return false;
-	}
-	const exec = typeof document.execCommand === "function" ? document.execCommand.bind(document) : void 0;
-	if (exec === void 0) return false;
-	const el = document.createElement("textarea");
-	el.value = text;
-	el.setAttribute("readonly", "");
-	el.style.position = "fixed";
-	el.style.left = "-9999px";
-	document.body.appendChild(el);
-	el.select();
-	try {
-		return exec("copy");
-	} catch {
-		return false;
-	} finally {
-		el.remove();
-	}
-}
-//#endregion
-//#region lib/types/tooltip-placement.js
-const opposite = {
-	right: "left",
-	left: "right",
-	top: "bottom",
-	bottom: "top"
-};
-/**
-* Prefer the requested side, its opposite, then perpendicular sides without covering the anchor.
-* @param input - Observed dimensions, anchor edges, viewport and requested placement; horizontal gaps remain 10px.
-* @returns Border-box coordinates and the selected side; if no side fits, a viewport-bounded fallback.
-*/
-function placeTooltip(input) {
-	const { anchor, viewportWidth, viewportHeight, side, align, gap } = input;
-	let { width, height } = input;
-	const margin = 12;
-	const maxWidth = Math.max(0, viewportWidth - margin * 2);
-	const maxHeight = Math.max(0, viewportHeight - margin * 2);
-	width = Math.min(width, maxWidth);
-	height = Math.min(height, maxHeight);
-	const clampX = (x) => Math.max(margin, Math.min(x, viewportWidth - margin - width));
-	const clampY = (y) => Math.max(margin, Math.min(y, viewportHeight - margin - height));
-	const horizontal = side === "right" || side === "left";
-	const candidates = [
-		side,
-		opposite[side],
-		...horizontal ? ["bottom", "top"] : ["right", "left"]
-	];
-	const positions = {
-		right: {
-			left: anchor.right + 10,
-			top: clampY((anchor.top + anchor.bottom - height) / 2)
-		},
-		left: {
-			left: anchor.left - 10 - width,
-			top: clampY((anchor.top + anchor.bottom - height) / 2)
-		},
-		bottom: {
-			left: clampX(align === "end" ? anchor.right - width : (anchor.left + anchor.right - width) / 2),
-			top: anchor.bottom + gap
-		},
-		top: {
-			left: clampX(align === "end" ? anchor.right - width : (anchor.left + anchor.right - width) / 2),
-			top: anchor.top - gap - height
-		}
-	};
-	for (const candidate of candidates) {
-		const position = positions[candidate];
-		if (position.left >= margin && position.top >= margin && position.left + width <= viewportWidth - margin && position.top + height <= viewportHeight - margin) return {
-			...position,
-			side: candidate,
-			width,
-			height,
-			overflow: false
-		};
-	}
-	const position = positions[side];
-	return {
-		left: clampX(position.left),
-		top: clampY(position.top),
-		side,
-		width,
-		height,
-		overflow: true
-	};
-}
-//#endregion
 //#region lib/types/input-modality.js
 /**
 * Document-wide input tracking shared by tooltips and focus-ring styles.
@@ -5460,6 +5333,9 @@ if (typeof window !== "undefined") {
 * withdraws the enclosing tooltip while its bubble is shown.
 */
 const TooltipSuppression = createContext(null);
+function clipped(anchor) {
+	return [anchor, ...anchor.querySelectorAll("*")].some((el) => el instanceof HTMLElement && el.scrollWidth > el.clientWidth);
+}
 /**
 * Attach a hover/focus tooltip to an anchor element.
 * @param props.label - bubble text, or a resolver evaluated only while visible; an empty string shows only shortcut keys.
@@ -5479,17 +5355,20 @@ const TooltipSuppression = createContext(null);
 * toggling never remounts it (which would cut its CSS transitions).
 * @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; always bounded by viewport margins.
-* @param props.openOnClick - clicking also pins the bubble for reading; another click, Escape,
+* @param props.openOnClick - clicking or tapping also pins the bubble for reading; another click, Escape,
 * Tab, or an outside pointerdown dismisses it. Defaults to false for ordinary action tooltips.
+* @param props.onlyWhenClipped - show the bubble only when the anchor or an HTML element inside it
+* overflows horizontally, measured when the bubble is about to show; for labels that repeat
+* text an ellipsis may cut off. Defaults to false.
 * @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, optionally portaled to the body.
 * The bubble stays hidden until ResizeObserver supplies its size for viewport fitting; clicking the
 * anchor dismisses the bubble unless openOnClick is enabled, and focus arriving after a pointer
-* interaction (a closing menu refocusing its trigger) never raises it. When no side fits, the
-* viewport-bounded fallback may overlap the anchor; oversized content is scrollable when pinned.
+* interaction (a closing menu refocusing its trigger) never raises it. Touch cannot trigger hover
+* tooltips; tapping still invokes the child's action and can open an openOnClick explanation.
+* When no side fits, the viewport-bounded fallback may overlap the anchor; oversized content is scrollable when pinned.
 */
-function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayMs = 0, focusDelayMs = 0, gap = 8, disabled = false, portal = false, maxWidth, openOnClick = false, children }) {
+function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayMs = 0, focusDelayMs = 0, gap = 8, disabled = false, portal = false, maxWidth, openOnClick = false, onlyWhenClipped = false, children }) {
 	const id = useId();
 	const [pinned, setPinned] = useState(false);
 	const anchor = useRef(null);
@@ -5499,10 +5378,6 @@ function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayM
 		if (typeof childRef === "function") childRef(el);
 		else if (childRef != null) childRef.current = el;
 	}, [childRef]);
-	const eventAnchor = useRef(null);
-	const trackAnchor = (event) => {
-		eventAnchor.current = event.currentTarget;
-	};
 	const [pos, setPos] = useState(null);
 	const bubble = useRef(null);
 	const resolvedLabel = pos === null ? null : typeof label === "function" ? label() : label;
@@ -5543,8 +5418,7 @@ function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayM
 			el.style.visibility = "visible";
 		};
 		const onResize = () => {
-			const current = anchor.current ?? eventAnchor.current;
-			if (current !== null) anchorRect = current.getBoundingClientRect();
+			if (anchor.current !== null) anchorRect = anchor.current.getBoundingClientRect();
 			fit();
 		};
 		const observer = new ResizeObserver((entries) => {
@@ -5595,9 +5469,10 @@ function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayM
 	]);
 	const show = () => {
 		if (disabled) return;
-		const el = anchor.current ?? eventAnchor.current;
-		/* v8 ignore next -- show() only runs from a raising event, which recorded its anchor synchronously. */
+		const el = anchor.current;
+		/* v8 ignore next -- the ref is attached by event time: events fire on the cloned anchor. */
 		if (el === null) return;
+		if (onlyWhenClipped && !clipped(el)) return;
 		setPos(el.getBoundingClientRect());
 		announce(true);
 	};
@@ -5627,96 +5502,693 @@ function Tooltip({ label, shortcutKeys, side = "right", align = "center", delayM
 			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();
+		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 content = visible && !suppressed && jsxs("span", {
+		ref: bubble,
+		id: openOnClick ? id : void 0,
+		className: css$19.bubble,
+		"data-side": side,
+		"data-portal": portal || void 0,
+		"data-pinned": pinned || void 0,
+		"data-align": align,
+		"data-has-shortcut": shortcutKeys?.length ? true : void 0,
+		style: {
+			left: pos.left,
+			top: pos.top,
+			visibility: "hidden",
+			...maxWidth === void 0 ? {} : { maxWidth: `min(${maxWidth}px, calc(100vw - 24px))` }
+		},
+		role: "tooltip",
+		"aria-label": shortcutKeys?.length ? [resolvedLabel, shortcutKeys.join(" ")].filter(Boolean).join(" ") : void 0,
+		children: [resolvedLabel && jsx("span", {
+			className: css$19.label,
+			children: resolvedLabel
+		}), shortcutKeys !== void 0 && shortcutKeys.length > 0 && jsx(ShortcutKeys, {
+			keys: shortcutKeys,
+			variant: "tooltip"
+		})]
+	});
+	return jsxs(TooltipSuppression.Provider, {
+		value: setSuppressed,
+		children: [cloneElement(children, {
+			ref: mergedRef,
+			"aria-describedby": openOnClick && visible ? [children.props["aria-describedby"], id].filter(Boolean).join(" ") : children.props["aria-describedby"],
+			onPointerEnter: (e) => {
+				children.props.onPointerEnter?.(e);
+				if (e.pointerType === "touch") return;
+				if (e.pointerType === "mouse" && !window.matchMedia("(any-hover: hover)").matches) return;
+				triggers.current.hover = true;
+				showAfterDelay(delayMs);
+			},
+			onPointerLeave: (e) => {
+				children.props.onPointerLeave?.(e);
+				triggers.current.hover = false;
+				cancelShow();
+				if (!pinned) withdraw();
+			},
+			onPointerDown: (e) => {
+				children.props.onPointerDown?.(e);
+				if (e.pointerType === "touch" && !pinned) dismiss();
+			},
+			onClick: (e) => {
+				children.props.onClick?.(e);
+				triggers.current.focus = false;
+				cancelShow();
+				if (openOnClick && !disabled && !pinned) {
+					setPinned(true);
+					show();
+				} else withdraw();
+			},
+			onFocus: (e) => {
+				children.props.onFocus?.(e);
+				if (pointerModality()) return;
+				triggers.current.focus = true;
+				showAfterDelay(focusDelayMs);
+			},
+			onBlur: (e) => {
+				children.props.onBlur?.(e);
+				triggers.current.focus = false;
+				hide();
+			}
+		}), portal ? content !== false && createPortal(content, document.body) : content]
+	});
+}
+//#endregion
+//#region lib/types/Menu.js
+/**
+* Render one `role="menuitem"` row for a {@link Menu} whose rows are
+* components rather than `items` data: the same markup and styling as a data
+* row, so it joins the list's keyboard walk and post-selection focus return
+* without any shared state. Closing the menu stays the owner's decision, as
+* it is for data rows.
+* @param props.children - visible row label.
+* @param props.shortcut - effective key labels and accessible combination.
+* @param props.icon - optional leading icon.
+* @param props.current - whether the row identifies the currently displayed page or view.
+* @param props.disabled - whether the row cannot be activated.
+* @param props.disabledReason - why a disabled row cannot be activated, shown in a tooltip and read as its description.
+* @param props.danger - whether to use the destructive row colors.
+* @param props.separatorBefore - whether this row starts a new group (hairline above it).
+* @param props.onSelect - row activation callback.
+* @returns one menu-item row.
+*/
+function MenuItemButton({ children, shortcut, icon, current, disabled = false, disabledReason, danger = false, separatorBefore = false, onSelect }) {
+	const reasonId = useId();
+	const explained = disabled && disabledReason !== void 0;
+	return jsxs("div", {
+		className: css$20.itemWrap,
+		children: [
+			separatorBefore && jsx("div", {
+				className: css$20.separator,
+				role: "separator"
+			}),
+			jsx(Tooltip, {
+				label: disabledReason ?? "",
+				disabled: !explained,
+				side: "bottom",
+				delayMs: 500,
+				maxWidth: 300,
+				portal: true,
+				children: jsxs("button", {
+					type: "button",
+					role: "menuitem",
+					className: clsx(css$20.item, danger && css$20.danger),
+					disabled: disabled && !explained,
+					"aria-disabled": explained || void 0,
+					"aria-describedby": explained ? reasonId : void 0,
+					"aria-keyshortcuts": shortcut?.aria,
+					"aria-current": current === true ? "page" : void 0,
+					onClick: explained ? void 0 : onSelect,
+					children: [
+						icon !== void 0 && jsx("span", {
+							className: css$20.itemIcon,
+							children: icon
+						}),
+						jsx("span", {
+							className: css$20.itemLabel,
+							children
+						}),
+						shortcut !== void 0 && jsx("span", {
+							"aria-hidden": "true",
+							className: css$20.shortcut,
+							children: jsx(ShortcutKeys, {
+								keys: shortcut.keys,
+								className: css$20.shortcutKeys
+							})
+						})
+					]
+				})
+			}),
+			explained && jsx("span", {
+				id: reasonId,
+				hidden: true,
+				children: disabledReason
+			})
+		]
+	});
+}
+function isSeparator(entry) {
+	return "type" in entry && entry.type === "separator";
+}
+function isLabel(entry) {
+	return "type" in entry && entry.type === "label";
+}
+/** Mark icon columns within each separator-delimited data group. */
+function iconColumns(entries, contextual) {
+	const aligned = /* @__PURE__ */ new Set();
+	if (!contextual) return aligned;
+	let group = [];
+	const finish = () => {
+		if (group.some((entry) => !isLabel(entry) && !isSeparator(entry) && entry.icon !== void 0)) for (const entry of group) aligned.add(entry);
+		group = [];
+	};
+	for (const entry of entries) if (isSeparator(entry)) finish();
+	else group.push(entry);
+	finish();
+	return aligned;
+}
+/** Unplaced portal list: hidden but laid out at a fixed origin so offsetWidth/offsetHeight are real. */
+const MEASURE_STYLE = {
+	visibility: "hidden",
+	left: 0,
+	top: 0
+};
+/**
+* Render an anchored dropdown menu. While the list is open its keys mirror the
+* composer's: Tab settles the focused row — from the trigger, Tab enters the
+* list instead — and Escape or Shift+Tab close it and return focus to the
+* anchor's first button, and selecting a row does the same — the rows unmount
+* with the list. Only a keyboard on the trigger or inside the list is
+* intercepted; Tab presses elsewhere on the page stay the browser's.
+* @param props.contextual - cursor positioning, context dismissal, and per-divider icon alignment.
+* @param props.exiting - retain an inert popup during dismissal or replacement fade.
+* @param props.returnFocus - original control captured before asynchronous menu preparation.
+* @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 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 - 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
+* synchronously (follows movement, resizing, and browser zoom while open)
+* and clamped inside the visual viewport. 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
+* both trigger and list for the pointer grace (default false keeps it open
+* until outside click/Escape/selection). The grace makes the 4px trigger->list
+* gap and a brief overshoot survivable; coming back cancels the close.
+* @param props.dense - reduce vertical row spacing without changing the standard typography or card width.
+* @param props.compact - use reduced menu typography and spacing.
+* @param props.getAnchorRect - portal mode only: supply the anchor rect
+* 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 while tracking the
+* anchor and on scroll/resize; return null to defer placement.
+* @param props.minWidthFromAnchor - in portal mode, keep the menu at least as wide as its anchor, bounded by viewport margins.
+* @param props.footer - rows pinned below the scrolling items area, separated
+* by a hairline; contextual menus reuse an explicit leading separator. These rows 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 = [], children, selectedId, selectedIds, onSelect, onClose, align = "start", side = "bottom", portal = false, closeOnPointerLeave = false, dense = false, compact = false, autoFocus = false, selection = "check", getAnchorRect, minWidthFromAnchor = false, footer, className, listClassName, contextual = false, exiting, returnFocus }) {
+	const rootRef = useRef(null);
+	const listRef = useRef(null);
+	const menuId = useId();
+	useLayoutEffect(() => {
+		const trigger = returnFocus?.();
+		if (!open || !contextual || trigger == null) return;
+		const previous = trigger.getAttribute("aria-controls");
+		trigger.setAttribute("aria-controls", [previous, menuId].filter(Boolean).join(" "));
+		return () => {
+			if (previous === null) trigger.removeAttribute("aria-controls");
+			else trigger.setAttribute("aria-controls", previous);
+		};
+	}, [
+		open,
+		contextual,
+		returnFocus,
+		menuId
+	]);
+	/** Index the arrow walk last focused, the resume point when focus left the rows. */
+	const walkIndex = useRef(null);
+	/**
+	* The control that had the keyboard when this menu opened — its own trigger,
+	* which an anchor that wraps several controls (a split button) would not be
+	* able to name by position.
+	*/
+	const triggerRef = useRef(null);
+	const selectingWithTab = useRef(false);
+	/**
+	* Hand the keyboard back to the trigger that opened the menu — or, when the
+	* 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 = returnFocus?.() ?? triggerRef.current;
+		const target = trigger !== null && document.contains(trigger) && !trigger.disabled ? trigger : rootRef.current?.querySelector("button:not(:disabled)");
+		if (target == null) return;
+		if (navigation) target.focus();
+		else focusWithoutRing(target);
+	};
+	/**
+	* Post-selection focus, for the paths where the rows unmount with the list.
+	* A selection whose owner keeps the menu open is left alone, and so is an
+	* owner that moved focus itself (a presented file card hands it to its
+	* preview button): only a keyboard left on the closing list (or on the body
+	* its removal produced) comes back to the trigger.
+	*/
+	const refocusAfterSelection = () => {
+		const navigation = selectingWithTab.current;
+		queueMicrotask(() => {
+			if (openRef.current && exitingRef.current === void 0) return;
+			const active = document.activeElement;
+			if (active === null || active === document.body || listRef.current?.contains(active) === true) refocusAnchor(navigation);
+		});
+	};
+	const exitingRef = useRef(exiting);
+	exitingRef.current = exiting;
+	const openRef = useRef(open);
+	openRef.current = open;
+	const [openSubmenuId, setOpenSubmenuId] = useState(null);
+	const close = useRef(onClose);
+	close.current = onClose;
+	const lastAnchorRect = useRef(null);
+	const readAnchor = useCallback(() => {
+		if ((returnFocus?.() ?? rootRef.current)?.closest("[inert], [hidden]") != null) {
+			if (exitingRef.current === void 0) close.current();
+			return lastAnchorRect.current;
+		}
+		lastAnchorRect.current = getAnchorRect === void 0 ? rootRef.current?.getBoundingClientRect() ?? null : getAnchorRect();
+		return lastAnchorRect.current;
+	}, [getAnchorRect, returnFocus]);
+	const fixedPos = useAnchoredPosition({
+		open: open && portal,
+		anchorRef: rootRef,
+		panelRef: listRef,
+		side,
+		align,
+		gap: 4,
+		margin: 12,
+		frameClearance: !contextual,
+		minWidthFromAnchor,
+		getAnchorRect: readAnchor
+	});
+	const positioned = !portal || fixedPos !== null;
+	const { arm: armClose, cancel: cancelClose } = usePointerGrace(onClose);
+	useEffect(() => {
+		if (!open) return;
+		const active = document.activeElement;
+		triggerRef.current = active instanceof HTMLElement && (getAnchorRect !== void 0 || rootRef.current?.contains(active) === true) ? active : null;
+	}, [open]);
+	useEffect(() => {
+		if (!open || exiting !== void 0 || !autoFocus || !positioned || listRef.current?.contains(document.activeElement)) return;
+		const first = listRef.current?.querySelector("button:not(:disabled)");
+		walkIndex.current = first === void 0 || first === null ? null : 0;
+		if (first != null) focusWithoutRing(first);
+	}, [
+		open,
+		autoFocus,
+		items.length,
+		footer?.length,
+		positioned,
+		exiting
+	]);
+	useEffect(() => {
+		if (!open || exiting !== void 0) {
+			setOpenSubmenuId(null);
+			walkIndex.current = null;
+			return;
+		}
+		const composition = observeComposition(document);
+		const onPointerDown = (e) => {
+			if (!(e.target instanceof Node) || contextual && e.button === 2) return;
+			if (rootRef.current?.contains(e.target) === true) return;
+			if (listRef.current?.contains(e.target) === true) return;
+			onClose();
+		};
+		const onKeyDown = (e) => {
+			if (composition.guards(e) || isBehindModal(triggerRef.current ?? rootRef.current) || e.defaultPrevented || e.ctrlKey || e.altKey || e.metaKey) return;
+			const focused = document.activeElement;
+			const insideList = listRef.current?.contains(focused) === true;
+			const anchored = focused === returnFocus?.() || rootRef.current?.contains(focused) === true || insideList;
+			if (e.key === "Escape" && !e.shiftKey) {
+				e.preventDefault();
+				if (e.repeat) return;
+				onClose();
+				if (anchored || autoFocus) refocusAnchor();
 			}
-			dismiss();
+			if (e.key === "Tab") {
+				const list = listRef.current;
+				if (list === null || !anchored) return;
+				if (e.shiftKey) {
+					e.preventDefault();
+					onClose();
+					refocusAnchor(true);
+					return;
+				}
+				if (insideList) {
+					if (focused instanceof Element && focused.getAttribute("role") === "menuitem") {
+						e.preventDefault();
+						if (focused.getAttribute("aria-disabled") === "true") {
+							onClose();
+							refocusAnchor(true);
+							return;
+						}
+						selectingWithTab.current = true;
+						try {
+							focused.click();
+						} finally {
+							selectingWithTab.current = false;
+						}
+					}
+					return;
+				}
+				const row = list.querySelector("button:not(:disabled)");
+				if (row === null) return;
+				e.preventDefault();
+				row.focus();
+				walkIndex.current = 0;
+				return;
+			}
+			if (![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			const list = listRef.current;
+			if (list === null || !anchored) return;
+			const buttons = Array.from(list.querySelectorAll("button:not(:disabled)"));
+			if (buttons.length === 0) return;
+			const index = buttons.indexOf(focused);
+			const from = index >= 0 ? index : walkIndex.current;
+			const next = e.key === "Home" ? 0 : e.key === "End" ? buttons.length - 1 : from === null ? e.key === "ArrowDown" ? 0 : buttons.length - 1 : (from + (e.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+			e.preventDefault();
+			walkIndex.current = next;
+			buttons[next]?.focus();
 		};
-		document.addEventListener("keydown", onKeyDown, true);
+		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);
+		};
+		document.addEventListener("keydown", onOtherKey);
+		document.addEventListener("keydown", onEscape, true);
+		window.addEventListener("blur", onWindowBlur);
 		return () => {
-			document.removeEventListener("keydown", onKeyDown, true);
+			composition.dispose();
+			document.removeEventListener("pointerdown", onPointerDown);
+			document.removeEventListener("keydown", onOtherKey);
+			document.removeEventListener("keydown", onEscape, true);
+			window.removeEventListener("blur", onWindowBlur);
 		};
 	}, [
-		dismiss,
-		openOnClick,
-		visible
+		open,
+		onClose,
+		autoFocus,
+		contextual,
+		exiting
 	]);
-	const content = visible && !suppressed && jsxs("span", {
-		ref: bubble,
-		id: openOnClick ? id : void 0,
-		className: css$18.bubble,
-		"data-side": side,
-		"data-portal": portal || void 0,
-		"data-pinned": pinned || void 0,
-		"data-align": align,
-		"data-has-shortcut": shortcutKeys?.length ? true : void 0,
-		style: {
-			left: pos.left,
-			top: pos.top,
-			visibility: "hidden",
-			...maxWidth === void 0 ? {} : { maxWidth: `min(${maxWidth}px, calc(100vw - 24px))` }
+	useLayoutEffect(() => {
+		if (exiting === "dismiss" && listRef.current?.contains(document.activeElement)) refocusAnchor();
+	}, [exiting]);
+	useEffect(() => {
+		if (!open) cancelClose();
+	}, [open, cancelClose]);
+	const scrollable = !items.some((entry) => !isSeparator(entry) && !isLabel(entry) && entry.submenu !== void 0 && entry.submenu.length > 0);
+	const itemColumns = iconColumns(items, contextual);
+	const footerColumns = iconColumns(footer ?? [], contextual);
+	const renderEntry = (entry, columns) => {
+		if (isSeparator(entry)) return jsx("div", {
+			className: css$20.separator,
+			role: "separator"
+		}, entry.id);
+		if (isLabel(entry)) return jsx("div", {
+			className: css$20.label,
+			role: "presentation",
+			children: entry.text
+		}, entry.id);
+		const hasSub = entry.submenu !== void 0 && entry.submenu.length > 0;
+		const subOpen = hasSub && openSubmenuId === entry.id;
+		const subColumns = iconColumns(entry.submenu ?? [], contextual);
+		const selected = entry.id === selectedId || selectedIds?.includes(entry.id) === true;
+		return jsxs("div", {
+			className: css$20.itemWrap,
+			onMouseEnter: hasSub ? () => {
+				setOpenSubmenuId(entry.id);
+			} : void 0,
+			onMouseLeave: () => {
+				setOpenSubmenuId(null);
+			},
+			children: [jsxs("button", {
+				type: "button",
+				role: "menuitem",
+				className: clsx(css$20.item, selected && (selection === "fill" ? css$20.selectedFill : css$20.selected), entry.danger === true && css$20.danger),
+				disabled: entry.disabled,
+				"aria-keyshortcuts": entry.shortcut?.aria,
+				"aria-haspopup": hasSub ? "menu" : void 0,
+				"aria-expanded": hasSub ? subOpen : void 0,
+				onFocus: hasSub ? () => {
+					setOpenSubmenuId(entry.id);
+				} : void 0,
+				onClick: () => {
+					if (hasSub) {
+						setOpenSubmenuId(entry.id);
+						return;
+					}
+					onSelect?.(entry.id);
+				},
+				children: [
+					(entry.icon !== void 0 || columns.has(entry)) && jsx("span", {
+						"aria-hidden": "true",
+						className: css$20.itemIcon,
+						children: entry.icon
+					}),
+					jsx("span", {
+						className: css$20.itemLabel,
+						children: entry.label
+					}),
+					entry.shortcut !== void 0 && jsx("span", {
+						"aria-hidden": "true",
+						className: css$20.shortcut,
+						children: jsx(ShortcutKeys, {
+							keys: entry.shortcut.keys,
+							className: css$20.shortcutKeys
+						})
+					}),
+					selected && selection === "check" && jsx(IconCheckOutlineRegular, { className: css$20.check })
+				]
+			}), subOpen && entry.submenu !== void 0 && jsx(MenuSurface, {
+				compact,
+				className: clsx(css$20.submenu, compact && css$20.compactList),
+				role: "menu",
+				children: entry.submenu.map((sub) => isSeparator(sub) ? jsx("div", {
+					className: css$20.separator,
+					role: "separator"
+				}, sub.id) : isLabel(sub) ? jsx("div", {
+					className: css$20.label,
+					children: sub.text
+				}, sub.id) : jsxs("button", {
+					type: "button",
+					role: "menuitem",
+					className: css$20.item,
+					disabled: sub.disabled,
+					"aria-keyshortcuts": sub.shortcut?.aria,
+					onClick: () => {
+						onSelect?.(sub.id);
+						refocusAfterSelection();
+					},
+					children: [
+						(sub.icon !== void 0 || subColumns.has(sub)) && jsx("span", {
+							"aria-hidden": "true",
+							className: css$20.itemIcon,
+							children: sub.icon
+						}),
+						jsx("span", {
+							className: css$20.itemLabel,
+							children: sub.label
+						}),
+						sub.shortcut !== void 0 && jsx("span", {
+							"aria-hidden": "true",
+							className: css$20.shortcut,
+							children: jsx(ShortcutKeys, {
+								keys: sub.shortcut.keys,
+								className: css$20.shortcutKeys
+							})
+						})
+					]
+				}, sub.id))
+			})]
+		}, entry.id);
+	};
+	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,
+		id: contextual ? menuId : void 0,
+		ref: listRef,
+		className: clsx(css$20.list, listClassName, dense && css$20.denseList, compact && css$20.compactList, scrollable && css$20.scrollable, portal && css$20.portal, side === "top" && !portal && css$20.sideTop, align === "end" && !portal && css$20.alignEnd),
+		style: portal ? fixedPos ?? MEASURE_STYLE : void 0,
+		role: exiting === void 0 ? "menu" : void 0,
+		"aria-hidden": exiting === void 0 ? void 0 : true,
+		"data-context-menu": contextual ? "" : void 0,
+		phase: contextual ? exiting ?? "enter" : void 0,
+		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();
 		},
-		role: "tooltip",
-		"aria-label": shortcutKeys?.length ? [resolvedLabel, shortcutKeys.join(" ")].filter(Boolean).join(" ") : void 0,
-		children: [resolvedLabel && jsx("span", {
-			className: css$18.label,
-			children: resolvedLabel
-		}), shortcutKeys !== void 0 && shortcutKeys.length > 0 && jsx(ShortcutKeys, {
-			keys: shortcutKeys,
-			variant: "tooltip"
+		onContextMenu: contextual ? (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			onClose();
+		} : void 0,
+		onMouseOver: collapseSubmenuFrom,
+		onFocus: collapseSubmenuFrom,
+		children: [jsxs("div", {
+			className: css$20.viewport,
+			role: "presentation",
+			children: [items.map((entry) => renderEntry(entry, itemColumns)), children]
+		}), footer !== void 0 && footer.length > 0 && jsx("div", {
+			className: css$20.footer,
+			role: "presentation",
+			children: footer.map((entry) => renderEntry(entry, footerColumns))
 		})]
 	});
-	return jsxs(TooltipSuppression.Provider, {
-		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;
-				showAfterDelay(delayMs);
-			},
-			onMouseLeave: (e) => {
-				children.props.onMouseLeave?.(e);
-				triggers.current.hover = false;
-				cancelShow();
-				if (!pinned) withdraw();
-			},
-			onClick: (e) => {
-				children.props.onClick?.(e);
-				trackAnchor(e);
-				triggers.current.focus = false;
-				cancelShow();
-				if (openOnClick && !disabled && !pinned) {
-					setPinned(true);
-					show();
-				} else withdraw();
-			},
-			onFocus: (e) => {
-				children.props.onFocus?.(e);
-				trackAnchor(e);
-				if (pointerModality()) return;
-				triggers.current.focus = true;
-				showAfterDelay(focusDelayMs);
-			},
-			onBlur: (e) => {
-				children.props.onBlur?.(e);
-				triggers.current.focus = false;
-				hide();
-			}
-		}), portal ? content !== false && createPortal(content, document.body) : content]
+	return jsxs("span", {
+		ref: rootRef,
+		className: clsx(css$20.root, className),
+		onPointerEnter: closeOnPointerLeave ? cancelClose : void 0,
+		onPointerLeave: closeOnPointerLeave ? () => {
+			if (open) armClose();
+		} : void 0,
+		children: [anchor, portal ? list !== false && createPortal(list, document.body) : list]
 	});
 }
 //#endregion
+//#region lib/types/useAnchoredMaxHeight.js
+/**
+* Viewport-fit hook for bottom-anchored overlays (slash menu, popupSelect):
+* the element's bottom edge is laid out independent of its height, so it
+* grows upward and only the top edge can collide with the viewport — clamp
+* the design cap to the space between that edge and the viewport top.
+*/
+/** Safe distance kept between the overlay and the viewport top edge (mirrors the Menu portal margin). */
+const MARGIN = 12;
+/**
+* Clamp a bottom-anchored overlay's max-height to the viewport.
+* @param ref - the overlay element; a null current (overlay closed) skips measuring.
+* @param cap - design max-height in px (the clamp never exceeds it).
+* @param signal - re-measure trigger: pass the overlay's render state so anchor
+*   moves (composer growth) re-fit; resize/scroll re-fit while mounted.
+* @returns the max-height to apply inline, in px.
+*/
+function useAnchoredMaxHeight(ref, cap, signal) {
+	const [maxHeight, setMaxHeight] = useState(cap);
+	useLayoutEffect(() => {
+		const el = ref.current;
+		if (el === null) return;
+		const fit = () => {
+			setMaxHeight(Math.min(cap, Math.max(0, el.getBoundingClientRect().bottom - MARGIN)));
+		};
+		fit();
+		window.addEventListener("resize", fit);
+		window.addEventListener("scroll", fit, true);
+		return () => {
+			window.removeEventListener("resize", fit);
+			window.removeEventListener("scroll", fit, true);
+		};
+	}, [
+		ref,
+		cap,
+		signal
+	]);
+	return maxHeight;
+}
+//#endregion
+//#region lib/types/clipboard.js
+/**
+* Write text to the host clipboard, preferring the async Clipboard API and
+* falling back to `execCommand('copy')` on hosts (jsdom, insecure contexts)
+* that omit it.
+* @param text - the exact text to place on the clipboard.
+* @returns true only when the host accepted the write.
+*/
+async function writeClipboard(text) {
+	if (navigator.clipboard?.writeText) try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch {
+		return false;
+	}
+	const exec = typeof document.execCommand === "function" ? document.execCommand.bind(document) : void 0;
+	if (exec === void 0) return false;
+	const el = document.createElement("textarea");
+	el.value = text;
+	el.setAttribute("readonly", "");
+	el.style.position = "fixed";
+	el.style.left = "-9999px";
+	document.body.appendChild(el);
+	el.select();
+	try {
+		return exec("copy");
+	} catch {
+		return false;
+	} finally {
+		el.remove();
+	}
+}
+//#endregion
 //#region lib/types/HoverCard.js
 const INLINE_PREVIEW_WIDTH = 300;
 const ANCHOR_GAP = 8;
@@ -5883,7 +6355,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$19.card, inline && css$19.media, copyable && css$19.copyable, copied && css$19.feedback),
+		className: clsx(css$21.card, inline && css$21.media, copyable && css$21.copyable, copied && css$21.feedback),
 		style: {
 			...pos,
 			minHeight: copied && copyHeightRef.current !== null ? copyHeightRef.current : void 0
@@ -5904,14 +6376,14 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 			copy(copyText);
 		} : void 0,
 		children: copied ? jsx("span", {
-			className: css$19.copied,
+			className: css$21.copied,
 			"aria-hidden": "true",
 			children: copiedLabel
 		}) : content
 	});
 	return jsxs("span", {
 		ref: rootRef,
-		className: clsx(css$19.root, inline && css$19.inline),
+		className: clsx(css$21.root, inline && css$21.inline),
 		onFocus: inline ? (event) => {
 			if (!disabled && event.target.matches(":focus-visible")) {
 				cancelClose();
@@ -5950,7 +6422,7 @@ function HoverCard({ anchor, content, openDelayMs = 500, disabled = false, copyT
 				children: anchor
 			}),
 			open && !suppressed && copyable && jsx("span", {
-				className: css$19.status,
+				className: css$21.status,
 				role: "status",
 				children: copied ? copiedLabel : ""
 			}),
@@ -5985,11 +6457,11 @@ function Modal({ open, onClose, title, closeLabel, description, children, footer
 	useModalLayer(dialog, open, onClose);
 	if (!open) return null;
 	return createPortal(jsxs("div", {
-		className: css$20.root,
+		className: css$22.root,
 		role: "presentation",
 		onKeyDownCapture,
 		children: [jsx("div", {
-			className: css$20.mask,
+			className: css$22.mask,
 			style: backdropBlur ? void 0 : { backdropFilter: "none" },
 			"aria-hidden": "true",
 			onClick: onClose
@@ -5997,37 +6469,37 @@ function Modal({ open, onClose, title, closeLabel, description, children, footer
 			ref: dialog,
 			tabIndex: -1,
 			"data-shortcut-modal": shortcutModal,
-			className: clsx(css$20.dialog, className),
+			className: clsx(css$22.dialog, className),
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": title,
 			children: headless ? children : jsxs(Fragment, { children: [jsxs("div", {
-				className: clsx(css$20.content, contentClassName),
+				className: clsx(css$22.content, contentClassName),
 				children: [
 					jsxs("div", {
-						className: css$20.header,
+						className: css$22.header,
 						children: [jsx("h2", {
-							className: css$20.title,
+							className: css$22.title,
 							children: title
 						}), jsx("button", {
 							type: "button",
-							className: css$20.close,
+							className: css$22.close,
 							"aria-label": closeLabel,
 							onClick: onClose,
 							children: jsx(IconCloseOutlineRegular, { size: 14 })
 						})]
 					}),
 					description !== void 0 && description !== "" && jsx("p", {
-						className: css$20.description,
+						className: css$22.description,
 						children: description
 					}),
 					children !== void 0 && jsx("div", {
-						className: css$20.body,
+						className: css$22.body,
 						children
 					})
 				]
 			}), footer !== void 0 && jsx("div", {
-				className: css$20.footer,
+				className: css$22.footer,
 				children: footer
 			})] })
 		})]
@@ -6051,13 +6523,13 @@ function OnboardingSurface({ children }) {
 		};
 	}, []);
 	return createPortal(jsxs("div", {
-		className: css$21.onboardingOverlay,
+		className: css$23.onboardingOverlay,
 		role: "presentation",
 		children: [jsx("div", {
-			className: css$21.onboardingMask,
+			className: css$23.onboardingMask,
 			"aria-hidden": "true"
 		}), jsx("div", {
-			className: css$21.onboardingStage,
+			className: css$23.onboardingStage,
 			children
 		})]
 	}), document.body);
@@ -6078,28 +6550,28 @@ function RiskConfirmation({ open, title, description, acknowledgeLabel, cancelLa
 		onClose: onCancel,
 		title,
 		closeLabel,
-		className: css$22.confirmation ?? "",
-		contentClassName: css$22.confirmationContent ?? "",
+		className: css$24.confirmation ?? "",
+		contentClassName: css$24.confirmationContent ?? "",
 		footer: jsxs(Fragment, { children: [jsx(Button, {
 			variant: "outline",
-			className: css$22.modalAction,
+			className: css$24.modalAction,
 			onClick: onCancel,
 			children: cancelLabel
 		}), jsx(Button, {
 			variant: "primary",
-			className: css$22.confirmAction,
+			className: css$24.confirmAction,
 			disabled: disabled || !acknowledged,
 			onClick: onConfirm,
 			children: confirmLabel
 		})] }),
 		children: [jsxs("div", {
-			className: css$22.warning,
+			className: css$24.warning,
 			children: [jsx(IconWarningOutlineRegular, {
 				size: 18,
-				className: css$22.warningIcon
+				className: css$24.warningIcon
 			}), jsx("p", { children: description })]
 		}), jsxs("label", {
-			className: css$22.acknowledgement,
+			className: css$24.acknowledgement,
 			children: [jsx("input", {
 				type: "checkbox",
 				checked: acknowledged,
@@ -6147,47 +6619,47 @@ function ConnectionIndicator({ state, disconnectedLabel, connectingLabel, recove
 		};
 	}, [state, rendered]);
 	if (rendered === void 0) return null;
-	const leavingClass = leaving ? ` ${css$23.leaving}` : "";
+	const leavingClass = leaving ? ` ${css$25.leaving}` : "";
 	if (rendered === "recovered") return jsxs("div", {
-		className: `${css$23.indicator} ${css$23.success}${leavingClass}`,
+		className: `${css$25.indicator} ${css$25.success}${leavingClass}`,
 		role: "status",
 		"aria-label": recoveredLabel,
 		children: [jsx("span", {
-			className: css$23.icon,
+			className: css$25.icon,
 			"aria-hidden": "true",
 			children: jsx(IconCheckOutlineRegular, { size: 14 })
 		}), jsx("span", {
-			className: css$23.label,
+			className: css$25.label,
 			children: recoveredLabel
 		})]
 	});
 	const connecting = rendered === "connecting";
 	return jsxs("button", {
 		type: "button",
-		className: `${css$23.indicator} ${css$23.warning}${leavingClass}`,
+		className: `${css$25.indicator} ${css$25.warning}${leavingClass}`,
 		"data-phase": rendered,
 		"aria-label": connecting ? restartActionLabel : reconnectActionLabel,
 		onClick: onReconnect,
 		children: [jsx("span", {
-			className: css$23.icon,
+			className: css$25.icon,
 			"aria-hidden": "true",
 			children: connecting ? jsx(IconLoadingOutlineRegular, {
 				size: 14,
-				className: css$23.spinner
+				className: css$25.spinner
 			}) : jsx(IconRefreshOutlineRegular, { size: 14 })
 		}), jsx("span", {
-			className: css$23.label,
+			className: css$25.label,
 			children: connecting ? jsxs(Fragment, { children: [connectingLabel, jsxs("span", {
-				className: css$23.dots,
+				className: css$25.dots,
 				"aria-hidden": "true",
 				children: [
 					jsx("span", { children: "." }),
 					jsx("span", {
-						className: css$23.secondDot,
+						className: css$25.secondDot,
 						children: "."
 					}),
 					jsx("span", {
-						className: css$23.thirdDot,
+						className: css$25.thirdDot,
 						children: "."
 					})
 				]
@@ -7246,7 +7718,7 @@ function FileTypeIcon(props) {
 		type: resolvedType,
 		size,
 		className
-	}) : glyph(resolvedType, size, clsx(css$24.icon, css$24[resolvedType], className));
+	}) : glyph(resolvedType, size, clsx(css$26.icon, css$26[resolvedType], className));
 }
 //#endregion
 //#region lib/types/SiteGlyph.js
@@ -7544,22 +8016,244 @@ function PathLabel({ path, className, ...attributes }) {
 	return jsx("span", {
 		...attributes,
 		ref: boxRef,
-		className: clsx(css$25.path, className),
+		className: clsx(css$27.path, className),
 		title: path,
 		"data-path-label": true,
 		children: jsxs("span", {
 			ref: textRef,
-			className: css$25.text,
+			className: css$27.text,
 			children: [directory !== "" && jsx("span", {
-				className: css$25.directory,
+				className: css$27.directory,
 				children: directory
 			}), jsx("span", {
-				className: css$25.name,
+				className: css$27.name,
 				children: name
 			})]
 		})
 	});
 }
+//#endregion
+//#region lib/types/use-clipboard-copy.js
+/** Clipboard writes with component-owned success feedback and cleanup. */
+/**
+* Keep clipboard feedback local to the mounted control and release its reset timer on unmount.
+* @param text - Exact text to copy when the action is invoked.
+* @returns Success feedback and a callback stable while text and feedback are unchanged.
+*/
+function useClipboardCopy(text) {
+	const [copied, setCopied] = useState(false);
+	const copyPending = useRef(false);
+	const copyTimer = useRef(null);
+	const copyEpoch = useRef(0);
+	useEffect(() => () => {
+		copyEpoch.current += 1;
+		copyPending.current = false;
+		if (copyTimer.current !== null) clearTimeout(copyTimer.current);
+	}, []);
+	return {
+		copied,
+		onCopy: useCallback(() => {
+			if (copied || copyPending.current) return;
+			const epoch = copyEpoch.current;
+			copyPending.current = true;
+			writeClipboard(text).then((ok) => {
+				if (epoch !== copyEpoch.current) return;
+				copyPending.current = false;
+				if (!ok) return;
+				setCopied(true);
+				copyTimer.current = window.setTimeout(() => {
+					copyTimer.current = null;
+					setCopied(false);
+				}, 1e3);
+			});
+		}, [copied, text])
+	};
+}
+//#endregion
+//#region lib/types/QuotePreview.js
+/**
+* Compact presentation of one quoted excerpt inside sent text: a quote mark,
+* the width-capped excerpt, and the copy and jump controls the surrounding
+* surface enables. A clipped excerpt opens its full text on hover or keyboard
+* focus, so the excerpt in the flow stays one line.
+*/
+function QuoteMarkIcon({ className }) {
+	return jsx("svg", {
+		width: 16,
+		height: 16,
+		className,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": true,
+		children: jsxs("g", {
+			transform: "translate(6.8 2.4)",
+			children: [jsx("path", {
+				d: "M2.8125 0.583008L3.2002 1.16602C2.43912 1.6713 1.88491 2.41238 1.60547 3.25684H2.98926V6.70605H0V4.52148C1.96593e-05 2.70313 0.9109 1.00575 2.42578 0L2.8125 0.583008Z",
+				fill: "currentColor"
+			}), jsx("path", {
+				d: "M7.50781 0.583008L7.89551 1.16602C7.13443 1.6713 6.58022 2.41238 6.30078 3.25684H7.68457V6.70605H4.69531V4.52148C4.69533 2.70313 5.60621 1.00575 7.12109 0L7.50781 0.583008Z",
+				fill: "currentColor"
+			})]
+		})
+	});
+}
+/**
+* Render one quoted excerpt with its copy and optional jump controls.
+* @param props - excerpt text, control names, and the reveal action.
+* @returns the quote surface, with the full text on hover while clipped.
+*/
+function QuotePreview({ text, labels, onJump }) {
+	const sourceRef = useRef(null);
+	const [truncated, setTruncated] = useState(false);
+	const { copied, onCopy } = useClipboardCopy(text);
+	useLayoutEffect(() => {
+		const source = sourceRef.current;
+		/* v8 ignore next -- the ref is attached before layout effects run. */
+		if (source === null) return;
+		const measure = () => {
+			setTruncated(source.scrollWidth > source.clientWidth);
+		};
+		measure();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(measure);
+		observer.observe(source);
+		return () => {
+			observer.disconnect();
+		};
+	}, [text]);
+	const preview = jsxs("span", {
+		className: css$28.quote,
+		"data-quote-preview": "",
+		children: [
+			jsx("span", {
+				className: css$28.marker,
+				"aria-hidden": true,
+				children: jsx(QuoteMarkIcon, { className: css$28.quoteMark })
+			}),
+			jsx("span", {
+				ref: sourceRef,
+				className: css$28.source,
+				"data-quote-preview-text": "",
+				children: text
+			}),
+			jsx("button", {
+				type: "button",
+				className: css$28.action,
+				"aria-label": copied ? labels.copied : labels.copy,
+				"data-quote-copy": "",
+				onPointerDown: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+				},
+				onClick: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					onCopy();
+				},
+				children: copied ? jsx(IconCheckOutlineRegular, { size: 12 }) : jsx(IconCopyOutlineRegular, { size: 12 })
+			}),
+			onJump !== void 0 && jsx("button", {
+				type: "button",
+				className: css$28.action,
+				"aria-label": labels.jump,
+				"data-quote-jump": "",
+				onClick: onJump,
+				children: jsx(IconRightUpOutlineRegular, { size: 12 })
+			})
+		]
+	});
+	return jsx(HoverCard, {
+		inline: true,
+		openDelayMs: 0,
+		disabled: !truncated,
+		anchor: preview,
+		content: jsx("span", {
+			className: css$28.popoverText,
+			"data-quote-popover": "",
+			"aria-hidden": "true",
+			children: text
+		})
+	});
+}
+//#endregion
+//#region lib/types/quote-text.js
+/**
+* Explicit Markdown blockquote recognition and its source token, shared by the
+* user-text projection and any composer-side quote gesture.
+*
+* A quote is ordinary message text: consecutive lines that start with up to
+* three spaces and one `>` marker, plus one optional trailing space or tab.
+* Inline greater-than signs stay ordinary text. The first decoded line may name
+* the message the quote came from as `[quoted](qilin-quote:<node-key>)`, which
+* the projection consumes for a jump control and never shows as excerpt text.
+* Line endings normalize to `\n` on decode, so a message sent from any editor
+* prints the same excerpt.
+*
+* This module is the single home for both directions of that form: the
+* projection's scanner and decoder, and the serializer a quote gesture hands
+* the composer. Adding the composer's insertion seat needs no second copy.
+*/
+/** Scheme of the optional first line naming the quoted message's Chat node key. */
+const QUOTE_WIRE_SCHEME = "qilin-quote:";
+/** Marker line a quote block may open with: `[label](qilin-quote:<key>)`. */
+const SOURCE_LINE_RE = /* @__PURE__ */ new RegExp("^\\[[^\\]\\n]*\\]\\(qilin-quote:([^)\\s]+)\\)$", "u");
+/**
+* Remove one blockquote marker from each line and normalize line endings.
+* @param text - consecutive blockquote lines, with up to three leading spaces.
+* @returns excerpt text with original line endings normalized.
+*/
+function quoteTextOf(text) {
+	return text.replace(/\r\n?/gu, "\n").replace(/^ {0,3}>[ \t]?/gmu, "");
+}
+/**
+* Recognize consecutive explicitly marked Markdown blockquote lines.
+* @param text - complete original message text.
+* @returns ordered nonblank quote spans; inline greater-than signs remain ordinary text.
+*/
+function messageQuoteRanges(text) {
+	const ranges = [];
+	for (const match of text.matchAll(/^ {0,3}>[^\r\n]*(?:\r?\n {0,3}>[^\r\n]*)*/gmu)) if (quoteTextOf(match[0]).trim() !== "") ranges.push({
+		start: match.index,
+		end: match.index + match[0].length
+	});
+	return ranges;
+}
+/**
+* Split one decoded quote block into the source it names and its excerpt.
+* @param decoded - block text already stripped of its quote markers.
+* @returns the excerpt shown to the reader and the named source, if present.
+*/
+function quotedExcerptOf(decoded) {
+	const breakAt = decoded.indexOf("\n");
+	const first = breakAt === -1 ? decoded : decoded.slice(0, breakAt);
+	const match = SOURCE_LINE_RE.exec(first);
+	if (match === null) return {
+		text: decoded,
+		source: void 0
+	};
+	return {
+		text: breakAt === -1 ? "" : decoded.slice(breakAt + 1),
+		source: match[1]
+	};
+}
+/**
+* Serialize one excerpt as the blockquote text a quote gesture inserts.
+* @param text - excerpt to quote, as selected.
+* @param source - Chat node key of the quoted message, when the caller knows it.
+* @returns blockquote lines, one per excerpt line, with the source marker first.
+*/
+function quoteBlockTextOf(text, source) {
+	const lines = text.replace(/\r\n?/gu, "\n").split("\n").map((line) => `> ${line}`);
+	return source === void 0 ? lines.join("\n") : `> [quoted](${QUOTE_WIRE_SCHEME}${source})\n${lines.join("\n")}`;
+}
+/**
+* Serialize one selected excerpt into the message text a quote gesture inserts.
+* @param fragment - excerpt text and the source it names, if any.
+* @returns blockquote lines the composer receives as ordinary draft text.
+*/
+function quoteInsertionOf(fragment) {
+	return quoteBlockTextOf(fragment.text, fragment.source);
+}
 const prefixed = (literal, check, run, min, max = 0) => ({
 	literal,
 	kind: 2,
@@ -7756,7 +8450,7 @@ const MASK_RUNS = /* @__PURE__ */ new RegExp("(\\*+)", "u");
 */
 function EyeGlyph({ path }) {
 	return jsx("svg", {
-		className: css$26.icon,
+		className: css$29.icon,
 		viewBox: "0 0 16 16",
 		fill: "none",
 		stroke: "currentColor",
@@ -7780,7 +8474,7 @@ function MaskedText({ masked }) {
 		offset += part.length;
 		if (part === "") return null;
 		return part.startsWith("*") ? jsx("span", {
-			className: css$26.mask,
+			className: css$29.mask,
 			children: part
 		}, key) : jsx("span", { children: part }, key);
 	});
@@ -7796,11 +8490,11 @@ function SecretText({ masked, raw, labels }) {
 	const [revealedRaw, setRevealedRaw] = useState();
 	const revealed = labels !== void 0 && revealedRaw === raw;
 	return jsxs("span", {
-		className: css$26.secret,
+		className: css$29.secret,
 		"data-secret": "",
 		children: [jsx("span", { children: revealed ? raw : jsx(MaskedText, { masked }) }), labels !== void 0 && jsx("button", {
 			type: "button",
-			className: css$26.toggle,
+			className: css$29.toggle,
 			"aria-pressed": revealed,
 			"aria-label": revealed ? labels.hide : labels.reveal,
 			onClick: () => {
@@ -8326,9 +9020,10 @@ const TRAILING_PUNCTUATION_RE = /[.,;:!?，。；：！？]+$/u;
 * @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.
+* @param quotes - quote presentation for blockquoted spans; absent renders those characters as plain text.
 * @returns inline nodes covering the whole text.
 */
-function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skill", references, secretLabels) {
+function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skill", references, secretLabels, quotes) {
 	const secrets = scanSecrets(text);
 	const ranges = secrets.map((secret) => ({
 		start: secret.start,
@@ -8337,6 +9032,17 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		masked: secret.masked
 	}));
 	const maskedOver = (start, end) => secrets.some((secret) => start < secret.end && secret.start < end);
+	if (quotes !== void 0) for (const range of messageQuoteRanges(text)) {
+		if (maskedOver(range.start, range.end)) continue;
+		ranges.push({
+			start: range.start,
+			end: range.end,
+			kind: "quote",
+			excerpt: quotedExcerptOf(quoteTextOf(text.slice(range.start, range.end))),
+			labels: quotes.labels,
+			onJump: quotes.onJump
+		});
+	}
 	SESSION_WIRE_RE.lastIndex = 0;
 	let wire;
 	while ((wire = SESSION_WIRE_RE.exec(text)) !== null) {
@@ -8384,7 +9090,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 	let cursor = 0;
 	const pushPlain = (from, to) => {
 		parts.push(jsx("span", {
-			className: css$27.plainRun,
+			className: css$30.plainRun,
 			children: text.slice(from, to)
 		}, `t${from}`));
 	};
@@ -8401,27 +9107,46 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 			cursor = end;
 			continue;
 		}
+		if (range.kind === "quote") {
+			const { excerpt, labels, onJump } = range;
+			const { source } = excerpt;
+			parts.push(jsx(QuotePreview, {
+				text: excerpt.text,
+				labels,
+				...source === void 0 || onJump === void 0 ? {} : { onJump: () => {
+					onJump(source);
+				} }
+			}, `q${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(ReferenceIconRegular, {
 			kind: referenceKind,
 			size: 16,
-			className: css$27.refIcon
+			className: css$30.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$27.refChip, referenceKind === void 0 && css$27.slashChip);
+		const className = clsx(css$30.refChip, referenceKind === void 0 && css$30.slashChip);
+		const menuProps = references?.contextMenuProps?.({
+			kind: referenceKind ?? slashKind,
+			label
+		});
 		parts.push(open === void 0 ? jsx("span", {
+			...menuProps,
 			className,
 			"data-ref-chip": referenceKind ?? slashKind,
 			title: label,
 			children: contents
 		}, tokenStart) : jsx("button", {
 			type: "button",
+			...menuProps,
 			className: clsx(className, markdownCss.fileMention),
 			"data-ref-chip": referenceKind ?? slashKind,
 			title: label,
@@ -8434,7 +9159,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		cursor = end;
 	}
 	if (parts.length === 0) return jsx("span", {
-		className: css$27.plainRun,
+		className: css$30.plainRun,
 		children: text
 	});
 	if (cursor < text.length) pushPlain(cursor, text.length);
@@ -8454,6 +9179,16 @@ const FADE_MS = 1e3;
 * transformed or filtered ancestor cannot trap the fixed banner in that
 * ancestor's box.
 *
+* Actions extend the sentence with inline choices: each renders its plain-text
+* `prefix` (a connective such as "or") followed by its localized `label` as
+* clickable text inside the banner. Each press is the owner's to handle (undo
+* the reported change, then unmount the toast). The banner surface stays
+* click-through — only the action text takes the pointer — and a fully faded
+* banner takes no input at all.
+*
+* With an unchanged holdMs, a parent rerender does not extend the lifetime:
+* the completion call reaches the latest onDone handler.
+*
 * The hold is the owner's to set, because how long a banner has to stay
 * depends on how much there is to read: a one-line limit lands in the default
 * window, while a failure that names what broke does not. One value drives
@@ -8465,6 +9200,9 @@ const FADE_MS = 1e3;
 * under `tone="success"`, which brings its own glyph.
 * @param props.tone - 'success' renders the success check as the leading
 * glyph; omitted, the icon seat keeps its warning tint.
+* @param props.actions - optional inline actions continuing the sentence;
+* each renders its plain-text `prefix` followed by its localized `label`
+* as clickable text flowing after `text` as one sentence.
 * @param props.holdMs - full-opacity hold before the fade; defaults to 3000.
 * @param props.anchor - optional element whose horizontal center the banner
 * follows (e.g. the composer card, so the banner centers over the chat column
@@ -8472,13 +9210,19 @@ const FADE_MS = 1e3;
 * @param props.onDone - called once the fade completes; unmount the toast here.
 * @returns the floating banner.
 */
-function Toast({ text, icon, tone, anchor, holdMs = HOLD_MS, onDone }) {
+function Toast({ text, icon, tone, anchor, holdMs = HOLD_MS, actions, onDone }) {
+	const latestOnDone = useRef(onDone);
+	useLayoutEffect(() => {
+		latestOnDone.current = onDone;
+	}, [onDone]);
 	useEffect(() => {
-		const timer = setTimeout(onDone, holdMs + FADE_MS);
+		const timer = setTimeout(() => {
+			latestOnDone.current();
+		}, holdMs + FADE_MS);
 		return () => {
 			clearTimeout(timer);
 		};
-	}, [holdMs, onDone]);
+	}, [holdMs]);
 	const [left, setLeft] = useState(null);
 	useLayoutEffect(() => {
 		if (anchor == null) return;
@@ -8493,23 +9237,28 @@ function Toast({ text, icon, tone, anchor, holdMs = HOLD_MS, onDone }) {
 		};
 	}, [anchor]);
 	return createPortal(jsxs("div", {
-		className: css$28.toast,
+		className: css$31.toast,
 		role: "alert",
 		style: {
 			...left === null ? {} : { left },
 			"--qilin-toast-hold": `${String(holdMs)}ms`
 		},
 		children: [tone === "success" ? jsx("span", {
-			className: `${css$28.icon} ${css$28.success}`,
+			className: `${css$31.icon} ${css$31.success}`,
 			"aria-hidden": true,
 			children: jsx(IconCheckOutlineRegular, {})
 		}) : icon !== void 0 && jsx("span", {
-			className: css$28.icon,
+			className: css$31.icon,
 			"aria-hidden": true,
 			children: icon
-		}), jsx("span", {
-			className: css$28.text,
-			children: text
+		}), jsxs("span", {
+			className: css$31.text,
+			children: [text, actions?.map((action) => jsxs(Fragment$1, { children: [action.prefix, jsx("button", {
+				type: "button",
+				className: css$31.action,
+				onClick: action.onClick,
+				children: action.label
+			})] }, action.label))]
 		})]
 	}), document.body);
 }
@@ -8544,29 +9293,17 @@ function fileSizeRoundedText(bytes) {
 	return `${bytes} B`;
 }
 //#endregion
-//#region lib/types/use-copy-feedback.js
-/** How long the `copied` flag stays true after a successful write, in ms. */
-const COPIED_FEEDBACK_MS = 1e3;
+//#region lib/types/UserMessageBubble.js
 /**
-* Copy `text` to the clipboard with one-second success feedback.
-* @param text - the text to write on copy.
-* @returns the `copied` flag and the `onCopy` handler.
+* Render user-style message content without row placement or actions.
+* @param props - Native div attributes and the caller-owned content.
+* @returns A theme-aware message surface that wraps its content.
 */
-function useCopyFeedback(text) {
-	const [copied, setCopied] = useState(false);
-	return {
-		copied,
-		onCopy: useCallback(() => {
-			if (copied) return;
-			writeClipboard(text).then((ok) => {
-				if (!ok) return;
-				setCopied(true);
-				window.setTimeout(() => {
-					setCopied(false);
-				}, COPIED_FEEDBACK_MS);
-			});
-		}, [copied, text])
-	};
+function UserMessageBubble({ className, ...props }) {
+	return jsx("div", {
+		...props,
+		className: clsx(css$32.bubble, className)
+	});
 }
 //#endregion
 //#region lib/types/relative-time.js
@@ -8802,7 +9539,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$29.copySlot,
+		className: css$33.copySlot,
 		children: (persistent || snapshot !== void 0) && jsx(Menu, {
 			open: snapshot?.menuOpen === true,
 			compact: true,
@@ -8811,7 +9548,7 @@ function JsonCopyAction({ store, target, persistent, labels, onCopy, onClose })
 			anchor: jsx("button", {
 				ref: buttonRef,
 				type: "button",
-				className: css$29.actionButton,
+				className: css$33.actionButton,
 				"data-json-copy-button": true,
 				"data-state": state,
 				"aria-label": copyTitle,
@@ -8850,35 +9587,35 @@ function bracketOf(value) {
 }
 function previewPrimitive(value) {
 	if (value === null) return jsx("span", {
-		className: css$29.keywordValue,
+		className: css$33.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$29.stringValue,
+		className: css$33.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$29.numberValue,
+		className: css$33.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$29.keywordValue,
+		className: css$33.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: value.toString()
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: "undefined"
 	});
 	if (typeof value === "symbol") return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: value.description ?? "Symbol"
 	});
 	if (typeof value === "function") return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: value.name || "Function"
 	});
 	return null;
@@ -8892,71 +9629,71 @@ function previewValue(value, depth) {
 	const [open, close] = bracketOf(value);
 	return jsxs(Fragment, { children: [
 		jsx("span", {
-			className: css$29.punctuation,
+			className: css$33.punctuation,
 			children: open
 		}),
 		depth >= PREVIEW_DEPTH_LIMIT ? jsx("span", {
-			className: css$29.previewEllipsis,
+			className: css$33.previewEllipsis,
 			children: "…"
 		}) : visible.map(([key, item], index) => jsxs("span", { children: [
 			index > 0 && jsx("span", {
-				className: css$29.punctuation,
+				className: css$33.punctuation,
 				children: ", "
 			}),
 			!array && jsxs(Fragment, { children: [jsx("span", {
-				className: css$29.previewProperty,
+				className: css$33.previewProperty,
 				children: key
 			}), jsx("span", {
-				className: css$29.punctuation,
+				className: css$33.punctuation,
 				children: ": "
 			})] }),
 			previewValue(item, depth + 1)
 		] }, key)),
 		depth < PREVIEW_DEPTH_LIMIT && entries.length > limit && jsx("span", {
-			className: css$29.previewEllipsis,
+			className: css$33.previewEllipsis,
 			children: ", …"
 		}),
 		jsx("span", {
-			className: css$29.punctuation,
+			className: css$33.punctuation,
 			children: close
 		})
 	] });
 }
 function primitiveValue(value) {
 	if (value === null) return jsx("span", {
-		className: css$29.keywordValue,
+		className: css$33.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$29.stringValue,
+		className: css$33.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$29.keywordValue,
+		className: css$33.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$29.numberValue,
+		className: css$33.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$29.numberValue,
+		className: css$33.numberValue,
 		children: `${value.toString()}n`
 	});
 	if (value instanceof Date) return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: value.toISOString()
 	});
 	if (typeof value === "function") return jsxs("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: ["function() ", "{ }"]
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: "undefined"
 	});
 	return jsx("span", {
-		className: css$29.otherValue,
+		className: css$33.otherValue,
 		children: value.toString()
 	});
 }
@@ -8984,7 +9721,7 @@ function moveFocus(button, direction) {
 function NodeField({ field, expandable, onToggle }) {
 	if (field === void 0) return null;
 	return jsxs("span", {
-		className: clsx(css$29.label, expandable && css$29.clickableLabel),
+		className: clsx(css$33.label, expandable && css$33.clickableLabel),
 		onClick: expandable ? onToggle : void 0,
 		children: [fieldText(field), ":"]
 	});
@@ -9021,7 +9758,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		if (!expanded) return;
 		const raw = rawRef.current;
 		const clips = [];
-		const tree = raw.closest(`.${css$29.root}`);
+		const tree = raw.closest(`.${css$33.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;
@@ -9050,33 +9787,33 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 	if (expanded) {
 		const fieldId = `${contentsId}-field`;
 		return jsxs("div", {
-			className: css$29.stringField,
+			className: css$33.stringField,
 			"data-expanded": true,
 			children: [
 				field !== void 0 && jsxs("span", {
 					id: fieldId,
-					className: css$29.label,
+					className: css$33.label,
 					children: [fieldText(field), ":"]
 				}),
 				jsx("pre", {
 					ref: rawRef,
 					id: contentsId,
-					className: css$29.stringRaw,
+					className: css$33.stringRaw,
 					"data-wrap": wrapped,
 					tabIndex: 0,
 					"aria-labelledby": field === void 0 ? void 0 : fieldId,
 					children: value
 				}),
 				!lastElement && jsx("span", {
-					className: css$29.punctuation,
+					className: css$33.punctuation,
 					children: ","
 				}),
 				jsxs("div", {
-					className: css$29.stringActions,
+					className: css$33.stringActions,
 					children: [
 						stringWrapping !== void 0 && jsx("button", {
 							type: "button",
-							className: css$29.actionButton,
+							className: css$33.actionButton,
 							"aria-label": stringWrapping.label,
 							title: stringWrapping.label,
 							"aria-pressed": wrapped,
@@ -9090,7 +9827,7 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 						}),
 						jsx("button", {
 							type: "button",
-							className: css$29.actionButton,
+							className: css$33.actionButton,
 							"aria-label": labels.collapseNode,
 							title: labels.collapseNode,
 							"aria-expanded": true,
@@ -9116,18 +9853,18 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 		});
 	}
 	return jsxs(Fragment, { children: [renderCopy?.(), jsx("span", {
-		className: css$29.stringField,
+		className: css$33.stringField,
 		"data-expanded": expanded,
 		children: jsxs("span", {
 			ref: contentRef,
 			id: contentsId,
-			className: css$29.stringText,
+			className: css$33.stringText,
 			children: [
 				truncated && jsx("span", {
-					className: css$29.stringToggleSlot,
+					className: css$33.stringToggleSlot,
 					children: jsxs("button", {
 						type: "button",
-						className: css$29.stringToggle,
+						className: css$33.stringToggle,
 						"aria-label": labels.expandNode,
 						"aria-expanded": false,
 						"aria-controls": contentsId,
@@ -9142,12 +9879,12 @@ function JsonString({ collapsedStringLines, stringWrapping, field, labels, lastE
 					})
 				}),
 				field !== void 0 && jsxs("span", {
-					className: css$29.label,
+					className: css$33.label,
 					children: [fieldText(field), ":"]
 				}),
 				primitiveValue(value),
 				!lastElement && jsx("span", {
-					className: css$29.punctuation,
+					className: css$33.punctuation,
 					children: ","
 				})
 			]
@@ -9178,7 +9915,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}
 	};
 	const row = (children, ariaExpanded) => jsxs("div", {
-		className: css$29.row,
+		className: css$33.row,
 		role: "treeitem",
 		"aria-expanded": ariaExpanded,
 		onMouseOver: (event) => {
@@ -9213,7 +9950,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		}),
 		primitiveValue(value),
 		!lastElement && jsx("span", {
-			className: css$29.punctuation,
+			className: css$33.punctuation,
 			children: ","
 		})
 	] }));
@@ -9225,22 +9962,22 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onToggle: toggle
 		}),
 		jsx("span", {
-			className: css$29.punctuation,
+			className: css$33.punctuation,
 			children: open
 		}),
 		jsx("span", {
-			className: css$29.punctuation,
+			className: css$33.punctuation,
 			children: close
 		}),
 		!lastElement && jsx("span", {
-			className: css$29.punctuation,
+			className: css$33.punctuation,
 			children: ","
 		})
 	] }));
 	return row(jsxs(Fragment, { children: [
 		jsx("span", {
 			ref: expanderRef,
-			className: clsx(css$29.expander, expanded ? css$29.collapseIcon : css$29.expandIcon),
+			className: clsx(css$33.expander, expanded ? css$33.collapseIcon : css$33.expandIcon),
 			"data-json-expander": true,
 			role: "button",
 			"aria-label": expanded ? labels.collapseNode : labels.expandNode,
@@ -9254,7 +9991,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 			onKeyDown: onExpanderKeyDown
 		}),
 		jsxs("span", {
-			className: css$29.summary,
+			className: css$33.summary,
 			children: [
 				jsx(NodeField, {
 					field,
@@ -9262,11 +9999,11 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 					onToggle: toggle
 				}),
 				jsx("span", {
-					className: css$29.preview,
+					className: css$33.preview,
 					children: previewValue(value, 0)
 				}),
 				!lastElement && jsx("span", {
-					className: css$29.punctuation,
+					className: css$33.punctuation,
 					children: ","
 				})
 			]
@@ -9274,7 +10011,7 @@ function JsonTreeNode({ collapsedStringLines, stringWrapping, field, initialExpa
 		expanded && jsx("ul", {
 			id: contentsId,
 			role: "group",
-			className: css$29.children,
+			className: css$33.children,
 			children: entries.map(([key, item], index) => jsx(JsonTreeNode, {
 				collapsedStringLines,
 				stringWrapping,
@@ -9406,17 +10143,17 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 		onClose: clearCopyTarget
 	}) : void 0;
 	return jsx("div", {
-		className: clsx(css$29.root, className),
+		className: clsx(css$33.root, className),
 		style: { "--json-tree-collapsed-lines": collapsedStringLines },
 		onMouseOver: handleRootMouseOver,
 		onMouseLeave: () => {
 			if (!copyStore.get()?.menuOpen) clearCopyTarget();
 		},
 		children: expandTopLevel ? jsxs("div", {
-			className: css$29.expandedTopLevel,
+			className: css$33.expandedTopLevel,
 			children: [
 				jsxs("div", {
-					className: clsx(css$29.row, css$29.topLevelBracket),
+					className: clsx(css$33.row, css$33.topLevelBracket),
 					"data-json-root-row": true,
 					onMouseOver: (event) => {
 						event.stopPropagation();
@@ -9429,13 +10166,13 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 						path: [],
 						value: data
 					}), jsx("span", {
-						className: css$29.punctuation,
+						className: css$33.punctuation,
 						children: rootOpen
 					})]
 				}),
 				jsx("div", {
 					"aria-label": label,
-					className: clsx(css$29.container, css$29.expandedTopLevelContainer),
+					className: clsx(css$33.container, css$33.expandedTopLevelContainer),
 					role: "tree",
 					children: rootEntries.map(([key, value], index) => jsx(JsonTreeNode, {
 						collapsedStringLines,
@@ -9453,16 +10190,16 @@ function JsonTree({ data, label, className, collapsedStringLines = 3, stringWrap
 					}, key))
 				}),
 				jsx("div", {
-					className: clsx(css$29.row, css$29.topLevelBracket),
+					className: clsx(css$33.row, css$33.topLevelBracket),
 					children: jsx("span", {
-						className: css$29.punctuation,
+						className: css$33.punctuation,
 						children: rootClose
 					})
 				})
 			]
 		}) : jsx("div", {
 			"aria-label": label,
-			className: css$29.container,
+			className: css$33.container,
 			role: "tree",
 			children: jsx(JsonTreeNode, {
 				collapsedStringLines,
@@ -9987,7 +10724,7 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 		return parsed.length > 1 && last !== void 0 && last.every((span) => span.text === "") ? parsed.slice(0, -1) : parsed;
 	}, [text]);
 	const [expanded, setExpanded] = useState(false);
-	const { copied, onCopy } = useCopyFeedback(text);
+	const { copied, onCopy } = useClipboardCopy(text);
 	const onToggle = useCallback(() => {
 		setExpanded((value) => !value);
 	}, []);
@@ -10001,31 +10738,31 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 	const { hidden, capped, headLines, tailLines } = headTailCap(lines.length, maxLines, expanded);
 	const body = !background && (!running || !empty);
 	return jsxs("div", {
-		className: clsx(css$30.block, className),
+		className: clsx(css$34.block, className),
 		"data-terminal": "",
 		"data-running": running ? "" : void 0,
 		"data-body": body ? "" : void 0,
 		children: [jsxs("div", {
-			className: css$30.header,
+			className: css$34.header,
 			children: [
 				jsxs("div", {
-					className: css$30.prompt,
+					className: css$34.prompt,
 					children: [showState && jsx("span", {
-						className: css$30.runStateLabel,
+						className: css$34.runStateLabel,
 						children: state.label
 					}), commandLines.map((line, index) => jsxs("div", {
-						className: css$30.promptLine,
+						className: css$34.promptLine,
 						children: [
 							index === 0 && showState && jsx(StateDot, {
 								state: state.state,
-								className: css$30.runState
+								className: css$34.runState
 							}),
 							jsx("span", {
-								className: css$30.cwd,
+								className: css$34.cwd,
 								children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home)
 							}),
 							jsx(CommandText, {
-								className: css$30.command,
+								className: css$34.command,
 								text: line,
 								label: copy.commandLine(index + 1)
 							})
@@ -10033,36 +10770,36 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 					}, index))]
 				}),
 				status !== void 0 && jsx(Pill, {
-					className: css$30.status,
+					className: css$34.status,
 					children: status
 				}),
 				!background && !running && !empty && jsx("button", {
 					type: "button",
-					className: css$30.copyButton,
+					className: css$34.copyButton,
 					onClick: onCopy,
 					children: copied ? copy.copied : copy.copy
 				})
 			]
 		}), body && (empty ? jsx("div", {
-			className: css$30.empty,
+			className: css$34.empty,
 			children: copy.noOutput
 		}) : jsxs("div", {
-			className: css$30.output,
+			className: css$34.output,
 			children: [
 				(capped ? lines.slice(0, headLines) : lines).map((line, index) => jsx("div", {
-					className: css$30.line,
+					className: css$34.line,
 					children: renderLine$1(line)
 				}, index)),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$30.expand,
+					className: css$34.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$30.line,
+					className: css$34.line,
 					children: renderLine$1(line)
 				}, index))
 			]
@@ -10650,51 +11387,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$31.line,
+		className: css$35.line,
 		children: [jsx("span", {
-			className: css$31.gutter,
+			className: css$35.gutter,
 			"aria-hidden": true,
 			children: line.number
 		}), jsx("span", {
-			className: css$31.content,
+			className: css$35.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$31.block, className),
+		className: clsx(css$35.block, className),
 		"data-read": "",
 		children: [jsxs("div", {
-			className: css$31.banner,
+			className: css$35.banner,
 			children: [jsx("div", {
-				className: css$31.label,
+				className: css$35.label,
 				children: label ?? ""
 			}), jsxs("div", {
-				className: css$31.action,
+				className: css$35.action,
 				children: [
 					windowed && jsx("span", {
-						className: css$31.count,
+						className: css$35.count,
 						children: labels.window(lines.length, totalLines)
 					}),
 					jsx("span", {
-						className: css$31.lang,
+						className: css$35.lang,
 						children: lang ?? ""
 					}),
 					lines.length > 0 && jsx("button", {
 						type: "button",
-						className: css$31.copyButton,
+						className: css$35.copyButton,
 						onClick: onCopy,
 						children: copied ? labels.copied : labels.copy
 					})
 				]
 			})]
 		}), jsxs("div", {
-			className: css$31.body,
+			className: css$35.body,
 			children: [
 				rows(capped ? paired.slice(0, headLines) : paired),
 				hidden > 0 && jsx(FoldToggle, {
-					className: css$31.expand,
+					className: css$35.expand,
 					expanded,
 					hidden,
 					labels,
@@ -10716,11 +11453,11 @@ function assertNever(value) {
 }
 /** The dim class per row kind (path/gap chrome vs the diff's own +/- colors). */
 const ROW_CLASS = {
-	path: css$32.path,
-	del: css$32.del,
-	add: css$32.add,
-	context: css$32.context,
-	gap: css$32.gap
+	path: css$36.path,
+	del: css$36.del,
+	add: css$36.add,
+	context: css$36.context,
+	gap: css$36.gap
 };
 /** Bound synchronous edit-graph search; one replacement consumes two edits. */
 const MAX_DIFF_EDIT_LENGTH = 256;
@@ -10858,37 +11595,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$32.block, className),
+		className: clsx(css$36.block, className),
 		"data-diff": "",
 		children: [
 			jsx("button", {
 				type: "button",
-				className: css$32.copyButton,
+				className: css$36.copyButton,
 				onClick: onCopy,
 				children: copied ? labels.copied : labels.copy
 			}),
 			jsxs("div", {
-				className: css$32.body,
+				className: css$36.body,
 				children: [
 					head.map((row, index) => jsx("div", {
-						className: clsx(css$32.line, ROW_CLASS[row.kind]),
+						className: clsx(css$36.line, ROW_CLASS[row.kind]),
 						children: row.text
 					}, index)),
 					hidden > 0 && jsx(FoldToggle, {
-						className: css$32.expand,
+						className: css$36.expand,
 						expanded,
 						hidden,
 						labels,
 						onToggle
 					}),
 					tail.map((row, index) => jsx("div", {
-						className: clsx(css$32.line, ROW_CLASS[row.kind]),
+						className: clsx(css$36.line, ROW_CLASS[row.kind]),
 						children: row.text
 					}, index))
 				]
 			}),
 			jsxs("div", {
-				className: css$32.footer,
+				className: css$36.footer,
 				children: [
 					"└ +",
 					added,
@@ -11004,7 +11741,7 @@ function SearchBlock(props) {
 	const rows = toRows(props, collapsed);
 	const shown = shownCount(props);
 	const empty = rows.length === 0;
-	const { copied, onCopy } = useCopyFeedback(copyText(props));
+	const { copied, onCopy } = useClipboardCopy(copyText(props));
 	const onToggle = useCallback(() => {
 		setExpanded((value) => !value);
 	}, []);
@@ -11024,56 +11761,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$33.line,
+			className: css$37.line,
 			children: row.path
 		});
 		if (row.type === "match") return jsxs("div", {
-			className: css$33.line,
+			className: css$37.line,
 			children: [jsxs("span", {
-				className: css$33.lineNumber,
+				className: css$37.lineNumber,
 				children: [row.lineNumber, ": "]
 			}), row.line]
 		});
 		return jsxs("button", {
 			type: "button",
-			className: css$33.fileHeader,
+			className: css$37.fileHeader,
 			"aria-expanded": !row.collapsed,
 			onClick: () => {
 				toggleFile(row.index);
 			},
 			children: [jsx("span", {
-				className: css$33.filePath,
+				className: css$37.filePath,
 				children: row.path
 			}), jsx("span", {
-				className: css$33.fileCount,
+				className: css$37.fileCount,
 				children: row.count
 			})]
 		});
 	};
 	return jsxs("div", {
-		className: clsx(css$33.block, className),
+		className: clsx(css$37.block, className),
 		"data-search": props.kind,
 		children: [jsxs("div", {
-			className: css$33.header,
+			className: css$37.header,
 			children: [jsx("span", {
-				className: css$33.summary,
+				className: css$37.summary,
 				children: summaryText(props, shown, truncated, total)
 			}), !empty && jsx("button", {
 				type: "button",
-				className: css$33.copyButton,
+				className: css$37.copyButton,
 				onClick: onCopy,
 				children: copied ? props.labels.copied : props.labels.copy
 			})]
 		}), empty ? jsx("div", {
-			className: css$33.empty,
+			className: css$37.empty,
 			children: props.labels.noResults
 		}) : jsxs("div", {
-			className: css$33.body,
+			className: css$37.body,
 			children: [
 				head.map((row) => jsx("div", { children: renderRow(row) }, rowKey(row))),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$33.expand,
+					className: css$37.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? props.labels.collapseAria : props.labels.expandAria(hidden),
 					onClick: onToggle,
@@ -11469,7 +12206,12 @@ function cjkFriendlyStrong() {
 }
 //#endregion
 //#region lib/types/markdown/mathCompatibility.js
-/** Extend upstream dollar-only math syntax with TeX delimiters while reusing its token vocabulary. */
+/**
+* Extend upstream dollar-only math syntax with TeX delimiters while reusing its
+* token vocabulary. The dollar construct claims every `$$` flow fence, so text
+* on the opening line is math content instead of the upstream construct's fence
+* meta, which the renderer does not read.
+*/
 const previousBackslash = function(code) {
 	if (code !== codes.backslash) return true;
 	const tail = this.events.at(-1);
@@ -11570,7 +12312,7 @@ const tokenizeBackslashMathText = function(effects, ok, nok) {
 		}
 	}
 };
-function createMathFlow(marker, openMarker, closeMarker, multiline) {
+function createMathFlow(marker, openMarker, closeMarker) {
 	const tokenize = function(effects, ok, nok) {
 		const self = this;
 		let oddBackslashRun = false;
@@ -11602,7 +12344,7 @@ function createMathFlow(marker, openMarker, closeMarker, multiline) {
 				partial: true,
 				tokenize: tokenizeClosingFence
 			}, closed, afterClosingFenceAttempt)(code);
-			if (markdownLineEnding(code)) return multiline ? effects.attempt(nonLazyContinuation, afterContinuation, nok)(code) : nok(code);
+			if (markdownLineEnding(code)) return self.interrupt ? ok(code) : effects.attempt(nonLazyContinuation, afterContinuation, nok)(code);
 			return valueStart(code);
 		}
 		function afterClosingFenceAttempt(code) {
@@ -11689,7 +12431,7 @@ function createMathFlow(marker, openMarker, closeMarker, multiline) {
 	};
 	return {
 		concrete: true,
-		name: marker === codes.dollarSign ? "sameLineDollarMathFlow" : "backslashMathFlow",
+		name: marker === codes.dollarSign ? "dollarMathFlow" : "backslashMathFlow",
 		tokenize
 	};
 }
@@ -11719,26 +12461,66 @@ const backslashMathText = {
 	previous: previousBackslash,
 	tokenize: tokenizeBackslashMathText
 };
-const backslashMathFlow = createMathFlow(codes.backslash, codes.leftSquareBracket, codes.rightSquareBracket, true);
-const sameLineDollarMathFlow = createMathFlow(codes.dollarSign, codes.dollarSign, codes.dollarSign, false);
+const backslashMathFlow = createMathFlow(codes.backslash, codes.leftSquareBracket, codes.rightSquareBracket);
+const dollarMathFlow = createMathFlow(codes.dollarSign, codes.dollarSign, codes.dollarSign);
 const backslashMath = {
 	flow: {
 		[codes.backslash]: backslashMathFlow,
-		[codes.dollarSign]: sameLineDollarMathFlow
+		[codes.dollarSign]: dollarMathFlow
 	},
 	text: { [codes.backslash]: backslashMathText }
 };
 /**
-* TeX backslash delimiters and same-line display-dollar blocks as a micromark
-* syntax extension reusing `micromark-extension-math`'s token vocabulary; the
-* caller must also register `math()` on the same parse so the emitted tokens
-* compile to standard math nodes.
+* TeX backslash delimiters and display-dollar blocks as a micromark syntax
+* extension reusing `micromark-extension-math`'s token vocabulary; the caller
+* must also register `math()` on the same parse so the emitted tokens compile
+* to standard math nodes. Both `$$<math>$$` on one line and a `$$<math>` block
+* closed by a trailing `$$` parse as one math node, and a closing `$$` may sit
+* at the end of a content line.
 * @returns The micromark syntax extension.
 */
 function mathCompatibility() {
 	return backslashMath;
 }
 //#endregion
+//#region lib/types/markdown/windows-path-destinations.js
+/** Keep backslash separators in Markdown destinations written as Windows paths. */
+/**
+* A raw destination is a Windows path when it has a backslash and no URL
+* scheme, and either has no `/` or has a backslash before a letter or digit,
+* which CommonMark cannot read as an escape. A drive letter is not a scheme.
+* @param raw - The destination exactly as authored between parentheses or angle brackets.
+* @returns Whether CommonMark escapes in the destination are Windows separators.
+*/
+function isWindowsPath(raw) {
+	return raw.includes("\\") && !/^[a-z][a-z\d+.-]+:/iu.test(raw) && (!raw.includes("/") || /\\[\p{L}\p{N}]/u.test(raw));
+}
+/**
+* Replace the destination of the link, image, or definition being exited.
+* @param this - Compile context positioned on the destination events.
+* @param token - The entity token naming the destination.
+*/
+function exitDestination(token) {
+	const parsed = this.resume();
+	const raw = this.sliceSerialize(token);
+	const node = this.stack.at(-1);
+	node.url = isWindowsPath(raw) ? decodeString(raw.replaceAll("\\", "\\\\")) : parsed;
+}
+/**
+* CommonMark reads `\.` or `\_` in a destination as an escaped character, so
+* `D:\repo\.github` would parse as `D:\repo.github`. For a destination that
+* is a Windows path, this fromMarkdown extension keeps every backslash
+* literally, including one before punctuation such as `\(`, while character
+* references such as `&amp;` still decode; other destinations parse unchanged.
+* @returns The mdast extension to add to `mdastExtensions`.
+*/
+function windowsPathDestinations() {
+	return { exit: {
+		resourceDestinationString: exitDestination,
+		definitionDestinationString: exitDestination
+	} };
+}
+//#endregion
 //#region lib/types/markdown/parse.js
 /**
 * The markdown renderer's two mdast grammars, one per rendering arm. Each
@@ -11749,6 +12531,8 @@ function mathCompatibility() {
 * begin a math construct (a `$$` block is a paragraph while streaming and a
 * math block once settled, by design).
 */
+/** GFM strikethrough requires `~~`; a single `~` stays literal, as in ranges such as `10~20`. */
+const gfmOptions = { singleTilde: false };
 /**
 * Parse GFM markdown (the streaming arm's grammar: no math, so incomplete
 * TeX never flashes KaTeX errors mid-stream).
@@ -11757,8 +12541,8 @@ function mathCompatibility() {
 */
 function parseGfm(text) {
 	return recoverLocalImages(fromMarkdown(text, {
-		extensions: [gfm(), cjkFriendlyStrong()],
-		mdastExtensions: [gfmFromMarkdown()]
+		extensions: [gfm(gfmOptions), cjkFriendlyStrong()],
+		mdastExtensions: [gfmFromMarkdown(), windowsPathDestinations()]
 	}), text);
 }
 /**
@@ -11770,12 +12554,16 @@ function parseGfm(text) {
 function parseGfmWithMath(text) {
 	return recoverLocalImages(fromMarkdown(text, {
 		extensions: [
-			gfm(),
+			gfm(gfmOptions),
 			cjkFriendlyStrong(),
-			mathCompatibility(),
-			math()
+			math(),
+			mathCompatibility()
 		],
-		mdastExtensions: [gfmFromMarkdown(), mathFromMarkdown()]
+		mdastExtensions: [
+			gfmFromMarkdown(),
+			mathFromMarkdown(),
+			windowsPathDestinations()
+		]
 	}), text);
 }
 //#endregion
@@ -11807,7 +12595,8 @@ function renderLine(line, index) {
 }
 function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers = false, showHeader = true, copyLabel, copiedLabel }) {
 	const trimmed = code.endsWith("\n") ? code.slice(0, -1) : code;
-	const sourceLines = lineNumbers ? trimmed.split("\n") : void 0;
+	const plainLines = trimmed.split("\n");
+	const sourceLines = lineNumbers ? plainLines : void 0;
 	const rootRef = useRef(null);
 	const highlighting = useViewportHighlighting(rootRef, lang);
 	const loaded = useSyncExternalStore(subscribeGrammarLoaded, grammarLoadCount, grammarLoadCount);
@@ -11901,30 +12690,30 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 		});
 	}, [copied, trimmed]);
 	const body = streamedBody !== void 0 ? streamedBody : html === void 0 ? jsx("pre", {
-		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: css$38.plain,
+		children: jsx("code", { children: plainLines.map((line, index) => jsxs(Fragment$1, { children: [index > 0 && "\n", jsx("span", {
 			className: "line",
 			children: line
 		})] }, index)) })
 	}) : jsx("div", { dangerouslySetInnerHTML: { __html: html } });
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$34.block, "md-code-block", lineNumbers && css$34.numbered, className),
+		className: clsx(css$38.block, "md-code-block", lineNumbers && css$38.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$34.bannerWrap,
+			className: css$38.bannerWrap,
 			children: jsxs("div", {
-				className: css$34.banner,
+				className: css$38.banner,
 				"data-code-block-banner": true,
 				children: [jsx("div", {
-					className: css$34.infostring,
+					className: css$38.infostring,
 					children: lang ?? ""
 				}), jsx("div", {
-					className: css$34.action,
+					className: css$38.action,
 					children: jsx("button", {
 						type: "button",
-						className: css$34.copyButton,
+						className: css$38.copyButton,
 						onClick: onCopy,
 						children: copied ? copiedLabel : copyLabel
 					})
@@ -11932,7 +12721,7 @@ function CodeBlock({ code, lang, streaming, className, contentRef, lineNumbers =
 			})
 		}), jsx("div", {
 			ref: contentRef,
-			className: css$34.content,
+			className: css$38.content,
 			"data-code-block-content": true,
 			children: body
 		})]
@@ -12083,15 +12872,15 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 		};
 	}, [code, domId]);
 	if (state.status === "loading") return jsx("div", {
-		className: css$35.stage,
+		className: css$39.stage,
 		"data-mermaid-loading": true,
 		"aria-hidden": "true"
 	});
 	if (state.status === "error") return jsxs("div", {
-		className: css$35.error,
+		className: css$39.error,
 		role: "alert",
 		children: [jsx("span", {
-			className: css$35.errorLine,
+			className: css$39.errorLine,
 			children: state.message
 		}), jsx(CodeBlock, {
 			code: `${code}\n`,
@@ -12100,7 +12889,7 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 		})]
 	});
 	const stage = jsx("div", {
-		className: css$35.stage,
+		className: css$39.stage,
 		"data-mermaid-diagram": true,
 		dangerouslySetInnerHTML: { __html: state.svg },
 		onClick: () => {
@@ -12115,13 +12904,13 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 	});
 	if (zoom === null) return stage;
 	return jsxs(Fragment, { children: [stage, createPortal(jsx("div", {
-		className: css$35.zoomOverlay,
+		className: css$39.zoomOverlay,
 		onClick: () => {
 			setZoom(null);
 		},
 		role: "presentation",
 		children: jsx("div", {
-			className: css$35.zoomStage,
+			className: css$39.zoomStage,
 			dangerouslySetInnerHTML: { __html: zoom },
 			onClick: (event) => {
 				event.stopPropagation();
@@ -12135,11 +12924,23 @@ function MermaidDiagram({ code, copyLabel, copiedLabel, diagramLabel, enlargedLa
 //#region lib/types/markdown/file-link.js
 /** Local Markdown destinations accepted by the file-preview callback. */
 /**
-* Decode a file destination and its optional GitHub-style line fragment.
-* Literal `?` and `#` in filenames must be percent-encoded.
+* Recognize a relative, rooted, or absolute Windows path before URL parsing.
+* @param value - A decoded or URI-normalized destination.
+* @returns Whether a filesystem prefix makes the destination unambiguous.
+*/
+function isExplicitFilePath(value) {
+	return /^(?:[\\/]|\.{1,2}[\\/]|[a-z]:[\\/])/i.test(value);
+}
+/**
+* Decode a file destination with a fragment, line range, or line/column suffix.
+* Explicit relative, slash/backslash-rooted, and Windows drive paths take
+* precedence over URLs. Other parseable absolute URLs are not file links.
+* Fragments take precedence over colon suffixes; invalid locations open the
+* file without selecting a line. Columns are consumed but not selected.
+* Percent-encode literal `?`, `#`, and numeric colon suffixes in filenames.
 * @param value - Parsed Markdown link destination.
 * @returns A local path and optional first line, or undefined for URLs,
-* fragment-only links, queries, malformed escapes, or invalid line ranges.
+* fragment-only links, queries, malformed escapes, or control characters.
 */
 function parseFileLink(value) {
 	const hash = value.indexOf("#");
@@ -12151,14 +12952,16 @@ function parseFileLink(value) {
 	} catch (_error) {
 		return;
 	}
-	if (path.length === 0 || /[\u0000-\u001f\u007f]/.test(path) || /^[\\/]{2}/.test(path) || /^[a-z][a-z\d+.-]*:/i.test(path) && !/^[a-z]:[\\/]/i.test(path)) return void 0;
-	if (hash < 0) return { path };
-	const fragment = value.slice(hash + 1);
-	const match = /^L([1-9]\d*)(?:-L([1-9]\d*))?$/.exec(fragment);
-	if (match === null) return void 0;
+	if (path.length === 0 || /[\u0000-\u001f\u007f]/.test(path)) return void 0;
+	if (!isExplicitFilePath(path) && URL.canParse(path)) return void 0;
+	const suffix = hash < 0 ? /:(\d+)(?::\d+|-(\d+))?$/.exec(destination) : null;
+	if (suffix !== null) path = path.slice(0, -suffix[0].length);
+	if (path.length === 0) return void 0;
+	const match = suffix ?? (hash < 0 ? null : /^L(\d+)(?:-L(\d+))?$/.exec(value.slice(hash + 1)));
+	if (match === null) return { path };
 	const line = Number(match[1]);
 	const end = match[2] === void 0 ? line : Number(match[2]);
-	if (!Number.isSafeInteger(line) || !Number.isSafeInteger(end) || end < line) return void 0;
+	if (!Number.isSafeInteger(line) || !Number.isSafeInteger(end) || line < 1 || end < line) return { path };
 	return {
 		path,
 		line
@@ -12255,15 +13058,17 @@ const MarkdownDelegateContext = createContext({});
 * @param props - Child tree and its file and HTTP(S) link handlers.
 * @returns the scoped child tree.
 */
-function MarkdownDelegateProvider({ children, openExternalLink, openFile, fileImages }) {
+function MarkdownDelegateProvider({ children, openExternalLink, openFile, fileImages, getTriggerProps }) {
 	const delegate = useMemo(() => ({
 		openExternalLink,
 		openFile,
-		fileImages
+		fileImages,
+		getTriggerProps
 	}), [
 		openExternalLink,
 		openFile,
-		fileImages
+		fileImages,
+		getTriggerProps
 	]);
 	return jsx(MarkdownDelegateContext.Provider, {
 		value: delegate,
@@ -12292,13 +13097,14 @@ function useMarkdownDelegate() {
 * @param props.onClose - dismiss callback owned by the opener.
 * @returns the modal preview dialog.
 */
-function ImageLightbox({ src, alt, labels, onClose }) {
+function ImageLightbox({ src, alt, labels, onClose, contextMenuProps }) {
 	const closeRef = useRef(null);
 	const restoreRef = useRef(null);
 	useEffect(() => {
 		restoreRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
 		closeRef.current?.focus();
 		const onKeyDown = (event) => {
+			if (event.defaultPrevented || document.activeElement?.closest("[role=\"menu\"]")) return;
 			if (event.key === "Escape") {
 				event.stopPropagation();
 				onClose();
@@ -12315,27 +13121,28 @@ function ImageLightbox({ src, alt, labels, onClose }) {
 		};
 	}, [onClose]);
 	return createPortal(jsx("div", {
-		className: css$36.backdrop,
+		className: css$40.backdrop,
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": labels.dialog,
 		children: jsxs("div", {
-			className: css$36.stage,
+			className: css$40.stage,
 			children: [
 				jsx("div", {
-					className: css$36.mask,
+					className: css$40.mask,
 					"aria-hidden": "true",
 					onMouseDown: onClose
 				}),
 				jsx("img", {
-					className: css$36.image,
+					className: css$40.image,
 					src,
-					alt
+					alt,
+					...contextMenuProps
 				}),
 				jsx("button", {
 					ref: closeRef,
 					type: "button",
-					className: css$36.close,
+					className: css$40.close,
 					"aria-label": labels.close,
 					onClick: onClose,
 					children: jsx(IconCloseOutlineRegular, { size: 16 })
@@ -12363,14 +13170,14 @@ function ImagePreview({ src, alt, loadingLabel, failedLabel }) {
 function Preview({ src, alt, loadingLabel, failedLabel }) {
 	const [state, setState] = useState("loading");
 	return jsxs("span", {
-		className: css$37.frame,
+		className: css$41.frame,
 		children: [state !== "failed" && jsx("img", {
 			src,
 			alt,
 			loading: "lazy",
 			decoding: "async",
 			referrerPolicy: "no-referrer",
-			className: css$37.image,
+			className: css$41.image,
 			"data-ready": state === "ready" || void 0,
 			onLoad: () => {
 				setState("ready");
@@ -12379,7 +13186,7 @@ function Preview({ src, alt, loadingLabel, failedLabel }) {
 				setState("failed");
 			}
 		}), state !== "ready" && jsxs("span", {
-			className: css$37.status,
+			className: css$41.status,
 			role: "status",
 			children: [state === "loading" && jsx(IconLoadingOutlineRegular, { size: 16 }), jsx("span", { children: state === "loading" ? loadingLabel : failedLabel })]
 		})]
@@ -12440,13 +13247,31 @@ function vocabularyImageUrl(url) {
 * caller.
 * @param url - The authored markdown destination.
 * @param pathImages - Rewriting vocabulary, when the render pass has one.
+* @param load - The mounting image's load number, which keeps a rewritten URL distinct from an earlier render's.
 * @returns The displayable image URL, or undefined.
 */
-function imageSource(url, pathImages) {
+function imageSource(url, pathImages, load) {
 	const remote = remoteImageUrl(sanitizeUrl(normalizeUri(url)));
 	if (remote !== void 0) return remote;
 	const rewritten = pathImages?.resolve(url);
-	return rewritten === void 0 ? void 0 : vocabularyImageUrl(rewritten);
+	const allowed = rewritten === void 0 ? void 0 : vocabularyImageUrl(rewritten);
+	return allowed === void 0 ? void 0 : freshImageUrl(allowed, load);
+}
+let imageLoads = 0;
+const nextImageLoad = () => ++imageLoads;
+/**
+* Tag a rewritten local image URL with its mount's load number. Browsers reuse
+* a same-URL image within one document despite `no-store`, so without the tag
+* a newly rendered image of a rewritten file would show the earlier bytes.
+* @param url - Absolute rewritten image URL; data and blob URLs stay unchanged.
+* @param load - Number allocated once per mounted image.
+* @returns The URL with a `load` query parameter.
+*/
+function freshImageUrl(url, load) {
+	const fresh = URL.parse(url);
+	if (fresh === null || fresh.protocol === "data:" || fresh.protocol === "blob:") return url;
+	fresh.search = `${fresh.search === "" ? "?" : `${fresh.search}&`}load=${load}`;
+	return fresh.href;
 }
 /**
 * Create an empty {@link ReferenceTargets}.
@@ -12543,6 +13368,7 @@ function renderNode(node, key, context) {
 				title: mention.title,
 				"aria-label": mention.label,
 				onClick: mention.open,
+				...mention.contextMenuProps,
 				children: [jsx(LinkIconMedium, {
 					kind: classifyLinkPath(value),
 					className: markdownCss.linkIcon
@@ -12692,11 +13518,15 @@ function renderSafeLink(href, children, key, glyph = true) {
 	}, key);
 }
 function MarkdownAnchor({ href, glyph, children }) {
-	const { openExternalLink } = useMarkdownDelegate();
+	const { openExternalLink, getTriggerProps } = useMarkdownDelegate();
 	const external = ["http:", "https:"].includes(new URL(href).protocol);
 	const open = external ? openExternalLink : void 0;
 	return jsxs("a", {
 		href,
+		...external ? getTriggerProps?.({
+			kind: "url",
+			url: href
+		}) : {},
 		...external ? {
 			target: "_blank",
 			rel: "noopener noreferrer"
@@ -12724,14 +13554,20 @@ function renderAnchor(url, children, key, glyph = true, streaming = false) {
 	return renderSafeLink(normalizeUri(url), children, key, glyph);
 }
 function MarkdownFileLink({ file, glyph, children }) {
-	const { openFile, fileImages } = useMarkdownDelegate();
+	const { openFile, fileImages, getTriggerProps } = useMarkdownDelegate();
+	const [load] = useState(nextImageLoad);
 	if (openFile === void 0) return jsx(Fragment, { children });
 	const preview = glyph && classifyLinkPath(file.path) === "image" ? fileImages : void 0;
-	const src = preview?.resolve(file.path);
+	const resolved = preview?.resolve(file.path);
+	const src = resolved === void 0 ? void 0 : freshImageUrl(resolved, load);
 	const anchor = jsxs("button", {
 		type: "button",
 		className: clsx(markdownCss.fileMention, markdownCss.fileLink),
 		title: src === void 0 ? file.path : void 0,
+		...getTriggerProps?.({
+			kind: "file",
+			...file
+		}),
 		onClick: () => {
 			openFile(file.path, file.line === void 0 ? void 0 : { line: file.line });
 		},
@@ -12779,8 +13615,10 @@ function renderImage(url, alt, key, context) {
 }
 function MarkdownImage({ destination, alt, pathImages, streaming, inLink }) {
 	const { fileImages } = useMarkdownDelegate();
+	const [load] = useState(nextImageLoad);
 	const file = streaming ? void 0 : parseFileLink(destination);
-	const src = (file === void 0 ? void 0 : fileImages?.resolve(file.path)) ?? imageSource(destination, pathImages);
+	const resolved = file === void 0 ? void 0 : fileImages?.resolve(file.path);
+	const src = resolved === void 0 ? imageSource(destination, pathImages, load) : freshImageUrl(resolved, load);
 	if (src === void 0) return jsx("span", {
 		className: markdownCss.imageAlt,
 		children: alt
@@ -12793,6 +13631,7 @@ function MarkdownImage({ destination, alt, pathImages, streaming, inLink }) {
 	}, src);
 }
 function LoadedMarkdownImage({ src, alt, destination, preview }) {
+	const { getTriggerProps } = useMarkdownDelegate();
 	const [failed, setFailed] = useState(false);
 	const [open, setOpen] = useState(false);
 	const close = useCallback(() => {
@@ -12802,6 +13641,12 @@ function LoadedMarkdownImage({ src, alt, destination, preview }) {
 		className: markdownCss.imageAlt,
 		children: [preview === void 0 ? "" : `${preview.labels.failed} · `, alt || destination]
 	});
+	const file = parseFileLink(destination);
+	const contextMenuProps = getTriggerProps?.({
+		kind: "image",
+		url: src,
+		...file === void 0 ? {} : { path: file.path }
+	});
 	const img = jsx("img", {
 		className: markdownCss.image,
 		src,
@@ -12811,13 +13656,15 @@ function LoadedMarkdownImage({ src, alt, destination, preview }) {
 		},
 		loading: "lazy",
 		decoding: "async",
-		referrerPolicy: "no-referrer"
+		referrerPolicy: "no-referrer",
+		...contextMenuProps
 	});
 	if (preview === void 0) return img;
 	return jsxs(Fragment, { children: [jsx("button", {
 		type: "button",
 		className: markdownCss.imageButton,
 		title: preview.labels.open,
+		...contextMenuProps,
 		"aria-label": alt ? `${preview.labels.open}: ${alt}` : preview.labels.open,
 		onClick: () => {
 			setOpen(true);
@@ -12827,7 +13674,8 @@ function LoadedMarkdownImage({ src, alt, destination, preview }) {
 		src,
 		alt,
 		labels: preview.labels,
-		onClose: close
+		onClose: close,
+		contextMenuProps
 	})] });
 }
 /** The bracketed source text a reference reverts to when its definition is missing. */
@@ -13055,7 +13903,9 @@ var StreamingRenderer = class {
 * text sizing, uniform bold headings, and tight block spacing; the default
 * `body` variant uses the full document typography.
 * The provider's `openFile` enables local Markdown links in settled messages,
-* including `#L24` and `#L24-L30` destinations (ranges open at their first line).
+* including `#L24` / `#L24-L30` fragments and `:24` / `:24-30` / `:24:5` suffixes
+* (ranges open at their first line, columns are ignored, and invalid locations
+* open only the file; see the README for URL/path classification).
 * @returns A GFM document with TeX math rendered through KaTeX; raw HTML
 * stays literal unless `html` supplies a renderer, and unsafe protocols are
 * disabled. Local links without an opener remain text; absolute HTTP(S)
@@ -13150,7 +14000,7 @@ function SafeLink({ url, label, className }) {
 		children: [jsx(LinkIconMedium, {
 			kind: "url",
 			href,
-			className: css$38.linkIcon
+			className: css$42.linkIcon
 		}), label]
 	});
 }
@@ -13165,20 +14015,20 @@ function SafeLink({ url, label, className }) {
 */
 function SourceItem({ source, ordinal }) {
 	return jsxs("li", {
-		className: css$38.source,
+		className: css$42.source,
 		value: ordinal,
 		children: [
 			jsx(SafeLink, {
 				url: source.url,
 				label: linkLabel(source.url, source.title),
-				className: css$38.sourceLink
+				className: css$42.sourceLink
 			}),
 			source.snippet !== void 0 && source.snippet !== "" && jsx("div", {
-				className: css$38.snippet,
+				className: css$42.snippet,
 				children: source.snippet
 			}),
 			source.publishedAt !== void 0 && source.publishedAt !== "" && jsx("div", {
-				className: css$38.published,
+				className: css$42.published,
 				children: source.publishedAt
 			})
 		]
@@ -13193,28 +14043,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$38.block, className),
+		className: clsx(css$42.block, className),
 		"data-web": "search",
 		children: [
 			answer !== void 0 && answer !== "" && jsx("div", {
-				className: css$38.answer,
+				className: css$42.answer,
 				children: jsx(MarkdownText, {
 					text: answer,
 					labels: labels.markdown
 				})
 			}),
 			empty ? jsx("div", {
-				className: css$38.empty,
+				className: css$42.empty,
 				children: labels.noResults
 			}) : jsx("ol", {
-				className: css$38.sources,
+				className: css$42.sources,
 				children: sources.map((source, index) => jsx(SourceItem, {
 					source,
 					ordinal: index + 1
 				}, index))
 			}),
 			truncated && jsx("div", {
-				className: css$38.truncated,
+				className: css$42.truncated,
 				children: labels.sourcesTruncated
 			})
 		]
@@ -13227,23 +14077,23 @@ function WebSearchBlock({ answer, sources, truncated, labels, className }) {
 */
 function WebFetchBlock({ url, statusCode, truncated, labels, className }) {
 	return jsxs("div", {
-		className: clsx(css$38.block, css$38.fetch, className),
+		className: clsx(css$42.block, css$42.fetch, className),
 		"data-web": "fetch",
 		children: [jsx(SafeLink, {
 			url,
 			label: url,
-			className: css$38.fetchUrl
+			className: css$42.fetchUrl
 		}), jsxs("div", {
-			className: css$38.fetchMeta,
+			className: css$42.fetchMeta,
 			children: [jsxs("span", {
-				className: css$38.status,
+				className: css$42.status,
 				children: [
 					labels.http,
 					" ",
 					statusCode
 				]
 			}), truncated && jsx("span", {
-				className: css$38.truncated,
+				className: css$42.truncated,
 				children: labels.contentTruncated
 			})]
 		})]
@@ -13258,6 +14108,124 @@ function WebBlock(props) {
 	return props.kind === "search" ? jsx(WebSearchBlock, { ...props }) : jsx(WebFetchBlock, { ...props });
 }
 //#endregion
+//#region lib/types/DetailDocument.js
+/**
+* The state {@link DetailDocument} shows for an owner's read: loading until it settles, then the document, none, or the
+* failure.
+* @param read - the owner's read; undefined before it starts.
+* @returns the state to show.
+*/
+function detailDocumentState(read) {
+	if (read?.status === "ready") return read.markdown === void 0 ? { status: "none" } : {
+		status: "found",
+		markdown: read.markdown
+	};
+	return read?.status === "error" ? read : { status: "loading" };
+}
+/**
+* Assemble reference-stable labels for {@link DetailDocument} from translated strings.
+* @param copy - the translated strings.
+* @returns labels that keep their identity while the strings stay equal.
+*/
+function useDetailDocumentLabels(copy) {
+	const { title, loading, retry, footnotes, copy: copyLabel, copied: copiedLabel, diagram, enlarged } = copy;
+	const markdown = useMemo(() => ({
+		code: {
+			copyLabel,
+			copiedLabel
+		},
+		mermaid: {
+			diagramLabel: diagram,
+			enlargedLabel: enlarged
+		},
+		footnotes
+	}), [
+		copyLabel,
+		copiedLabel,
+		diagram,
+		enlarged,
+		footnotes
+	]);
+	return useMemo(() => ({
+		title,
+		loading,
+		retry,
+		markdown
+	}), [
+		title,
+		loading,
+		retry,
+		markdown
+	]);
+}
+/** Authored raw HTML renders nothing in a detail document, which is written for HTML renderers such as package pages. */
+const OMIT_HTML = () => null;
+/**
+* A section showing a long Markdown description, without a heading of its own: three skeleton lines while it loads, the
+* document once found, or the owner's failure message with a retry. Nothing renders for `none`. A document taller than
+* the section's height limit scrolls inside it, and the scroll region, named by `labels.title`, takes keyboard focus.
+* Raw HTML is omitted, relative links stay text, and only images the owner's `images` resolver accepts, or absolute
+* HTTP(S) images, load.
+* @param props.state - the read to show.
+* @param props.labels - localized region name, placeholder name, retry text, and Markdown chrome; keep `markdown` reference-stable.
+* @param props.images - resolves the document's relative image destinations to displayable URLs.
+* @param props.onRetry - reads the document again after a failure.
+* @returns the section, or null.
+*/
+function DetailDocument({ state, labels, images, onRetry }) {
+	if (state.status === "none") return null;
+	let body;
+	switch (state.status) {
+		case "found":
+			body = jsx("div", {
+				className: css$43.document,
+				role: "region",
+				"aria-label": labels.title,
+				tabIndex: 0,
+				children: jsx(MarkdownText, {
+					text: state.markdown,
+					labels: labels.markdown,
+					pathImages: images,
+					html: OMIT_HTML
+				})
+			});
+			break;
+		case "error":
+			body = jsxs("div", {
+				className: css$43.failure,
+				children: [jsxs("p", {
+					className: css$43.error,
+					role: "alert",
+					children: [jsx(StateDot, { state: "error" }), state.message]
+				}), jsx(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: onRetry,
+					children: labels.retry
+				})]
+			});
+			break;
+		case "loading":
+			body = jsxs("div", {
+				className: css$43.skeleton,
+				role: "status",
+				"aria-label": labels.loading,
+				"aria-busy": "true",
+				children: [
+					jsx("span", { className: `${css$43.bar} ${css$43.long}` }),
+					jsx("span", { className: `${css$43.bar} ${css$43.long}` }),
+					jsx("span", { className: `${css$43.bar} ${css$43.short}` })
+				]
+			});
+			break;
+	}
+	return jsx("section", {
+		className: css$43.section,
+		"data-detail-document": true,
+		children: body
+	});
+}
+//#endregion
 //#region lib/types/markdown/JsonBlock.js
 const MAX_CHARS = 2e4;
 function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
@@ -13277,10 +14245,10 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 		truncatedLabel
 	]);
 	return jsxs("div", {
-		className: css$39.root,
+		className: css$44.root,
 		children: [jsxs("button", {
 			type: "button",
-			className: css$39.toggle,
+			className: css$44.toggle,
 			onClick: () => {
 				setOpen((v) => !v);
 			},
@@ -13290,7 +14258,7 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 				label
 			]
 		}), open && jsx("pre", {
-			className: css$39.body,
+			className: css$44.body,
 			children: body
 		})]
 	});
@@ -13367,6 +14335,17 @@ function extractMarkdownPlainText(markdown, options = {}) {
 	}
 }
 //#endregion
+//#region lib/types/code-highlighting.js
+/** Shared filename-to-grammar selection and lazy line highlighter for source views. */
+/**
+* Bind the shared lazy highlighter to one language and refresh after its grammar loads.
+* @param language - grammar hint selected from the source filename.
+* @returns a stable fragment highlighter; unknown and loading grammars return `undefined` for plain-text fallback.
+*/
+function useCodeHighlighter(language) {
+	return useCallback((code) => highlightLines(code, language), [language, useSyncExternalStore(subscribeGrammarLoaded, grammarLoadCount, grammarLoadCount)]);
+}
+//#endregion
 //#region lib/types/MenuGroup.js
 /** Accessible menu groups with shared sticky-heading presentation and viewport observation. */
 /**
@@ -13380,17 +14359,17 @@ function MenuGroup({ label, children }) {
 		role: "group",
 		"aria-labelledby": headingId,
 		"data-menu-group": "",
-		className: css$40.group,
+		className: css$45.group,
 		children: [
 			jsx("span", {
 				"aria-hidden": "true",
 				"data-menu-group-start": "",
-				className: css$40.start
+				className: css$45.start
 			}),
 			jsx("div", {
 				id: headingId,
 				"data-menu-group-heading": "",
-				className: css$40.heading,
+				className: css$45.heading,
 				children: label
 			}),
 			children
@@ -13486,6 +14465,6 @@ function observeStickyMenuGroups(viewport) {
 	};
 }
 //#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, ICON_MEDIUM_STROKE, ICON_REGULAR_STROKE, IconAgentPresetOutlineMedium, IconAgentPresetOutlineRegular, IconAlarmClockOutlineMedium, IconAlarmClockOutlineRegular, IconApiOutlineMedium, IconApiOutlineRegular, IconAppsAddOutlineMedium, IconAppsAddOutlineRegular, IconArchiveCheckOutlineMedium, IconArchiveCheckOutlineRegular, IconArchiveOffOutlineMedium, IconArchiveOffOutlineRegular, IconArchiveOutlineMedium, IconArchiveOutlineRegular, IconBranchOutlineMedium, IconBranchOutlineRegular, IconBrowseOutlineMedium, IconBrowseOutlineRegular, IconCheckCircleFillMedium, IconCheckCircleFillRegular, IconCheckCircleOutlineMedium, IconCheckCircleOutlineRegular, IconCheckOutlineMedium, IconCheckOutlineRegular, IconChecklistOutlineMedium, IconChecklistOutlineRegular, IconChevronDownOutlineMedium, IconChevronDownOutlineRegular, IconChevronLeftOutlineMedium, IconChevronLeftOutlineRegular, IconChevronRightOutlineMedium, IconChevronRightOutlineRegular, IconChevronUpOutlineMedium, IconChevronUpOutlineRegular, IconChevronsUpDownOutlineMedium, IconChevronsUpDownOutlineRegular, IconClockOutlineMedium, IconClockOutlineRegular, IconCloseCircleFillMedium, IconCloseCircleFillRegular, IconCloseFillMedium, IconCloseFillRegular, IconCloseOutlineMedium, IconCloseOutlineRegular, IconCodeOutlineMedium, IconCodeOutlineRegular, IconCompactOutlineMedium, IconCompactOutlineRegular, IconCompareSplitOutlineMedium, IconCompareSplitOutlineRegular, IconContextInjectionOutlineMedium, IconContextInjectionOutlineRegular, IconCopyOutlineMedium, IconCopyOutlineRegular, IconCordisPluginOutlineMedium, IconCordisPluginOutlineRegular, IconDarkOutlineMedium, IconDarkOutlineRegular, IconDataOutlineMedium, IconDataOutlineRegular, IconDatabaseOutlineMedium, IconDatabaseOutlineRegular, IconDeliverDocMedium, IconDeliverDocRegular, IconDislikeFillMedium, IconDislikeFillRegular, IconDislikeOutlineMedium, IconDislikeOutlineRegular, IconDownloadOutlineMedium, IconDownloadOutlineRegular, IconEditOutlineMedium, IconEditOutlineRegular, IconEllipsisOutlineMedium, IconEllipsisOutlineRegular, IconEnhanceOutlineMedium, IconEnhanceOutlineRegular, IconFlatListOutlineMedium, IconFlatListOutlineRegular, IconFolderCloseMedium, IconFolderCloseRegular, IconFolderOpenMedium, IconFolderOpenOutlineMedium, IconFolderOpenOutlineRegular, IconFolderOpenRegular, IconFollowsystemOutlineMedium, IconFollowsystemOutlineRegular, IconFullscreenOutlineMedium, IconFullscreenOutlineRegular, IconGaugeOutlineMedium, IconGaugeOutlineRegular, IconGlobeOutlineMedium, IconGlobeOutlineRegular, IconGoalOutlineMedium, IconGoalOutlineRegular, IconInfoOutlineMedium, IconInfoOutlineRegular, IconInspectOutlineMedium, IconInspectOutlineRegular, IconLightOutlineMedium, IconLightOutlineRegular, IconLikeFillMedium, IconLikeFillRegular, IconLikeOutlineMedium, IconLikeOutlineRegular, IconLinkOutlineMedium, IconLinkOutlineRegular, IconListPenOutlineMedium, IconListPenOutlineRegular, IconLoadingOutlineMedium, IconLoadingOutlineRegular, IconLogoutOutlineMedium, IconLogoutOutlineRegular, IconMicrophoneOutlineMedium, IconMicrophoneOutlineRegular, IconNewChatOutlineMedium, IconNewChatOutlineRegular, IconNowrapFillMedium, IconNowrapFillRegular, IconPanelLeftOutlineMedium, IconPanelLeftOutlineRegular, IconPaperPlaneOutlineMedium, IconPaperPlaneOutlineRegular, IconPaperclipOutlineMedium, IconPaperclipOutlineRegular, IconPauseOutlineMedium, IconPauseOutlineRegular, IconPersonalizationOutlineMedium, IconPersonalizationOutlineRegular, IconPinFillMedium, IconPinFillRegular, IconPinOutlineMedium, IconPinOutlineRegular, IconPlanOutlineMedium, IconPlanOutlineRegular, IconPlayOutlineMedium, IconPlayOutlineRegular, IconPluginPinwheelOutlineMedium, IconPluginPinwheelOutlineRegular, IconPlusOutlineMedium, IconPlusOutlineRegular, IconProjectAddOutlineMedium, IconProjectAddOutlineRegular, IconQuestionOutlineMedium, IconQuestionOutlineRegular, IconQueueOutlineMedium, IconQueueOutlineRegular, IconRefreshOutlineMedium, IconRefreshOutlineRegular, IconRightUpOutlineMedium, IconRightUpOutlineRegular, IconSearchOutlineMedium, IconSearchOutlineRegular, IconSendOutlineMedium, IconSendOutlineRegular, IconSettingsOutlineMedium, IconSettingsOutlineRegular, IconShareOutlineMedium, IconShareOutlineRegular, IconShieldOutlineMedium, IconShieldOutlineRegular, IconSkillOutlineMedium, IconSkillOutlineRegular, IconSlidersTwoOutlineMedium, IconSlidersTwoOutlineRegular, IconSparkleMedium, IconSparkleRegular, IconStopFillMedium, IconStopFillRegular, IconTerminalOutlineMedium, IconTerminalOutlineRegular, IconThinkOutlineMedium, IconThinkOutlineRegular, IconTrashOutlineMedium, IconTrashOutlineRegular, IconTreeCornerMedium, IconTreeCornerRegular, IconTriangleRightFillMedium, IconTriangleRightFillRegular, IconUnarchiveOutlineMedium, IconUnarchiveOutlineRegular, IconUserOutlineMedium, IconUserOutlineRegular, IconUsersOutlineMedium, IconUsersOutlineRegular, IconWarningOutlineMedium, IconWarningOutlineRegular, IconWarningTriangleOutlineMedium, IconWarningTriangleOutlineRegular, IconWorkspaceTreeOutlineMedium, IconWorkspaceTreeOutlineRegular, IconWrapFillMedium, IconWrapFillRegular, IconWrapLinesOutlineMedium, IconWrapLinesOutlineRegular, ImageLightbox, InlineEditor, Input, JsonBlock, JsonTree, LinkIconMedium, LinkIconRegular, MarkdownDelegateProvider, MarkdownText, Menu, MenuGroup, MenuItemButton, MenuSurface, Modal, OnboardingSurface, PathLabel, PermissionIconAutoReviewMedium, PermissionIconAutoReviewRegular, PermissionIconFullAccessMedium, PermissionIconFullAccessRegular, PermissionIconReadOnlyMedium, PermissionIconReadOnlyRegular, PermissionIconWorkspaceWriteMedium, PermissionIconWorkspaceWriteRegular, Pill, PluginArtworkDefault, PluginArtworkLoop, PluginArtworkSearch, PluginArtworkSubagent, PluginArtworkTerminal, QilinSeal, ReadBlock, ReferenceIconMedium, ReferenceIconRegular, RiskConfirmation, SHIELD_OUTLINE_PATH, SearchBlock, SegmentedControl, SegmentedTabs, SettingsForm, SettingsFormModel, SettingsSecretField, SettingsValueField, ShortcutKeys, StateDot, Switch, Tag, TerminalBlock, TextShimmer, Toast, Tooltip, WebBlock, classifyFileType, classifyLinkPath, closeTopModal, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeRoundedText, fileSizeText, focusWithoutRing, isBehindModal, isDarwinDesktop, modalSelector, observeComposition, observeStickyMenuGroups, overlayTopMargin, pointerModality, projectUserText, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useCopyFeedback, useDismissOnOutsidePointer, useModalLayer, watchDarwinDesktop, writeClipboard };
+export { AnimatedRows, Button, CODE_HIGHLIGHT_EXTENSIONS, Checkbox, CodeBlock, CommandText, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DetailDocument, DiffBlock, DisclosureRow, FileTypeIcon, HoverCard, ICON_MEDIUM_STROKE, ICON_REGULAR_STROKE, IconAgentPresetOutlineMedium, IconAgentPresetOutlineRegular, IconAlarmClockOutlineMedium, IconAlarmClockOutlineRegular, IconApiOutlineMedium, IconApiOutlineRegular, IconAppsAddOutlineMedium, IconAppsAddOutlineRegular, IconArchiveCheckOutlineMedium, IconArchiveCheckOutlineRegular, IconArchiveOffOutlineMedium, IconArchiveOffOutlineRegular, IconArchiveOutlineMedium, IconArchiveOutlineRegular, IconBranchOutlineMedium, IconBranchOutlineRegular, IconBrowseOutlineMedium, IconBrowseOutlineRegular, IconCheckCircleFillMedium, IconCheckCircleFillRegular, IconCheckCircleOutlineMedium, IconCheckCircleOutlineRegular, IconCheckOutlineMedium, IconCheckOutlineRegular, IconChecklistOutlineMedium, IconChecklistOutlineRegular, IconChevronDownOutlineMedium, IconChevronDownOutlineRegular, IconChevronLeftOutlineMedium, IconChevronLeftOutlineRegular, IconChevronRightOutlineMedium, IconChevronRightOutlineRegular, IconChevronUpOutlineMedium, IconChevronUpOutlineRegular, IconChevronsUpDownOutlineMedium, IconChevronsUpDownOutlineRegular, IconClockOutlineMedium, IconClockOutlineRegular, IconCloseCircleFillMedium, IconCloseCircleFillRegular, IconCloseFillMedium, IconCloseFillRegular, IconCloseOutlineMedium, IconCloseOutlineRegular, IconCodeOutlineMedium, IconCodeOutlineRegular, IconCompactOutlineMedium, IconCompactOutlineRegular, IconCompareSplitOutlineMedium, IconCompareSplitOutlineRegular, IconContextInjectionOutlineMedium, IconContextInjectionOutlineRegular, IconCopyOutlineMedium, IconCopyOutlineRegular, IconCordisPluginOutlineMedium, IconCordisPluginOutlineRegular, IconDarkOutlineMedium, IconDarkOutlineRegular, IconDataOutlineMedium, IconDataOutlineRegular, IconDatabaseOutlineMedium, IconDatabaseOutlineRegular, IconDeliverDocMedium, IconDeliverDocRegular, IconDislikeFillMedium, IconDislikeFillRegular, IconDislikeOutlineMedium, IconDislikeOutlineRegular, IconDownloadOutlineMedium, IconDownloadOutlineRegular, IconDragHandleOutlineMedium, IconDragHandleOutlineRegular, IconEditOutlineMedium, IconEditOutlineRegular, IconEllipsisOutlineMedium, IconEllipsisOutlineRegular, IconEnhanceOutlineMedium, IconEnhanceOutlineRegular, IconFlatListOutlineMedium, IconFlatListOutlineRegular, IconFolderCloseMedium, IconFolderCloseRegular, IconFolderOpenMedium, IconFolderOpenOutlineMedium, IconFolderOpenOutlineRegular, IconFolderOpenRegular, IconFollowsystemOutlineMedium, IconFollowsystemOutlineRegular, IconFullscreenOutlineMedium, IconFullscreenOutlineRegular, IconGaugeOutlineMedium, IconGaugeOutlineRegular, IconGlobeOutlineMedium, IconGlobeOutlineRegular, IconGoalOutlineMedium, IconGoalOutlineRegular, IconInfoOutlineMedium, IconInfoOutlineRegular, IconInspectOutlineMedium, IconInspectOutlineRegular, IconLightOutlineMedium, IconLightOutlineRegular, IconLikeFillMedium, IconLikeFillRegular, IconLikeOutlineMedium, IconLikeOutlineRegular, IconLinkOutlineMedium, IconLinkOutlineRegular, IconListPenOutlineMedium, IconListPenOutlineRegular, IconLoadingOutlineMedium, IconLoadingOutlineRegular, IconLogoutOutlineMedium, IconLogoutOutlineRegular, IconMicrophoneOutlineMedium, IconMicrophoneOutlineRegular, IconNewChatOutlineMedium, IconNewChatOutlineRegular, IconNowrapFillMedium, IconNowrapFillRegular, IconPanelLeftOutlineMedium, IconPanelLeftOutlineRegular, IconPaperPlaneOutlineMedium, IconPaperPlaneOutlineRegular, IconPaperclipOutlineMedium, IconPaperclipOutlineRegular, IconPauseOutlineMedium, IconPauseOutlineRegular, IconPersonalizationOutlineMedium, IconPersonalizationOutlineRegular, IconPinFillMedium, IconPinFillRegular, IconPinOutlineMedium, IconPinOutlineRegular, IconPlanOutlineMedium, IconPlanOutlineRegular, IconPlayOutlineMedium, IconPlayOutlineRegular, IconPluginPinwheelOutlineMedium, IconPluginPinwheelOutlineRegular, IconPlusOutlineMedium, IconPlusOutlineRegular, IconProjectAddOutlineMedium, IconProjectAddOutlineRegular, IconQuestionOutlineMedium, IconQuestionOutlineRegular, IconQueueOutlineMedium, IconQueueOutlineRegular, IconRefreshOutlineMedium, IconRefreshOutlineRegular, IconRightUpOutlineMedium, IconRightUpOutlineRegular, IconSaveOutlineMedium, IconSaveOutlineRegular, IconSearchOutlineMedium, IconSearchOutlineRegular, IconSendOutlineMedium, IconSendOutlineRegular, IconSettingsOutlineMedium, IconSettingsOutlineRegular, IconShareOutlineMedium, IconShareOutlineRegular, IconShieldOutlineMedium, IconShieldOutlineRegular, IconSkillOutlineMedium, IconSkillOutlineRegular, IconSlidersTwoOutlineMedium, IconSlidersTwoOutlineRegular, IconSparkleMedium, IconSparkleRegular, IconStopFillMedium, IconStopFillRegular, IconTerminalOutlineMedium, IconTerminalOutlineRegular, IconThinkOutlineMedium, IconThinkOutlineRegular, IconTrashOutlineMedium, IconTrashOutlineRegular, IconTreeCornerMedium, IconTreeCornerRegular, IconTriangleRightFillMedium, IconTriangleRightFillRegular, IconUnarchiveOutlineMedium, IconUnarchiveOutlineRegular, IconUserOutlineMedium, IconUserOutlineRegular, IconUsersOutlineMedium, IconUsersOutlineRegular, IconWarningOutlineMedium, IconWarningOutlineRegular, IconWarningTriangleOutlineMedium, IconWarningTriangleOutlineRegular, IconWorkspaceTreeOutlineMedium, IconWorkspaceTreeOutlineRegular, IconWrapFillMedium, IconWrapFillRegular, IconWrapLinesOutlineMedium, IconWrapLinesOutlineRegular, ImageLightbox, InlineEditor, Input, JsonBlock, JsonTree, LinkIconMedium, LinkIconRegular, MENU_TRANSITION_MS, MarkdownDelegateProvider, MarkdownText, Menu, MenuGroup, MenuItemButton, MenuSurface, Modal, OnboardingSurface, PathLabel, PermissionIconAutoReviewMedium, PermissionIconAutoReviewRegular, PermissionIconFullAccessMedium, PermissionIconFullAccessRegular, PermissionIconReadOnlyMedium, PermissionIconReadOnlyRegular, PermissionIconWorkspaceWriteMedium, PermissionIconWorkspaceWriteRegular, Pill, PluginArtworkDefault, PluginArtworkLoop, PluginArtworkSearch, PluginArtworkSubagent, PluginArtworkTerminal, QUOTE_WIRE_SCHEME, QilinSeal, QuotePreview, ReadBlock, ReferenceIconMedium, ReferenceIconRegular, RiskConfirmation, SHIELD_OUTLINE_PATH, SearchBlock, SegmentedControl, SegmentedTabs, SettingsForm, SettingsFormModel, SettingsSecretField, SettingsValueField, ShortcutKeys, StateDot, Switch, Tag, TerminalBlock, TextShimmer, Toast, Tooltip, UserMessageBubble, WebBlock, classifyFileType, classifyLinkPath, closeTopModal, detailDocumentState, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeRoundedText, fileSizeText, focusWithoutRing, isBehindModal, isDarwinDesktop, isMobileDevice, languageForPath, messageQuoteRanges, modalSelector, observeComposition, observeStickyMenuGroups, overlayTopMargin, pointerModality, prefersReducedMotion, projectUserText, quoteBlockTextOf, quoteInsertionOf, quoteTextOf, quotedExcerptOf, rankByName, relativeTime, settingsNumberField, settingsTextField, useAnchoredMaxHeight, useAnchoredPosition, useClipboardCopy, useCodeHighlighter, useDetailDocumentLabels, useDismissOnOutsidePointer, useModalLayer, useRowDragPreview, watchDarwinDesktop, writeClipboard };
 
 //# sourceMappingURL=index.js.map