dishui 0.0.91 → 0.0.101

package/dist/components/ai/AgentScreen/index.js

@@ -0,0 +1,233 @@
+import { Resizable as e } from "../../Resizable/index.js";
+import { cn as t } from "../../../utils/cn.js";
+import { formatElapsed as n } from "../shared.js";
+/* empty css            */
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ai/AgentScreen/index.tsx
+var a = [68, 32], o = [30, 20], s = {
+	open: "Open",
+	teach: "Teach a task",
+	record: "Record",
+	stopRecording: "Stop recording",
+	pause: "Pause",
+	resume: "Resume"
+}, c = {
+	idle: "Idle",
+	loading: "Loading",
+	working: "Working",
+	paused: "Paused",
+	recording: "Recording"
+}, l = {
+	idle: "neutral",
+	loading: "neutral",
+	working: "info",
+	paused: "warning",
+	recording: "danger"
+}, u = ({ children: e }) => /* @__PURE__ */ r("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: e
+}), d = () => /* @__PURE__ */ i(u, { children: [
+	/* @__PURE__ */ r("path", { d: "M15 3h6v6" }),
+	/* @__PURE__ */ r("path", { d: "M10 14 21 3" }),
+	/* @__PURE__ */ r("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+] }), f = () => /* @__PURE__ */ i(u, { children: [/* @__PURE__ */ r("path", { d: "M12 20h9" }), /* @__PURE__ */ r("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z" })] }), p = () => /* @__PURE__ */ i(u, { children: [/* @__PURE__ */ r("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ r("circle", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	fill: "currentColor",
+	stroke: "none"
+})] }), m = () => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("rect", {
+	x: "6",
+	y: "6",
+	width: "12",
+	height: "12",
+	rx: "1.5"
+}) }), h = () => /* @__PURE__ */ i(u, { children: [/* @__PURE__ */ r("rect", {
+	x: "6",
+	y: "5",
+	width: "4",
+	height: "14",
+	rx: "1"
+}), /* @__PURE__ */ r("rect", {
+	x: "14",
+	y: "5",
+	width: "4",
+	height: "14",
+	rx: "1"
+})] }), g = () => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("path", { d: "m7 5 12 7-12 7Z" }) }), _ = () => /* @__PURE__ */ i("div", {
+	className: "dishui-ai-agent-screen__placeholder",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__block dishui-ai-agent-screen__block--wide" }),
+		/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__block" }),
+		/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__block" }),
+		/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__block dishui-ai-agent-screen__block--tall" }),
+		/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__block dishui-ai-agent-screen__block--wide" }),
+		/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__block" })
+	]
+}), v = ({ status: e, statusLabel: t, recording: n, children: a }) => /* @__PURE__ */ i("div", {
+	className: "dishui-ai-agent-screen__screen",
+	children: [
+		a ?? /* @__PURE__ */ r(_, {}),
+		e === "loading" && /* @__PURE__ */ i("div", {
+			className: "dishui-ai-agent-screen__loading",
+			role: "status",
+			"aria-live": "polite",
+			children: [/* @__PURE__ */ i("span", {
+				className: "dishui-ai-agent-screen__spinner",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ r("span", {}),
+					/* @__PURE__ */ r("span", {}),
+					/* @__PURE__ */ r("span", {})
+				]
+			}), /* @__PURE__ */ r("span", { children: t })]
+		}),
+		n && /* @__PURE__ */ i("span", {
+			className: "dishui-ai-agent-screen__rec",
+			children: [/* @__PURE__ */ r("span", {
+				className: "dishui-ai-agent-screen__rec-dot",
+				"aria-hidden": "true"
+			}), "REC"]
+		})
+	]
+});
+function y({ status: u, title: _ = "Agent's screen", url: y, children: b, onOpen: x, onTeach: S, onRecord: C, onPause: w, onResume: T, elapsedMs: E, aspectRatio: D = "16 / 10", secondary: O, split: k = "horizontal", defaultSplitSizes: A = a, splitSizes: j, onSplitSizesChange: M, onSplitSizesCommit: N, minPanelSizes: P = o, resizeHandleVariant: F = "pill", labels: I, className: L, ...R }) {
+	let z = {
+		...s,
+		...I
+	}, B = I?.status?.[u] ?? c[u], V = u === "recording", H = u === "working" || V, U = () => {
+		x ? x() : y && window.open(y, "_blank", "noopener,noreferrer");
+	}, W = !!x || !!y, G = u === "paused" ? !!T : !!w && (u === "working" || V), K = W || !!S || !!C || G;
+	return /* @__PURE__ */ i("div", {
+		...R,
+		className: t("dishui-ai-agent-screen", `dishui-ai-agent-screen--${u}`, L),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "dishui-ai-agent-screen__chrome",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "dishui-ai-agent-screen__dots",
+						"aria-hidden": "true",
+						children: [
+							/* @__PURE__ */ r("span", {}),
+							/* @__PURE__ */ r("span", {}),
+							/* @__PURE__ */ r("span", {})
+						]
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "dishui-ai-agent-screen__title",
+						children: _
+					}),
+					/* @__PURE__ */ i("span", {
+						className: t("dishui-ai-agent-screen__status", `dishui-ai-agent-screen__status--${l[u]}`),
+						role: "status",
+						"aria-live": "polite",
+						children: [/* @__PURE__ */ r("span", {
+							className: t("dishui-ai-agent-screen__indicator", H && "dishui-ai-agent-screen__indicator--live"),
+							"aria-hidden": "true"
+						}), B]
+					}),
+					E !== void 0 && /* @__PURE__ */ r("span", {
+						className: "dishui-ai-agent-screen__elapsed",
+						children: n(E)
+					})
+				]
+			}),
+			y && /* @__PURE__ */ r("div", {
+				className: "dishui-ai-agent-screen__address",
+				title: y,
+				children: /* @__PURE__ */ r("span", {
+					className: "dishui-ai-agent-screen__url",
+					children: y
+				})
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "dishui-ai-agent-screen__viewport",
+				style: { aspectRatio: D },
+				children: O ? /* @__PURE__ */ i(e, {
+					orientation: k,
+					defaultSizes: A,
+					sizes: j,
+					onSizesChange: M,
+					onSizesCommit: N,
+					className: "dishui-ai-agent-screen__split",
+					children: [
+						/* @__PURE__ */ r(e.Panel, {
+							minSize: P[0],
+							className: "dishui-ai-agent-screen__panel",
+							children: /* @__PURE__ */ r(v, {
+								status: u,
+								statusLabel: B,
+								recording: V,
+								children: b
+							})
+						}),
+						/* @__PURE__ */ r(e.Handle, {
+							variant: F,
+							"aria-label": "Resize agent screen panels"
+						}),
+						/* @__PURE__ */ r(e.Panel, {
+							minSize: P[1],
+							className: "dishui-ai-agent-screen__panel dishui-ai-agent-screen__panel--secondary",
+							children: O
+						})
+					]
+				}) : /* @__PURE__ */ r(v, {
+					status: u,
+					statusLabel: B,
+					recording: V,
+					children: b
+				})
+			}),
+			K && /* @__PURE__ */ i("div", {
+				className: "dishui-ai-agent-screen__footer",
+				children: [
+					W && /* @__PURE__ */ i("button", {
+						type: "button",
+						className: "dishui-ai-agent-screen__action",
+						onClick: U,
+						children: [/* @__PURE__ */ r(d, {}), z.open]
+					}),
+					S && /* @__PURE__ */ i("button", {
+						type: "button",
+						className: "dishui-ai-agent-screen__action",
+						onClick: S,
+						children: [/* @__PURE__ */ r(f, {}), z.teach]
+					}),
+					/* @__PURE__ */ r("span", { className: "dishui-ai-agent-screen__spacer" }),
+					G && /* @__PURE__ */ i("button", {
+						type: "button",
+						className: "dishui-ai-agent-screen__action",
+						onClick: u === "paused" ? T : w,
+						children: [r(u === "paused" ? g : h, {}), u === "paused" ? z.resume : z.pause]
+					}),
+					C && /* @__PURE__ */ i("button", {
+						type: "button",
+						className: t("dishui-ai-agent-screen__action", V && "dishui-ai-agent-screen__action--recording"),
+						"aria-pressed": V,
+						onClick: C,
+						children: [r(V ? m : p, {}), V ? z.stopRecording : z.record]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/ai/AgentScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/AgentScreen/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../utils/cn';\nimport { formatElapsed } from '../shared';\nimport Resizable from '../../Resizable';\nimport './AgentScreen.css';\n\nexport type AgentScreenStatus = 'idle' | 'loading' | 'working' | 'paused' | 'recording';\n\nexport type AgentScreenLabels = {\n  open?: string;\n  teach?: string;\n  record?: string;\n  stopRecording?: string;\n  pause?: string;\n  resume?: string;\n  status?: Partial<Record<AgentScreenStatus, string>>;\n};\n\nexport type AgentScreenProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> & {\n  status: AgentScreenStatus;\n  title?: React.ReactNode;\n  /** Shown in a faux address bar and opened by the default Open action. */\n  url?: string;\n  /** Screen content (`<img>`, `<iframe>`, any node). Absent → skeleton blocks. */\n  children?: React.ReactNode;\n  /** Defaults to opening `url` in a new tab when `url` is given. */\n  onOpen?: () => void;\n  onTeach?: () => void;\n  /** Toggles recording; the label flips to Stop while `status === 'recording'`. */\n  onRecord?: () => void;\n  onPause?: () => void;\n  onResume?: () => void;\n  elapsedMs?: number;\n  /** CSS `aspect-ratio` of the screen area. */\n  aspectRatio?: string;\n  /** Optional secondary panel shown beside or below the screen. */\n  secondary?: React.ReactNode;\n  /** Split direction when `secondary` is present. */\n  split?: 'horizontal' | 'vertical';\n  /** Initial panel percentages; must sum to 100. */\n  defaultSplitSizes?: [number, number];\n  /** Controlled panel percentages; must sum to 100. */\n  splitSizes?: [number, number];\n  onSplitSizesChange?: (sizes: number[]) => void;\n  onSplitSizesCommit?: (sizes: number[]) => void;\n  /** Minimum percentage for the primary screen and secondary panel. */\n  minPanelSizes?: [number, number];\n  /** Resize handle presentation from the shared Resizable component. */\n  resizeHandleVariant?: 'line' | 'pill';\n  labels?: AgentScreenLabels;\n};\n\nconst DEFAULT_SPLIT_SIZES: [number, number] = [68, 32];\nconst DEFAULT_MIN_PANEL_SIZES: [number, number] = [30, 20];\n\nconst DEFAULT_LABELS = {\n  open: 'Open',\n  teach: 'Teach a task',\n  record: 'Record',\n  stopRecording: 'Stop recording',\n  pause: 'Pause',\n  resume: 'Resume',\n};\n\nconst STATUS_LABEL: Record<AgentScreenStatus, string> = {\n  idle: 'Idle',\n  loading: 'Loading',\n  working: 'Working',\n  paused: 'Paused',\n  recording: 'Recording',\n};\n\nconst STATUS_TONE: Record<AgentScreenStatus, string> = {\n  idle: 'neutral',\n  loading: 'neutral',\n  working: 'info',\n  paused: 'warning',\n  recording: 'danger',\n};\n\nconst Icon: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    {children}\n  </svg>\n);\n\nconst ExternalIcon: React.FC = () => (\n  <Icon>\n    <path d=\"M15 3h6v6\" />\n    <path d=\"M10 14 21 3\" />\n    <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n  </Icon>\n);\nconst TeachIcon: React.FC = () => (\n  <Icon>\n    <path d=\"M12 20h9\" />\n    <path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z\" />\n  </Icon>\n);\nconst RecordIcon: React.FC = () => (\n  <Icon>\n    <circle cx=\"12\" cy=\"12\" r=\"9\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n  </Icon>\n);\nconst StopIcon: React.FC = () => (\n  <Icon>\n    <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1.5\" />\n  </Icon>\n);\nconst PauseIcon: React.FC = () => (\n  <Icon>\n    <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n    <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n  </Icon>\n);\nconst PlayIcon: React.FC = () => (\n  <Icon>\n    <path d=\"m7 5 12 7-12 7Z\" />\n  </Icon>\n);\n\nconst Placeholder: React.FC = () => (\n  <div className=\"dishui-ai-agent-screen__placeholder\" aria-hidden=\"true\">\n    <span className=\"dishui-ai-agent-screen__block dishui-ai-agent-screen__block--wide\" />\n    <span className=\"dishui-ai-agent-screen__block\" />\n    <span className=\"dishui-ai-agent-screen__block\" />\n    <span className=\"dishui-ai-agent-screen__block dishui-ai-agent-screen__block--tall\" />\n    <span className=\"dishui-ai-agent-screen__block dishui-ai-agent-screen__block--wide\" />\n    <span className=\"dishui-ai-agent-screen__block\" />\n  </div>\n);\n\nconst ScreenSurface = ({\n  status,\n  statusLabel,\n  recording,\n  children,\n}: {\n  status: AgentScreenStatus;\n  statusLabel: string;\n  recording: boolean;\n  children?: React.ReactNode;\n}) => (\n  <div className=\"dishui-ai-agent-screen__screen\">\n    {children ?? <Placeholder />}\n    {status === 'loading' && (\n      <div className=\"dishui-ai-agent-screen__loading\" role=\"status\" aria-live=\"polite\">\n        <span className=\"dishui-ai-agent-screen__spinner\" aria-hidden=\"true\"><span /><span /><span /></span>\n        <span>{statusLabel}</span>\n      </div>\n    )}\n    {recording && (\n      <span className=\"dishui-ai-agent-screen__rec\">\n        <span className=\"dishui-ai-agent-screen__rec-dot\" aria-hidden=\"true\" />\n        REC\n      </span>\n    )}\n  </div>\n);\n\n/**\n * Window chrome around an agent's screen: title, text + dot status badge,\n * elapsed time, optional address bar, the screen surface and a footer\n * toolbar with Open / Teach a task / Record / Pause.\n */\nexport default function AgentScreen({\n  status,\n  title = \"Agent's screen\",\n  url,\n  children,\n  onOpen,\n  onTeach,\n  onRecord,\n  onPause,\n  onResume,\n  elapsedMs,\n  aspectRatio = '16 / 10',\n  secondary,\n  split = 'horizontal',\n  defaultSplitSizes = DEFAULT_SPLIT_SIZES,\n  splitSizes,\n  onSplitSizesChange,\n  onSplitSizesCommit,\n  minPanelSizes = DEFAULT_MIN_PANEL_SIZES,\n  resizeHandleVariant = 'pill',\n  labels,\n  className,\n  ...rest\n}: AgentScreenProps) {\n  const text = { ...DEFAULT_LABELS, ...labels };\n  const statusLabel = labels?.status?.[status] ?? STATUS_LABEL[status];\n  const recording = status === 'recording';\n  const live = status === 'working' || recording;\n\n  const handleOpen = () => {\n    if (onOpen) onOpen();\n    else if (url) window.open(url, '_blank', 'noopener,noreferrer');\n  };\n  const showOpen = !!onOpen || !!url;\n  const showPause = status === 'paused' ? !!onResume : !!onPause && (status === 'working' || recording);\n  const showFooter = showOpen || !!onTeach || !!onRecord || showPause;\n\n  return (\n    <div {...rest} className={cn('dishui-ai-agent-screen', `dishui-ai-agent-screen--${status}`, className)}>\n      <div className=\"dishui-ai-agent-screen__chrome\">\n        <span className=\"dishui-ai-agent-screen__dots\" aria-hidden=\"true\">\n          <span /><span /><span />\n        </span>\n        <span className=\"dishui-ai-agent-screen__title\">{title}</span>\n        <span className={cn('dishui-ai-agent-screen__status', `dishui-ai-agent-screen__status--${STATUS_TONE[status]}`)} role=\"status\" aria-live=\"polite\">\n          <span className={cn('dishui-ai-agent-screen__indicator', live && 'dishui-ai-agent-screen__indicator--live')} aria-hidden=\"true\" />\n          {statusLabel}\n        </span>\n        {elapsedMs !== undefined && <span className=\"dishui-ai-agent-screen__elapsed\">{formatElapsed(elapsedMs)}</span>}\n      </div>\n\n      {url && (\n        <div className=\"dishui-ai-agent-screen__address\" title={url}>\n          <span className=\"dishui-ai-agent-screen__url\">{url}</span>\n        </div>\n      )}\n\n      <div className=\"dishui-ai-agent-screen__viewport\" style={{ aspectRatio }}>\n        {secondary ? (\n          <Resizable\n            orientation={split}\n            defaultSizes={defaultSplitSizes}\n            sizes={splitSizes}\n            onSizesChange={onSplitSizesChange}\n            onSizesCommit={onSplitSizesCommit}\n            className=\"dishui-ai-agent-screen__split\"\n          >\n            <Resizable.Panel minSize={minPanelSizes[0]} className=\"dishui-ai-agent-screen__panel\">\n              <ScreenSurface status={status} statusLabel={statusLabel} recording={recording}>{children}</ScreenSurface>\n            </Resizable.Panel>\n            <Resizable.Handle variant={resizeHandleVariant} aria-label=\"Resize agent screen panels\" />\n            <Resizable.Panel minSize={minPanelSizes[1]} className=\"dishui-ai-agent-screen__panel dishui-ai-agent-screen__panel--secondary\">\n              {secondary}\n            </Resizable.Panel>\n          </Resizable>\n        ) : (\n          <ScreenSurface status={status} statusLabel={statusLabel} recording={recording}>{children}</ScreenSurface>\n        )}\n      </div>\n\n      {showFooter && (\n        <div className=\"dishui-ai-agent-screen__footer\">\n          {showOpen && (\n            <button type=\"button\" className=\"dishui-ai-agent-screen__action\" onClick={handleOpen}>\n              <ExternalIcon />\n              {text.open}\n            </button>\n          )}\n          {onTeach && (\n            <button type=\"button\" className=\"dishui-ai-agent-screen__action\" onClick={onTeach}>\n              <TeachIcon />\n              {text.teach}\n            </button>\n          )}\n          <span className=\"dishui-ai-agent-screen__spacer\" />\n          {showPause && (\n            <button\n              type=\"button\"\n              className=\"dishui-ai-agent-screen__action\"\n              onClick={status === 'paused' ? onResume : onPause}\n            >\n              {status === 'paused' ? <PlayIcon /> : <PauseIcon />}\n              {status === 'paused' ? text.resume : text.pause}\n            </button>\n          )}\n          {onRecord && (\n            <button\n              type=\"button\"\n              className={cn('dishui-ai-agent-screen__action', recording && 'dishui-ai-agent-screen__action--recording')}\n              aria-pressed={recording}\n              onClick={onRecord}\n            >\n              {recording ? <StopIcon /> : <RecordIcon />}\n              {recording ? text.stopRecording : text.record}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ai/ApprovalCard/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export type ApprovalOption = {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    disabled?: boolean;
+    disabledReason?: string;
+};
+export type ApprovalCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    options?: ApprovalOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onApprove?: (value?: string) => void;
+    onReject?: () => void;
+    busy?: boolean;
+    disabled?: boolean;
+    labels?: {
+        approve?: string;
+        reject?: string;
+        required?: string;
+    };
+};
+export default function ApprovalCard({ title, description, options, value, defaultValue, onChange, onApprove, onReject, busy, disabled, labels, className, ...rest }: ApprovalCardProps): React.JSX.Element;

package/dist/components/ai/ApprovalCard/index.js

@@ -0,0 +1,89 @@
+import { cn as e } from "../../../utils/cn.js";
+import t from "../../Button/index.js";
+/* empty css             */
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/ai/ApprovalCard/index.tsx
+var o = [];
+function s({ title: s, description: c, options: l = o, value: u, defaultValue: d, onChange: f, onApprove: p, onReject: m, busy: h = !1, disabled: g = !1, labels: _, className: v, ...y }) {
+	let b = n(), [x, S] = r(d), C = u ?? x, w = l.length > 0 && !C, T = (e) => {
+		u === void 0 && S(e), f?.(e);
+	};
+	return /* @__PURE__ */ a("section", {
+		...y,
+		className: e("dishui-ai-approval-card", v),
+		"aria-labelledby": `${b}-title`,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "dishui-ai-approval-card__head",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "dishui-ai-approval-card__badge",
+						children: "Approval required"
+					}),
+					/* @__PURE__ */ i("h3", {
+						id: `${b}-title`,
+						children: s
+					}),
+					c && /* @__PURE__ */ i("div", {
+						className: "dishui-ai-approval-card__description",
+						children: c
+					})
+				]
+			}),
+			l.length > 0 && /* @__PURE__ */ i("div", {
+				className: "dishui-ai-approval-card__options",
+				role: "radiogroup",
+				"aria-label": "Approval options",
+				children: l.map((t) => /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": C === t.id,
+					disabled: g || h || t.disabled,
+					title: t.disabledReason,
+					className: e("dishui-ai-approval-card__option", C === t.id && "dishui-ai-approval-card__option--selected"),
+					onClick: () => T(t.id),
+					children: [/* @__PURE__ */ i("span", {
+						className: "dishui-ai-approval-card__radio",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ a("span", { children: [
+						/* @__PURE__ */ i("strong", { children: t.label }),
+						t.description && /* @__PURE__ */ i("small", { children: t.description }),
+						t.disabled && t.disabledReason && /* @__PURE__ */ i("small", { children: t.disabledReason })
+					] })]
+				}, t.id))
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "dishui-ai-approval-card__actions",
+				children: [
+					w && /* @__PURE__ */ i("span", {
+						role: "status",
+						children: _?.required ?? "Choose an option to continue"
+					}),
+					/* @__PURE__ */ i("span", { className: "dishui-ai-approval-card__spacer" }),
+					m && /* @__PURE__ */ i(t, {
+						type: "button",
+						size: "sm",
+						variant: "secondary",
+						disabled: g || h,
+						onClick: m,
+						children: _?.reject ?? "Reject"
+					}),
+					p && /* @__PURE__ */ i(t, {
+						type: "button",
+						size: "sm",
+						variant: "primary",
+						disabled: g || h || w,
+						"aria-busy": h || void 0,
+						onClick: () => p(C),
+						children: _?.approve ?? "Approve"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/ai/ApprovalCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/ApprovalCard/index.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport Button from '../../Button';\nimport './ApprovalCard.css';\n\nconst EMPTY_OPTIONS: ApprovalOption[] = [];\n\nexport type ApprovalOption = { id: string; label: React.ReactNode; description?: React.ReactNode; disabled?: boolean; disabledReason?: string };\nexport type ApprovalCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> & {\n  title: React.ReactNode; description?: React.ReactNode; options?: ApprovalOption[];\n  value?: string; defaultValue?: string; onChange?: (value: string) => void;\n  onApprove?: (value?: string) => void; onReject?: () => void; busy?: boolean; disabled?: boolean;\n  labels?: { approve?: string; reject?: string; required?: string };\n};\n\nexport default function ApprovalCard({ title, description, options = EMPTY_OPTIONS, value, defaultValue, onChange, onApprove, onReject, busy = false, disabled = false, labels, className, ...rest }: ApprovalCardProps) {\n  const uid = useId();\n  const [internal, setInternal] = useState(defaultValue);\n  const selected = value ?? internal;\n  const required = options.length > 0 && !selected;\n  const choose = (id: string) => { if (value === undefined) setInternal(id); onChange?.(id); };\n  return <section {...rest} className={cn('dishui-ai-approval-card', className)} aria-labelledby={`${uid}-title`}>\n    <div className=\"dishui-ai-approval-card__head\"><span className=\"dishui-ai-approval-card__badge\">Approval required</span><h3 id={`${uid}-title`}>{title}</h3>{description && <div className=\"dishui-ai-approval-card__description\">{description}</div>}</div>\n    {options.length > 0 && <div className=\"dishui-ai-approval-card__options\" role=\"radiogroup\" aria-label=\"Approval options\">{options.map(option => <button key={option.id} type=\"button\" role=\"radio\" aria-checked={selected === option.id} disabled={disabled || busy || option.disabled} title={option.disabledReason} className={cn('dishui-ai-approval-card__option', selected === option.id && 'dishui-ai-approval-card__option--selected')} onClick={() => choose(option.id)}><span className=\"dishui-ai-approval-card__radio\" aria-hidden=\"true\"/><span><strong>{option.label}</strong>{option.description && <small>{option.description}</small>}{option.disabled && option.disabledReason && <small>{option.disabledReason}</small>}</span></button>)}</div>}\n    <div className=\"dishui-ai-approval-card__actions\">{required && <span role=\"status\">{labels?.required ?? 'Choose an option to continue'}</span>}<span className=\"dishui-ai-approval-card__spacer\"/>{onReject && <Button type=\"button\" size=\"sm\" variant=\"secondary\" disabled={disabled || busy} onClick={onReject}>{labels?.reject ?? 'Reject'}</Button>}{onApprove && <Button type=\"button\" size=\"sm\" variant=\"primary\" disabled={disabled || busy || required} aria-busy={busy || undefined} onClick={() => onApprove(selected)}>{labels?.approve ?? 'Approve'}</Button>}</div>\n  </section>;\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAkC,CAAC;AAUzC,SAAwB,EAAa,EAAE,UAAO,gBAAa,aAAU,GAAe,UAAO,iBAAc,aAAU,cAAW,aAAU,UAAO,IAAO,cAAW,IAAO,WAAQ,cAAW,GAAG,KAA2B;CACvN,IAAM,IAAM,EAAM,GACZ,CAAC,GAAU,KAAe,EAAS,CAAY,GAC/C,IAAW,KAAS,GACpB,IAAW,EAAQ,SAAS,KAAK,CAAC,GAClC,KAAU,MAAe;EAA4C,AAAtC,MAAU,KAAA,KAAW,EAAY,CAAE,GAAG,IAAW,CAAE;CAAG;CAC3F,OAAO,kBAAC,WAAD;EAAS,GAAI;EAAM,WAAW,EAAG,2BAA2B,CAAS;EAAG,mBAAiB,GAAG,EAAI;EAAhG,UAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KAA+C,kBAAC,QAAD;MAAM,WAAU;MAAiC,UAAA;KAAuB,CAAA;KAAC,kBAAC,MAAD;MAAI,IAAI,GAAG,EAAI;MAAU,UAAA;KAAU,CAAA;KAAE,KAAe,kBAAC,OAAD;MAAK,WAAU;MAAwC,UAAA;KAAiB,CAAA;IAAO;;GAC1P,EAAQ,SAAS,KAAK,kBAAC,OAAD;IAAK,WAAU;IAAmC,MAAK;IAAa,cAAW;IAAoB,UAAA,EAAQ,KAAI,MAAU,kBAAC,UAAD;KAAwB,MAAK;KAAS,MAAK;KAAQ,gBAAc,MAAa,EAAO;KAAI,UAAU,KAAY,KAAQ,EAAO;KAAU,OAAO,EAAO;KAAgB,WAAW,EAAG,mCAAmC,MAAa,EAAO,MAAM,2CAA2C;KAAG,eAAe,EAAO,EAAO,EAAE;KAA9T,UAAA,CAAiU,kBAAC,QAAD;MAAM,WAAU;MAAiC,eAAY;KAAO,CAAA,GAAC,kBAAC,QAAD,EAAA,UAAA;MAAM,kBAAC,UAAD,EAAA,UAAS,EAAO,MAAc,CAAA;MAAE,EAAO,eAAe,kBAAC,SAAD,EAAA,UAAQ,EAAO,YAAmB,CAAA;MAAG,EAAO,YAAY,EAAO,kBAAkB,kBAAC,SAAD,EAAA,UAAQ,EAAO,eAAsB,CAAA;KAAQ,EAAA,CAAA,CAAS;IAA5jB,GAAA,EAAO,EAAqjB,CAAC;GAAO,CAAA;GACjuB,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KAAmD,KAAY,kBAAC,QAAD;MAAM,MAAK;MAAU,UAAA,GAAQ,YAAY;KAAqC,CAAA;KAAE,kBAAC,QAAD,EAAM,WAAU,kCAAkC,CAAA;KAAE,KAAY,kBAAC,GAAD;MAAQ,MAAK;MAAS,MAAK;MAAK,SAAQ;MAAY,UAAU,KAAY;MAAM,SAAS;MAAW,UAAA,GAAQ,UAAU;KAAiB,CAAA;KAAG,KAAa,kBAAC,GAAD;MAAQ,MAAK;MAAS,MAAK;MAAK,SAAQ;MAAU,UAAU,KAAY,KAAQ;MAAU,aAAW,KAAQ,KAAA;MAAW,eAAe,EAAU,CAAQ;MAAI,UAAA,GAAQ,WAAW;KAAkB,CAAA;IAAO;;EACxiB;;AACX"}

package/dist/components/ai/CodeView/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export type CodeViewLabels = {
+    copy?: string;
+    copied?: string;
+    copyFailed?: string;
+    expand?: string;
+    collapse?: string;
+};
+export type CodeViewProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    code: string;
+    /** Prism language name, for example `typescript`, `tsx`, `python` or `json`. */
+    language?: string;
+    title?: React.ReactNode;
+    /** Show a non-selectable line-number gutter. */
+    showLineNumbers?: boolean;
+    /** Starting value for the first visible line number. */
+    startingLineNumber?: number;
+    /** Wrap long source lines instead of scrolling horizontally. */
+    wrap?: boolean;
+    defaultCollapsed?: boolean;
+    collapsible?: boolean;
+    maxHeight?: string | number;
+    onCopy?: (code: string) => void | Promise<void>;
+    labels?: CodeViewLabels;
+};
+/**
+ * Read-only highlighted source view. It follows CodeEditor's read-only visual
+ * contract while remaining focused on display, copy, collapse and line numbers.
+ */
+export default function CodeView({ code, language, title, showLineNumbers, startingLineNumber, wrap, defaultCollapsed, collapsible, maxHeight, onCopy, labels, className, ...rest }: CodeViewProps): React.JSX.Element;

package/dist/components/ai/CodeView/index.js

@@ -0,0 +1,149 @@
+import { cn as e } from "../../../utils/cn.js";
+/* empty css         */
+import { useId as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Prism as a } from "react-syntax-highlighter";
+//#region src/components/ai/CodeView/index.tsx
+var o = {
+	"code[class*=\"language-\"]": {
+		color: "var(--dishui-text-primary)",
+		background: "transparent",
+		fontFamily: "var(--dishui-font-mono)",
+		fontSize: "var(--dishui-text-body-sm)",
+		lineHeight: 1.65,
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		overflowWrap: "normal",
+		tabSize: 2
+	},
+	"pre[class*=\"language-\"]": {
+		color: "var(--dishui-text-primary)",
+		background: "var(--dishui-surface-canvas)",
+		fontFamily: "var(--dishui-font-mono)",
+		fontSize: "var(--dishui-text-body-sm)",
+		lineHeight: 1.65,
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		overflowWrap: "normal",
+		tabSize: 2
+	},
+	comment: {
+		color: "var(--dishui-text-tertiary)",
+		fontStyle: "italic"
+	},
+	prolog: { color: "var(--dishui-text-tertiary)" },
+	doctype: { color: "var(--dishui-text-tertiary)" },
+	cdata: { color: "var(--dishui-text-tertiary)" },
+	punctuation: { color: "var(--dishui-text-secondary)" },
+	property: { color: "var(--dishui-status-danger-fg)" },
+	tag: { color: "var(--dishui-status-danger-fg)" },
+	boolean: { color: "var(--dishui-status-alt-fg)" },
+	number: { color: "var(--dishui-status-alt-fg)" },
+	constant: { color: "var(--dishui-status-alt-fg)" },
+	symbol: { color: "var(--dishui-status-alt-fg)" },
+	deleted: { color: "var(--dishui-status-danger-fg)" },
+	selector: { color: "var(--dishui-status-success-fg)" },
+	"attr-name": { color: "var(--dishui-status-warning-fg)" },
+	string: { color: "var(--dishui-status-success-fg)" },
+	char: { color: "var(--dishui-status-success-fg)" },
+	builtin: { color: "var(--dishui-status-info-fg)" },
+	inserted: { color: "var(--dishui-status-success-fg)" },
+	operator: { color: "var(--dishui-status-info-fg)" },
+	entity: { color: "var(--dishui-status-warning-fg)" },
+	url: { color: "var(--dishui-status-info-fg)" },
+	atrule: { color: "var(--dishui-status-alt-fg)" },
+	"attr-value": { color: "var(--dishui-status-success-fg)" },
+	keyword: {
+		color: "var(--dishui-status-alt-fg)",
+		fontWeight: 600
+	},
+	function: { color: "var(--dishui-status-info-fg)" },
+	"class-name": { color: "var(--dishui-status-warning-fg)" },
+	regex: { color: "var(--dishui-status-warning-fg)" },
+	important: {
+		color: "var(--dishui-status-danger-fg)",
+		fontWeight: 600
+	},
+	variable: { color: "var(--dishui-text-primary)" }
+};
+function s({ code: s, language: c = "text", title: l, showLineNumbers: u = !0, startingLineNumber: d = 1, wrap: f = !1, defaultCollapsed: p = !1, collapsible: m = !1, maxHeight: h, onCopy: g, labels: _, className: v, ...y }) {
+	let b = t(), [x, S] = n(p), [C, w] = n("idle"), T = async () => {
+		try {
+			g ? await g(s) : await navigator.clipboard.writeText(s), w("copied");
+		} catch {
+			w("failed");
+		}
+	};
+	return /* @__PURE__ */ i("div", {
+		...y,
+		className: e("dishui-ai-code-view", f && "dishui-ai-code-view--wrap", v),
+		children: [/* @__PURE__ */ i("div", {
+			className: "dishui-ai-code-view__header",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "dishui-ai-code-view__title",
+					children: l ?? c
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "dishui-ai-code-view__language",
+					children: c
+				}),
+				/* @__PURE__ */ r("span", {
+					role: "status",
+					className: "dishui-ai-code-view__copy-state",
+					children: C === "copied" ? _?.copied ?? "Copied" : C === "failed" ? _?.copyFailed ?? "Copy failed" : ""
+				}),
+				m && /* @__PURE__ */ r("button", {
+					type: "button",
+					"aria-expanded": !x,
+					"aria-controls": b,
+					onClick: () => S((e) => !e),
+					children: x ? _?.expand ?? "Expand" : _?.collapse ?? "Collapse"
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					onClick: () => void T(),
+					children: _?.copy ?? "Copy"
+				})
+			]
+		}), /* @__PURE__ */ r("div", {
+			id: b,
+			hidden: x,
+			className: "dishui-ai-code-view__scroll",
+			style: { maxHeight: h },
+			children: /* @__PURE__ */ r(a, {
+				language: c,
+				style: o,
+				showLineNumbers: u,
+				startingLineNumber: d,
+				wrapLines: !0,
+				wrapLongLines: f,
+				lineNumberStyle: {
+					minWidth: "3.5em",
+					paddingInlineEnd: "12px",
+					marginInlineEnd: "12px",
+					borderInlineEnd: "1px solid var(--dishui-border-hairline)",
+					color: "var(--dishui-text-tertiary)",
+					fontVariantNumeric: "tabular-nums",
+					userSelect: "none"
+				},
+				customStyle: {
+					margin: 0,
+					padding: "12px 14px",
+					background: "var(--dishui-surface-canvas)",
+					overflow: "visible"
+				},
+				codeTagProps: { "aria-label": `${c} code` },
+				children: s
+			})
+		})]
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/ai/CodeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/CodeView/index.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { cn } from '../../../utils/cn';\nimport './CodeView.css';\n\nexport type CodeViewLabels = {\n  copy?: string;\n  copied?: string;\n  copyFailed?: string;\n  expand?: string;\n  collapse?: string;\n};\n\nexport type CodeViewProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n  code: string;\n  /** Prism language name, for example `typescript`, `tsx`, `python` or `json`. */\n  language?: string;\n  title?: React.ReactNode;\n  /** Show a non-selectable line-number gutter. */\n  showLineNumbers?: boolean;\n  /** Starting value for the first visible line number. */\n  startingLineNumber?: number;\n  /** Wrap long source lines instead of scrolling horizontally. */\n  wrap?: boolean;\n  defaultCollapsed?: boolean;\n  collapsible?: boolean;\n  maxHeight?: string | number;\n  onCopy?: (code: string) => void | Promise<void>;\n  labels?: CodeViewLabels;\n};\n\nconst syntaxTheme: Record<string, React.CSSProperties> = {\n  'code[class*=\"language-\"]': {\n    color: 'var(--dishui-text-primary)',\n    background: 'transparent',\n    fontFamily: 'var(--dishui-font-mono)',\n    fontSize: 'var(--dishui-text-body-sm)',\n    lineHeight: 1.65,\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    overflowWrap: 'normal',\n    tabSize: 2,\n  },\n  'pre[class*=\"language-\"]': {\n    color: 'var(--dishui-text-primary)',\n    background: 'var(--dishui-surface-canvas)',\n    fontFamily: 'var(--dishui-font-mono)',\n    fontSize: 'var(--dishui-text-body-sm)',\n    lineHeight: 1.65,\n    textAlign: 'left',\n    whiteSpace: 'pre',\n    wordSpacing: 'normal',\n    wordBreak: 'normal',\n    overflowWrap: 'normal',\n    tabSize: 2,\n  },\n  comment: { color: 'var(--dishui-text-tertiary)', fontStyle: 'italic' },\n  prolog: { color: 'var(--dishui-text-tertiary)' },\n  doctype: { color: 'var(--dishui-text-tertiary)' },\n  cdata: { color: 'var(--dishui-text-tertiary)' },\n  punctuation: { color: 'var(--dishui-text-secondary)' },\n  property: { color: 'var(--dishui-status-danger-fg)' },\n  tag: { color: 'var(--dishui-status-danger-fg)' },\n  boolean: { color: 'var(--dishui-status-alt-fg)' },\n  number: { color: 'var(--dishui-status-alt-fg)' },\n  constant: { color: 'var(--dishui-status-alt-fg)' },\n  symbol: { color: 'var(--dishui-status-alt-fg)' },\n  deleted: { color: 'var(--dishui-status-danger-fg)' },\n  selector: { color: 'var(--dishui-status-success-fg)' },\n  'attr-name': { color: 'var(--dishui-status-warning-fg)' },\n  string: { color: 'var(--dishui-status-success-fg)' },\n  char: { color: 'var(--dishui-status-success-fg)' },\n  builtin: { color: 'var(--dishui-status-info-fg)' },\n  inserted: { color: 'var(--dishui-status-success-fg)' },\n  operator: { color: 'var(--dishui-status-info-fg)' },\n  entity: { color: 'var(--dishui-status-warning-fg)' },\n  url: { color: 'var(--dishui-status-info-fg)' },\n  atrule: { color: 'var(--dishui-status-alt-fg)' },\n  'attr-value': { color: 'var(--dishui-status-success-fg)' },\n  keyword: { color: 'var(--dishui-status-alt-fg)', fontWeight: 600 },\n  function: { color: 'var(--dishui-status-info-fg)' },\n  'class-name': { color: 'var(--dishui-status-warning-fg)' },\n  regex: { color: 'var(--dishui-status-warning-fg)' },\n  important: { color: 'var(--dishui-status-danger-fg)', fontWeight: 600 },\n  variable: { color: 'var(--dishui-text-primary)' },\n};\n\n/**\n * Read-only highlighted source view. It follows CodeEditor's read-only visual\n * contract while remaining focused on display, copy, collapse and line numbers.\n */\nexport default function CodeView({\n  code,\n  language = 'text',\n  title,\n  showLineNumbers = true,\n  startingLineNumber = 1,\n  wrap = false,\n  defaultCollapsed = false,\n  collapsible = false,\n  maxHeight,\n  onCopy,\n  labels,\n  className,\n  ...rest\n}: CodeViewProps) {\n  const id = useId();\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>('idle');\n\n  const copy = async () => {\n    try {\n      if (onCopy) await onCopy(code);\n      else await navigator.clipboard.writeText(code);\n      setCopyState('copied');\n    } catch {\n      setCopyState('failed');\n    }\n  };\n\n  return (\n    <div {...rest} className={cn('dishui-ai-code-view', wrap && 'dishui-ai-code-view--wrap', className)}>\n      <div className=\"dishui-ai-code-view__header\">\n        <span className=\"dishui-ai-code-view__title\">{title ?? language}</span>\n        <span className=\"dishui-ai-code-view__language\">{language}</span>\n        <span role=\"status\" className=\"dishui-ai-code-view__copy-state\">\n          {copyState === 'copied' ? labels?.copied ?? 'Copied' : copyState === 'failed' ? labels?.copyFailed ?? 'Copy failed' : ''}\n        </span>\n        {collapsible && (\n          <button type=\"button\" aria-expanded={!collapsed} aria-controls={id} onClick={() => setCollapsed(value => !value)}>\n            {collapsed ? labels?.expand ?? 'Expand' : labels?.collapse ?? 'Collapse'}\n          </button>\n        )}\n        <button type=\"button\" onClick={() => void copy()}>{labels?.copy ?? 'Copy'}</button>\n      </div>\n      <div id={id} hidden={collapsed} className=\"dishui-ai-code-view__scroll\" style={{ maxHeight }}>\n        <SyntaxHighlighter\n          language={language}\n          style={syntaxTheme}\n          showLineNumbers={showLineNumbers}\n          startingLineNumber={startingLineNumber}\n          wrapLines\n          wrapLongLines={wrap}\n          lineNumberStyle={{\n            minWidth: '3.5em',\n            paddingInlineEnd: '12px',\n            marginInlineEnd: '12px',\n            borderInlineEnd: '1px solid var(--dishui-border-hairline)',\n            color: 'var(--dishui-text-tertiary)',\n            fontVariantNumeric: 'tabular-nums',\n            userSelect: 'none',\n          }}\n          customStyle={{ margin: 0, padding: '12px 14px', background: 'var(--dishui-surface-canvas)', overflow: 'visible' }}\n          codeTagProps={{ 'aria-label': `${language} code` }}\n        >\n          {code}\n        </SyntaxHighlighter>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ai/CommandSearch/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export type CommandSearchItem = {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    group?: string;
+    keywords?: string[];
+    shortcut?: string;
+    onSelect?: () => void;
+};
+export type CommandSearchProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onSubmit' | 'children'> & {
+    items: CommandSearchItem[];
+    query?: string;
+    defaultQuery?: string;
+    onQueryChange?: (query: string) => void;
+    onSelect?: (item: CommandSearchItem) => void;
+    /** Enter with nothing highlighted, or on an empty result set. */
+    onSubmit?: (query: string) => void;
+    placeholder?: string;
+    /** Custom predicate; default is a case-insensitive match on label / description / keywords. */
+    filter?: (item: CommandSearchItem, query: string) => boolean;
+    /** Wrap matched substrings in `<mark>`. */
+    highlightMatches?: boolean;
+    emptyState?: React.ReactNode | ((query: string) => React.ReactNode);
+    maxVisible?: number;
+    autoFocus?: boolean;
+    /** Renders as an in-page panel (not a modal). */
+    inline?: boolean;
+    /** Show a small indeterminate indicator in the input. */
+    loading?: boolean;
+    /** Accessible name for the input. */
+    label?: string;
+};
+/**
+ * Command search: an input over a filtered, grouped listbox with keyboard
+ * navigation and an empty state that hands the query to the agent.
+ */
+export default function CommandSearch({ items, query, defaultQuery, onQueryChange, onSelect, onSubmit, placeholder, filter, highlightMatches, emptyState, maxVisible, autoFocus, inline, loading, label, className, ...rest }: CommandSearchProps): React.JSX.Element;