@dowel-ui/react 0.5.0 → 0.8.0

package/dist/components/ai-approval-request/meta.js

@@ -9,7 +9,7 @@ const meta = defineMeta({
 	dependencies: [],
 	registryDependencies: [],
 	files: ["ai-approval-request.tsx"],
-	a11y: "The proposed arguments are a description list of real labelled form controls, so each value is associated with its name and editable ones are reachable by keyboard. A corrected argument is marked in text rather than by border colour alone, because an audit trail has to distinguish the model's proposal from the human's edit. The request is aria-busy while arguments are still arriving and the decision controls stay disabled until it is whole — rendering nothing until then, as the common implementation does, means nothing is on screen at the moment approval becomes relevant. Irreversibility is stated as a sentence, never as a severity colour."
+	a11y: "The proposed arguments are a description list of real labelled form controls, so each value is associated with its name and editable ones are reachable by keyboard. A corrected argument is marked in text rather than by border colour alone, because an audit trail has to distinguish the model's proposal from the human's edit. The request is aria-busy while arguments are still arriving and the decision controls stay disabled until it is whole — rendering nothing until then, as the common implementation does, means nothing is on screen at the moment approval becomes relevant. Irreversibility is stated as a sentence, never as a severity colour. Focus never falls to the page as controls swap: deciding moves it to the outcome (tabindex -1, never a Tab stop), Deny… moves it into the reason field and Back returns it — but only when focus was already inside, so a replayed or remote decision never steals it (manageFocus={false} opts out)."
 });
 //#endregion
 export { meta };

package/dist/components/ai-approval-request/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-approval-request/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-approval-request\",\n  title: \"AI Approval Request\",\n  description: \"Approve a tool call — after correcting the arguments the model got wrong.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"ai-approval-request.tsx\"],\n  a11y:\n    \"The proposed arguments are a description list of real labelled form controls, so each value \" +\n    \"is associated with its name and editable ones are reachable by keyboard. A corrected \" +\n    \"argument is marked in text rather than by border colour alone, because an audit trail has \" +\n    \"to distinguish the model's proposal from the human's edit. The request is aria-busy while \" +\n    \"arguments are still arriving and the decision controls stay disabled until it is whole — \" +\n    \"rendering nothing until then, as the common implementation does, means nothing is on screen \" +\n    \"at the moment approval becomes relevant. Irreversibility is stated as a sentence, never as a \" +\n    \"severity colour.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,yBAAyB;CACjC,MACE;AAQJ,CAAC"}
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-approval-request/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-approval-request\",\n  title: \"AI Approval Request\",\n  description: \"Approve a tool call — after correcting the arguments the model got wrong.\",\n  category: \"ai\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"ai-approval-request.tsx\"],\n  a11y:\n    \"The proposed arguments are a description list of real labelled form controls, so each value \" +\n    \"is associated with its name and editable ones are reachable by keyboard. A corrected \" +\n    \"argument is marked in text rather than by border colour alone, because an audit trail has \" +\n    \"to distinguish the model's proposal from the human's edit. The request is aria-busy while \" +\n    \"arguments are still arriving and the decision controls stay disabled until it is whole — \" +\n    \"rendering nothing until then, as the common implementation does, means nothing is on screen \" +\n    \"at the moment approval becomes relevant. Irreversibility is stated as a sentence, never as a \" +\n    \"severity colour. Focus never falls to the page as controls swap: deciding moves it to the \" +\n    \"outcome (tabindex -1, never a Tab stop), Deny… moves it into the reason field and Back \" +\n    \"returns it — but only when focus was already inside, so a replayed or remote decision \" +\n    \"never steals it (manageFocus={false} opts out).\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,yBAAyB;CACjC,MACE;AAWJ,CAAC"}

package/dist/components/ai-artifact/ai-artifact.d.ts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/ai-artifact/ai-artifact.d.ts
+type ArtifactPane = "preview" | "code";
+interface ArtifactProps extends Omit<ComponentPropsWithRef<"div">, "title"> {
+  /** Names the artifact so it can be referred to in conversation. */
+  title: ReactNode;
+  /** The rendered form. */
+  preview?: ReactNode;
+  /** The raw form — source, JSON, markup. Pre-highlighted markup is fine. */
+  code?: ReactNode;
+  /** Plain text for the clipboard. Omit to hide the copy action. */
+  copyValue?: string;
+  /** Controlled pane. */
+  pane?: ArtifactPane;
+  /** Initial pane when uncontrolled. */
+  defaultPane?: ArtifactPane;
+  onPaneChange?: (pane: ArtifactPane) => void;
+  /** Extra toolbar actions, after the pane switch. */
+  actions?: ReactNode;
+  /** Tab labels. */
+  labels?: Partial<Record<ArtifactPane, string>>;
+}
+/** A titled frame for generated output, with preview and code panes. */
+declare function Artifact({ className, title, preview, code, copyValue, pane: paneProp, defaultPane, onPaneChange, actions, labels, ...props }: ArtifactProps): import("react").JSX.Element;
+//#endregion
+export { Artifact, ArtifactPane, ArtifactProps };
+//# sourceMappingURL=ai-artifact.d.ts.map

package/dist/components/ai-artifact/ai-artifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-artifact.d.ts","names":[],"sources":["../../../src/components/ai-artifact/ai-artifact.tsx"],"mappings":";;KAiCY;UAEK,sBAAsB,KAAK;;EAE1C,OAAO;;EAEP,UAAU;;EAEV,OAAO;;EAEP;;EAEA,OAAO;;EAEP,cAAc;EACd,gBAAgB,MAAM;;EAEtB,UAAU;;EAEV,SAAS,QAAQ,OAAO;;;iBAMV,WACd,WACA,OACA,SACA,MACA,WACA,MAAM,UACN,aACA,cACA,SACA,WACG,SACF,gCAAa,IAAA"}

package/dist/components/ai-artifact/ai-artifact.js

@@ -0,0 +1,142 @@
+"use client";
+import { focusRingInset } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { CopyButton } from "../copy-button/copy-button.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../tabs/tabs.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+//#region src/components/ai-artifact/ai-artifact.tsx
+const PREFIX = "dowel-ai-artifact";
+const STYLES = `
+.${PREFIX}{--artifact-dir:1}
+.${PREFIX}:dir(rtl){--artifact-dir:-1}
+.${PREFIX}[data-switched] [data-slot=artifact-pane][data-state=active]{animation:${PREFIX}-in var(--duration-normal) var(--ease-out-quint)}
+@keyframes ${PREFIX}-in{from{opacity:0;transform:translateX(calc(var(--artifact-from) * var(--artifact-dir)))}}
+`;
+const paneClass = "mt-0 rounded-b-xl";
+/** A titled frame for generated output, with preview and code panes. */
+function Artifact({ className, title, preview, code, copyValue, pane: paneProp, defaultPane = "preview", onPaneChange, actions, labels, ...props }) {
+	const titleId = useId();
+	const [uncontrolled, setUncontrolled] = useState(defaultPane);
+	const [switched, setSwitched] = useState(false);
+	const available = [];
+	if (preview != null) available.push("preview");
+	if (code != null) available.push("code");
+	const requested = paneProp ?? uncontrolled;
+	const pane = available.includes(requested) ? requested : available[0] ?? "preview";
+	const tabbed = available.length > 1;
+	const names = {
+		preview: "Preview",
+		code: "Code",
+		...labels
+	};
+	function change(next) {
+		const value = next;
+		setSwitched(true);
+		if (paneProp === void 0) setUncontrolled(value);
+		onPaneChange?.(value);
+	}
+	const codeBlock = /* @__PURE__ */ jsx("pre", {
+		className: "overflow-x-auto p-3 font-mono text-xs leading-relaxed text-foreground",
+		children: code
+	});
+	const previewBlock = /* @__PURE__ */ jsx("div", {
+		className: "p-3",
+		children: preview
+	});
+	const toolbar = /* @__PURE__ */ jsxs("div", {
+		"data-slot": "artifact-header",
+		className: "flex items-center gap-2 border-b border-border px-2 py-1.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			id: titleId,
+			className: "min-w-0 truncate px-1 text-xs font-medium text-foreground",
+			children: title
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "ms-auto flex items-center gap-1",
+			children: [
+				tabbed ? /* @__PURE__ */ jsx(TabsList, {
+					className: "h-auto gap-0.5 p-0.5",
+					children: available.map((candidate) => /* @__PURE__ */ jsx(TabsTrigger, {
+						value: candidate,
+						className: "h-6 px-2 text-xs",
+						children: names[candidate]
+					}, candidate))
+				}) : null,
+				actions,
+				copyValue !== void 0 ? /* @__PURE__ */ jsx(CopyButton, {
+					value: copyValue,
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Copy",
+					className: "size-7 text-muted-foreground"
+				}) : null
+			]
+		})]
+	});
+	const root = cn(PREFIX, "w-full overflow-hidden rounded-xl border border-border bg-background", className);
+	if (!tabbed) return /* @__PURE__ */ jsxs("div", {
+		role: "group",
+		"aria-labelledby": titleId,
+		"data-slot": "artifact",
+		"data-pane": pane,
+		className: root,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("style", {
+				href: PREFIX,
+				precedence: "dowel",
+				children: STYLES
+			}),
+			toolbar,
+			pane === "code" ? /* @__PURE__ */ jsx("div", {
+				role: "region",
+				"aria-labelledby": titleId,
+				tabIndex: 0,
+				className: cn("rounded-b-xl", focusRingInset),
+				children: codeBlock
+			}) : previewBlock
+		]
+	});
+	return /* @__PURE__ */ jsx(Tabs, {
+		value: pane,
+		onValueChange: change,
+		asChild: true,
+		children: /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-labelledby": titleId,
+			"data-slot": "artifact",
+			"data-pane": pane,
+			"data-switched": switched ? "" : void 0,
+			className: root,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx("style", {
+					href: PREFIX,
+					precedence: "dowel",
+					children: STYLES
+				}),
+				toolbar,
+				/* @__PURE__ */ jsxs("div", {
+					className: "overflow-hidden",
+					children: [/* @__PURE__ */ jsx(TabsContent, {
+						value: "preview",
+						"data-slot": "artifact-pane",
+						className: paneClass,
+						style: { ["--artifact-from"]: "-24px" },
+						children: previewBlock
+					}), /* @__PURE__ */ jsx(TabsContent, {
+						value: "code",
+						"data-slot": "artifact-pane",
+						className: paneClass,
+						style: { ["--artifact-from"]: "24px" },
+						children: codeBlock
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { Artifact };
+
+//# sourceMappingURL=ai-artifact.js.map

package/dist/components/ai-artifact/ai-artifact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-artifact.js","names":[],"sources":["../../../src/components/ai-artifact/ai-artifact.tsx"],"sourcesContent":["\"use client\";\n\n// Ported from SmoothUI AI Artifact (MIT, © 2024 Eduardo Calvo). See THIRD_PARTY_NOTICES.md.\nimport { useId, useState, type ComponentPropsWithRef, type ReactNode } from \"react\";\n\nimport { CopyButton } from \"@/components/copy-button\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/tabs\";\nimport { focusRingInset } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/*\n * A frame around something the model produced: a title, a rendered preview,\n * the raw source, and a copy action.\n *\n * The two panes live on one horizontal axis — preview before code, always —\n * so switching has a direction: code arrives from the inline end, preview from\n * the inline start, and after one go the user knows where the other pane went.\n * A cross-fade would leave no such memory. The slide is a CSS keyframe that\n * only runs after the first switch (not on mount), mirrors in right-to-left\n * layouts, and stops under reduced motion.\n *\n * SmoothUI slides a shared indicator between the tabs with Motion's layoutId;\n * that belongs to Tabs itself, so this composes Dowel's Tabs as they are.\n */\n\nconst PREFIX = \"dowel-ai-artifact\";\nconst STYLES = `\n.${PREFIX}{--artifact-dir:1}\n.${PREFIX}:dir(rtl){--artifact-dir:-1}\n.${PREFIX}[data-switched] [data-slot=artifact-pane][data-state=active]{animation:${PREFIX}-in var(--duration-normal) var(--ease-out-quint)}\n@keyframes ${PREFIX}-in{from{opacity:0;transform:translateX(calc(var(--artifact-from) * var(--artifact-dir)))}}\n`;\n\nexport type ArtifactPane = \"preview\" | \"code\";\n\nexport interface ArtifactProps extends Omit<ComponentPropsWithRef<\"div\">, \"title\"> {\n  /** Names the artifact so it can be referred to in conversation. */\n  title: ReactNode;\n  /** The rendered form. */\n  preview?: ReactNode;\n  /** The raw form — source, JSON, markup. Pre-highlighted markup is fine. */\n  code?: ReactNode;\n  /** Plain text for the clipboard. Omit to hide the copy action. */\n  copyValue?: string;\n  /** Controlled pane. */\n  pane?: ArtifactPane;\n  /** Initial pane when uncontrolled. */\n  defaultPane?: ArtifactPane;\n  onPaneChange?: (pane: ArtifactPane) => void;\n  /** Extra toolbar actions, after the pane switch. */\n  actions?: ReactNode;\n  /** Tab labels. */\n  labels?: Partial<Record<ArtifactPane, string>>;\n}\n\nconst paneClass = \"mt-0 rounded-b-xl\";\n\n/** A titled frame for generated output, with preview and code panes. */\nexport function Artifact({\n  className,\n  title,\n  preview,\n  code,\n  copyValue,\n  pane: paneProp,\n  defaultPane = \"preview\",\n  onPaneChange,\n  actions,\n  labels,\n  ...props\n}: ArtifactProps) {\n  const titleId = useId();\n  const [uncontrolled, setUncontrolled] = useState<ArtifactPane>(defaultPane);\n  const [switched, setSwitched] = useState(false);\n  const available: ArtifactPane[] = [];\n  if (preview != null) available.push(\"preview\");\n  if (code != null) available.push(\"code\");\n  const requested = paneProp ?? uncontrolled;\n  const pane = available.includes(requested) ? requested : (available[0] ?? \"preview\");\n  const tabbed = available.length > 1;\n  const names = { preview: \"Preview\", code: \"Code\", ...labels };\n\n  function change(next: string) {\n    const value = next as ArtifactPane;\n    setSwitched(true);\n    if (paneProp === undefined) setUncontrolled(value);\n    onPaneChange?.(value);\n  }\n\n  const codeBlock = (\n    <pre className=\"overflow-x-auto p-3 font-mono text-xs leading-relaxed text-foreground\">\n      {code}\n    </pre>\n  );\n  const previewBlock = <div className=\"p-3\">{preview}</div>;\n\n  const toolbar = (\n    <div\n      data-slot=\"artifact-header\"\n      className=\"flex items-center gap-2 border-b border-border px-2 py-1.5\"\n    >\n      <span id={titleId} className=\"min-w-0 truncate px-1 text-xs font-medium text-foreground\">\n        {title}\n      </span>\n      <div className=\"ms-auto flex items-center gap-1\">\n        {tabbed ? (\n          <TabsList className=\"h-auto gap-0.5 p-0.5\">\n            {available.map((candidate) => (\n              <TabsTrigger key={candidate} value={candidate} className=\"h-6 px-2 text-xs\">\n                {names[candidate]}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        ) : null}\n        {actions}\n        {copyValue !== undefined ? (\n          <CopyButton\n            value={copyValue}\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label=\"Copy\"\n            className=\"size-7 text-muted-foreground\"\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n\n  const root = cn(\n    PREFIX,\n    \"w-full overflow-hidden rounded-xl border border-border bg-background\",\n    className,\n  );\n\n  if (!tabbed) {\n    return (\n      <div\n        role=\"group\"\n        aria-labelledby={titleId}\n        data-slot=\"artifact\"\n        data-pane={pane}\n        className={root}\n        {...props}\n      >\n        <style href={PREFIX} precedence=\"dowel\">\n          {STYLES}\n        </style>\n        {toolbar}\n        {pane === \"code\" ? (\n          // A scroll box must be reachable by keyboard, so it is a focusable,\n          // named region (ADR 0009).\n          <div\n            role=\"region\"\n            aria-labelledby={titleId}\n            tabIndex={0}\n            className={cn(\"rounded-b-xl\", focusRingInset)}\n          >\n            {codeBlock}\n          </div>\n        ) : (\n          previewBlock\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <Tabs value={pane} onValueChange={change} asChild>\n      <div\n        role=\"group\"\n        aria-labelledby={titleId}\n        data-slot=\"artifact\"\n        data-pane={pane}\n        data-switched={switched ? \"\" : undefined}\n        className={root}\n        {...props}\n      >\n        <style href={PREFIX} precedence=\"dowel\">\n          {STYLES}\n        </style>\n        {toolbar}\n        <div className=\"overflow-hidden\">\n          <TabsContent\n            value=\"preview\"\n            data-slot=\"artifact-pane\"\n            className={paneClass}\n            style={{ [\"--artifact-from\" as string]: \"-24px\" }}\n          >\n            {previewBlock}\n          </TabsContent>\n          <TabsContent\n            value=\"code\"\n            data-slot=\"artifact-pane\"\n            className={paneClass}\n            style={{ [\"--artifact-from\" as string]: \"24px\" }}\n          >\n            {codeBlock}\n          </TabsContent>\n        </div>\n      </div>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;AAyBA,MAAM,SAAS;AACf,MAAM,SAAS;GACZ,OAAO;GACP,OAAO;GACP,OAAO,yEAAyE,OAAO;aAC7E,OAAO;;AAyBpB,MAAM,YAAY;;AAGlB,SAAgB,SAAS,EACvB,WACA,OACA,SACA,MACA,WACA,MAAM,UACN,cAAc,WACd,cACA,SACA,QACA,GAAG,SACa;CAChB,MAAM,UAAU,MAAM;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAuB,WAAW;CAC1E,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,YAA4B,CAAC;CACnC,IAAI,WAAW,MAAM,UAAU,KAAK,SAAS;CAC7C,IAAI,QAAQ,MAAM,UAAU,KAAK,MAAM;CACvC,MAAM,YAAY,YAAY;CAC9B,MAAM,OAAO,UAAU,SAAS,SAAS,IAAI,YAAa,UAAU,MAAM;CAC1E,MAAM,SAAS,UAAU,SAAS;CAClC,MAAM,QAAQ;EAAE,SAAS;EAAW,MAAM;EAAQ,GAAG;CAAO;CAE5D,SAAS,OAAO,MAAc;EAC5B,MAAM,QAAQ;EACd,YAAY,IAAI;EAChB,IAAI,aAAa,KAAA,GAAW,gBAAgB,KAAK;EACjD,eAAe,KAAK;CACtB;CAEA,MAAM,YACJ,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA;CACE,CAAA;CAEP,MAAM,eAAe,oBAAC,OAAD;EAAK,WAAU;EAAO,UAAA;CAAa,CAAA;CAExD,MAAM,UACJ,qBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAFZ,UAAA,CAIE,oBAAC,QAAD;GAAM,IAAI;GAAS,WAAU;GAC1B,UAAA;EACG,CAAA,GACN,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,oBAAC,UAAD;KAAU,WAAU;KACjB,UAAA,UAAU,KAAK,cACd,oBAAC,aAAD;MAA6B,OAAO;MAAW,WAAU;MACtD,UAAA,MAAM;KACI,GAFK,SAEL,CACd;IACO,CAAA,IACR;IACH;IACA,cAAc,KAAA,IACb,oBAAC,YAAD;KACE,OAAO;KACP,SAAQ;KACR,MAAK;KACL,cAAW;KACX,WAAU;IACX,CAAA,IACC;GACD;EACF,CAAA,CAAA;;CAGP,MAAM,OAAO,GACX,QACA,wEACA,SACF;CAEA,IAAI,CAAC,QACH,OACE,qBAAC,OAAD;EACE,MAAK;EACL,mBAAiB;EACjB,aAAU;EACV,aAAW;EACX,WAAW;EACX,GAAI;EANN,UAAA;GAQE,oBAAC,SAAD;IAAO,MAAM;IAAQ,YAAW;IAC7B,UAAA;GACI,CAAA;GACN;GACA,SAAS,SAGR,oBAAC,OAAD;IACE,MAAK;IACL,mBAAiB;IACjB,UAAU;IACV,WAAW,GAAG,gBAAgB,cAAc;IAE3C,UAAA;GACE,CAAA,IAEL;EAEC;;CAIT,OACE,oBAAC,MAAD;EAAM,OAAO;EAAM,eAAe;EAAQ,SAAA;EACxC,UAAA,qBAAC,OAAD;GACE,MAAK;GACL,mBAAiB;GACjB,aAAU;GACV,aAAW;GACX,iBAAe,WAAW,KAAK,KAAA;GAC/B,WAAW;GACX,GAAI;GAPN,UAAA;IASE,oBAAC,SAAD;KAAO,MAAM;KAAQ,YAAW;KAC7B,UAAA;IACI,CAAA;IACN;IACD,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,aAAD;MACE,OAAM;MACN,aAAU;MACV,WAAW;MACX,OAAO,GAAG,oBAA8B,QAAQ;MAE/C,UAAA;KACU,CAAA,GACb,oBAAC,aAAD;MACE,OAAM;MACN,aAAU;MACV,WAAW;MACX,OAAO,GAAG,oBAA8B,OAAO;MAE9C,UAAA;KACU,CAAA,CACV;;GACF;;CACD,CAAA;AAEV"}

package/dist/components/ai-artifact/index.d.ts

@@ -0,0 +1,2 @@
+import { Artifact, ArtifactPane, ArtifactProps } from "./ai-artifact.js";
+export { Artifact, type ArtifactPane, type ArtifactProps };

package/dist/components/ai-artifact/index.js

@@ -0,0 +1,2 @@
+import { Artifact } from "./ai-artifact.js";
+export { Artifact };

package/dist/components/ai-artifact/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-artifact/meta.ts
+const meta = defineMeta({
+	name: "ai-artifact",
+	title: "Artifact",
+	description: "A titled frame for something the model produced, with preview and code panes that slide along one axis and a copy action.",
+	category: "ai",
+	status: "beta",
+	dependencies: [],
+	registryDependencies: ["copy-button", "tabs"],
+	files: ["ai-artifact.tsx"],
+	a11y: "A group named by its title. With both panes it is a real tablist (arrow keys move between Preview and Code, each panel focusable and named by its tab); with one code pane, the scrolling source is a focusable region named by the title. Copying announces success and failure through Copy Button. The pane slide mirrors in right-to-left layouts, never plays on mount, and stops under reduced motion."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-artifact/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-artifact/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-artifact\",\n  title: \"Artifact\",\n  description:\n    \"A titled frame for something the model produced, with preview and code panes that slide along one axis and a copy action.\",\n  category: \"ai\",\n  status: \"beta\",\n  dependencies: [],\n  registryDependencies: [\"copy-button\", \"tabs\"],\n  files: [\"ai-artifact.tsx\"],\n  a11y:\n    \"A group named by its title. With both panes it is a real tablist (arrow keys move between Preview and Code, \" +\n    \"each panel focusable and named by its tab); with one code pane, the scrolling source is a focusable region \" +\n    \"named by the title. Copying announces success and failure through Copy Button. The pane slide mirrors in \" +\n    \"right-to-left layouts, never plays on mount, and stops under reduced motion.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC,eAAe,MAAM;CAC5C,OAAO,CAAC,iBAAiB;CACzB,MACE;AAIJ,CAAC"}

package/dist/components/ai-branch/ai-branch.d.ts

@@ -0,0 +1,32 @@
+import { ButtonProps } from "../button/button.js";
+import "../button/index.js";
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/ai-branch/ai-branch.d.ts
+interface BranchProps extends Omit<ComponentPropsWithRef<"div">, "defaultValue"> {
+  /** Controlled index of the visible version. */
+  value?: number;
+  /** Initial index when uncontrolled. */
+  defaultValue?: number;
+  onValueChange?: (index: number) => void;
+}
+/** The root: holds which version is showing. Paging wraps around. */
+declare function Branch({ className, value, defaultValue, onValueChange, ...props }: BranchProps): import("react").JSX.Element;
+/** Each child is one version. Only the current one is shown. */
+declare function BranchMessages({ children }: {
+  children: ReactNode;
+}): import("react").JSX.Element[];
+declare const branchSelectorVariants: (props?: ({
+  from?: "user" | "assistant" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface BranchSelectorProps extends ComponentPropsWithRef<"div">, VariantProps<typeof branchSelectorVariants> {}
+/** The pager. Renders nothing while there is only one version. */
+declare function BranchSelector({ className, from, ...props }: BranchSelectorProps): import("react").JSX.Element | null;
+type PagerButtonProps = Omit<ButtonProps, "asChild">;
+declare function BranchPrevious(props: PagerButtonProps): import("react").JSX.Element;
+declare function BranchNext(props: PagerButtonProps): import("react").JSX.Element;
+/** "2 of 3", announced politely when it changes. */
+declare function BranchPage({ className, ...props }: ComponentPropsWithRef<"span">): import("react").JSX.Element;
+//#endregion
+export { Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchProps, BranchSelector, BranchSelectorProps, branchSelectorVariants };
+//# sourceMappingURL=ai-branch.d.ts.map

package/dist/components/ai-branch/ai-branch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-branch.d.ts","names":[],"sources":["../../../src/components/ai-branch/ai-branch.tsx"],"mappings":";;;;;UAoDiB,oBAAoB,KAAK;;EAExC;;EAEA;EACA,iBAAiB;;;iBAIH,SACd,WACA,OACA,cACA,kBACG,SACF,8BAAW,IAAA;;iBA6BE,iBAAiB;EAAc,UAAU;oBAAW,IAAA;cAuB9D,yBAAsB;;6CAU1B;UAEe,4BACP,8BAA8B,oBAAoB;;iBAG5C,iBAAiB,WAAW,SAAS,SAAS,sCAAmB,IAAA;KA+B5E,mBAAmB,KAAK;iBA+Bb,eAAe,OAAO,mCAAgB,IAAA;iBAItC,WAAW,OAAO,mCAAgB,IAAA;;iBAKlC,aAAa,cAAc,SAAS,gDAA6B,IAAA"}

package/dist/components/ai-branch/ai-branch.js

@@ -0,0 +1,160 @@
+"use client";
+import { mirrorForDirection } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Children, createContext, useCallback, useContext, useLayoutEffect, useMemo, useState } from "react";
+//#region src/components/ai-branch/ai-branch.tsx
+const PREFIX = "dowel-ai-branch";
+const STYLES = `
+[data-slot=branch-message][data-state=active]{animation:${PREFIX}-in var(--duration-slow) var(--ease-out-quint)}
+@keyframes ${PREFIX}-in{from{opacity:0;transform:translateY(10px)}}
+`;
+const BranchContext = createContext(null);
+function useBranch(part) {
+	const context = useContext(BranchContext);
+	if (!context) throw new Error(`<${part}> must be used within <Branch>.`);
+	return context;
+}
+/** The root: holds which version is showing. Paging wraps around. */
+function Branch({ className, value, defaultValue = 0, onValueChange, ...props }) {
+	const [uncontrolled, setUncontrolled] = useState(defaultValue);
+	const [total, setTotal] = useState(0);
+	const raw = value ?? uncontrolled;
+	const current = total > 0 ? Math.min(Math.max(raw, 0), total - 1) : raw;
+	const go = useCallback((delta) => {
+		if (total < 2) return;
+		const next = (current + delta + total) % total;
+		if (value === void 0) setUncontrolled(next);
+		onValueChange?.(next);
+	}, [
+		current,
+		total,
+		value,
+		onValueChange
+	]);
+	const context = useMemo(() => ({
+		current,
+		total,
+		setTotal,
+		go
+	}), [
+		current,
+		total,
+		go
+	]);
+	return /* @__PURE__ */ jsxs(BranchContext.Provider, {
+		value: context,
+		children: [/* @__PURE__ */ jsx("style", {
+			href: PREFIX,
+			precedence: "dowel",
+			children: STYLES
+		}), /* @__PURE__ */ jsx("div", {
+			"data-slot": "branch",
+			className: cn("grid w-full gap-2", className),
+			...props
+		})]
+	});
+}
+/** Each child is one version. Only the current one is shown. */
+function BranchMessages({ children }) {
+	const { current, setTotal } = useBranch("BranchMessages");
+	const versions = Children.toArray(children);
+	const count = versions.length;
+	useLayoutEffect(() => {
+		setTotal(count);
+	}, [count, setTotal]);
+	return versions.map((version, index) => /* @__PURE__ */ jsx("div", {
+		"data-slot": "branch-message",
+		"data-state": index === current ? "active" : "inactive",
+		hidden: index !== current,
+		className: "grid gap-2",
+		children: version
+	}, index));
+}
+const branchSelectorVariants = cva("flex items-center gap-1", {
+	variants: { from: {
+		user: "justify-end self-end",
+		assistant: "justify-start self-start"
+	} },
+	defaultVariants: { from: "assistant" }
+});
+/** The pager. Renders nothing while there is only one version. */
+function BranchSelector({ className, from, ...props }) {
+	const { total } = useBranch("BranchSelector");
+	if (total <= 1) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-label": "Versions",
+		"data-slot": "branch-selector",
+		className: cn(branchSelectorVariants({ from }), className),
+		...props
+	});
+}
+function Chevron({ d }) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		className: mirrorForDirection,
+		children: /* @__PURE__ */ jsx("path", { d })
+	});
+}
+function PagerButton({ delta, name, path, className, children, onClick, ...props }) {
+	const { go, total } = useBranch(delta < 0 ? "BranchPrevious" : "BranchNext");
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "icon-sm",
+		"aria-label": name,
+		disabled: total <= 1,
+		className: cn("size-7 rounded-full text-muted-foreground active:scale-95", className),
+		onClick: (event) => {
+			onClick?.(event);
+			if (!event.defaultPrevented) go(delta);
+		},
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Chevron, { d: path })
+	});
+}
+function BranchPrevious(props) {
+	return /* @__PURE__ */ jsx(PagerButton, {
+		delta: -1,
+		name: "Previous version",
+		path: "m15 18-6-6 6-6",
+		...props
+	});
+}
+function BranchNext(props) {
+	return /* @__PURE__ */ jsx(PagerButton, {
+		delta: 1,
+		name: "Next version",
+		path: "m9 18 6-6-6-6",
+		...props
+	});
+}
+/** "2 of 3", announced politely when it changes. */
+function BranchPage({ className, ...props }) {
+	const { current, total } = useBranch("BranchPage");
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "branch-page",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		className: cn("text-xs font-medium text-muted-foreground tabular-nums", className),
+		...props,
+		children: [
+			current + 1,
+			" of ",
+			total
+		]
+	});
+}
+//#endregion
+export { Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchSelector, branchSelectorVariants };
+
+//# sourceMappingURL=ai-branch.js.map

package/dist/components/ai-branch/ai-branch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-branch.js","names":[],"sources":["../../../src/components/ai-branch/ai-branch.tsx"],"sourcesContent":["\"use client\";\n\n// Ported from SmoothUI AI Branch (MIT, © 2024 Eduardo Calvo). See THIRD_PARTY_NOTICES.md.\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  Children,\n  createContext,\n  useCallback,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ComponentPropsWithRef,\n  type ReactNode,\n} from \"react\";\n\nimport { Button, type ButtonProps } from \"@/components/button\";\nimport { mirrorForDirection } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/*\n * Alternative versions of a turn — regenerated answers, edited prompts — with\n * a pager to move between them.\n *\n * Every version stays mounted and the inactive ones are `hidden`, so switching\n * keeps whatever state lives inside them. Revealing one restarts its CSS\n * entrance (a fade and a 10px rise), because an element leaving display:none\n * replays its animation; reduced motion stops it. The page indicator is a\n * polite live region, so pressing Next says where it went.\n */\n\nconst PREFIX = \"dowel-ai-branch\";\nconst STYLES = `\n[data-slot=branch-message][data-state=active]{animation:${PREFIX}-in var(--duration-slow) var(--ease-out-quint)}\n@keyframes ${PREFIX}-in{from{opacity:0;transform:translateY(10px)}}\n`;\n\ninterface BranchContextValue {\n  current: number;\n  total: number;\n  setTotal: (total: number) => void;\n  go: (delta: number) => void;\n}\n\nconst BranchContext = createContext<BranchContextValue | null>(null);\n\nfunction useBranch(part: string): BranchContextValue {\n  const context = useContext(BranchContext);\n  if (!context) throw new Error(`<${part}> must be used within <Branch>.`);\n  return context;\n}\n\nexport interface BranchProps extends Omit<ComponentPropsWithRef<\"div\">, \"defaultValue\"> {\n  /** Controlled index of the visible version. */\n  value?: number;\n  /** Initial index when uncontrolled. */\n  defaultValue?: number;\n  onValueChange?: (index: number) => void;\n}\n\n/** The root: holds which version is showing. Paging wraps around. */\nexport function Branch({\n  className,\n  value,\n  defaultValue = 0,\n  onValueChange,\n  ...props\n}: BranchProps) {\n  const [uncontrolled, setUncontrolled] = useState(defaultValue);\n  const [total, setTotal] = useState(0);\n  const raw = value ?? uncontrolled;\n  const current = total > 0 ? Math.min(Math.max(raw, 0), total - 1) : raw;\n\n  const go = useCallback(\n    (delta: number) => {\n      if (total < 2) return;\n      const next = (current + delta + total) % total;\n      if (value === undefined) setUncontrolled(next);\n      onValueChange?.(next);\n    },\n    [current, total, value, onValueChange],\n  );\n\n  const context = useMemo(() => ({ current, total, setTotal, go }), [current, total, go]);\n\n  return (\n    <BranchContext.Provider value={context}>\n      <style href={PREFIX} precedence=\"dowel\">\n        {STYLES}\n      </style>\n      <div data-slot=\"branch\" className={cn(\"grid w-full gap-2\", className)} {...props} />\n    </BranchContext.Provider>\n  );\n}\n\n/** Each child is one version. Only the current one is shown. */\nexport function BranchMessages({ children }: { children: ReactNode }) {\n  const { current, setTotal } = useBranch(\"BranchMessages\");\n  const versions = Children.toArray(children);\n  const count = versions.length;\n\n  // Layout effect, so the pager knows the count before first paint.\n  useLayoutEffect(() => {\n    setTotal(count);\n  }, [count, setTotal]);\n\n  return versions.map((version, index) => (\n    <div\n      key={index}\n      data-slot=\"branch-message\"\n      data-state={index === current ? \"active\" : \"inactive\"}\n      hidden={index !== current}\n      className=\"grid gap-2\"\n    >\n      {version}\n    </div>\n  ));\n}\n\nconst branchSelectorVariants = cva(\"flex items-center gap-1\", {\n  variants: {\n    from: {\n      user: \"justify-end self-end\",\n      assistant: \"justify-start self-start\",\n    },\n  },\n  defaultVariants: {\n    from: \"assistant\",\n  },\n});\n\nexport interface BranchSelectorProps\n  extends ComponentPropsWithRef<\"div\">, VariantProps<typeof branchSelectorVariants> {}\n\n/** The pager. Renders nothing while there is only one version. */\nexport function BranchSelector({ className, from, ...props }: BranchSelectorProps) {\n  const { total } = useBranch(\"BranchSelector\");\n  if (total <= 1) return null;\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Versions\"\n      data-slot=\"branch-selector\"\n      className={cn(branchSelectorVariants({ from }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction Chevron({ d }: { d: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className={mirrorForDirection}\n    >\n      <path d={d} />\n    </svg>\n  );\n}\n\ntype PagerButtonProps = Omit<ButtonProps, \"asChild\">;\n\nfunction PagerButton({\n  delta,\n  name,\n  path,\n  className,\n  children,\n  onClick,\n  ...props\n}: PagerButtonProps & { delta: number; name: string; path: string }) {\n  const { go, total } = useBranch(delta < 0 ? \"BranchPrevious\" : \"BranchNext\");\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      aria-label={name}\n      disabled={total <= 1}\n      className={cn(\"size-7 rounded-full text-muted-foreground active:scale-95\", className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) go(delta);\n      }}\n      {...props}\n    >\n      {children ?? <Chevron d={path} />}\n    </Button>\n  );\n}\n\nexport function BranchPrevious(props: PagerButtonProps) {\n  return <PagerButton delta={-1} name=\"Previous version\" path=\"m15 18-6-6 6-6\" {...props} />;\n}\n\nexport function BranchNext(props: PagerButtonProps) {\n  return <PagerButton delta={1} name=\"Next version\" path=\"m9 18 6-6-6-6\" {...props} />;\n}\n\n/** \"2 of 3\", announced politely when it changes. */\nexport function BranchPage({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  const { current, total } = useBranch(\"BranchPage\");\n  return (\n    <span\n      data-slot=\"branch-page\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className={cn(\"text-xs font-medium text-muted-foreground tabular-nums\", className)}\n      {...props}\n    >\n      {current + 1} of {total}\n    </span>\n  );\n}\n\nexport { branchSelectorVariants };\n"],"mappings":"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"}

package/dist/components/ai-branch/index.d.ts

@@ -0,0 +1,2 @@
+import { Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchProps, BranchSelector, BranchSelectorProps, branchSelectorVariants } from "./ai-branch.js";
+export { Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, type BranchProps, BranchSelector, type BranchSelectorProps, branchSelectorVariants };

package/dist/components/ai-branch/index.js

@@ -0,0 +1,2 @@
+import { Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchSelector, branchSelectorVariants } from "./ai-branch.js";
+export { Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchSelector, branchSelectorVariants };

package/dist/components/ai-branch/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/ai-branch/meta.ts
+const meta = defineMeta({
+	name: "ai-branch",
+	title: "Branch",
+	description: "Alternative versions of a conversation turn — regenerated answers, edited prompts — with a wrapping pager between them.",
+	category: "ai",
+	status: "beta",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: ["button"],
+	files: ["ai-branch.tsx"],
+	a11y: "The pager is a group named \"Versions\" with real Previous/Next buttons (their chevrons mirror in right-to-left layouts) and a polite, atomic \"2 of 3\" indicator, so paging says where it went. Inactive versions are hidden rather than unmounted, keeping their state. The pager disappears when there is only one version. The entrance is decoration and stops under reduced motion."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/ai-branch/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/ai-branch/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"ai-branch\",\n  title: \"Branch\",\n  description:\n    \"Alternative versions of a conversation turn — regenerated answers, edited prompts — with a wrapping pager between them.\",\n  category: \"ai\",\n  status: \"beta\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [\"button\"],\n  files: [\"ai-branch.tsx\"],\n  a11y:\n    'The pager is a group named \"Versions\" with real Previous/Next buttons (their chevrons mirror in right-to-left ' +\n    'layouts) and a polite, atomic \"2 of 3\" indicator, so paging says where it went. Inactive versions are hidden ' +\n    \"rather than unmounted, keeping their state. The pager disappears when there is only one version. The \" +\n    \"entrance is decoration and stops under reduced motion.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,0BAA0B;CACzC,sBAAsB,CAAC,QAAQ;CAC/B,OAAO,CAAC,eAAe;CACvB,MACE;AAIJ,CAAC"}

package/dist/components/ai-conversation/ai-conversation.d.ts

@@ -17,9 +17,20 @@ declare function Conversation({ className, autoScroll, children, ...props }: Con
  * reader user position and count ("3 of 12") as they move through it.
  */
 declare function ConversationMessages({ className, ...props }: ComponentPropsWithRef<"ol">): import("react").JSX.Element;
+/**
+ * The conversation's state, in SmoothUI's AIState vocabulary.
+ *
+ * Named for this component rather than `AIState` so it can never collide with
+ * a shared type exported elsewhere in the library.
+ */
+type ConversationState = "idle" | "listening" | "thinking" | "streaming" | "done" | "error";
 interface ConversationStatusProps extends ComponentPropsWithRef<"div"> {
   /** Announced politely when it changes. Keep it short: state, never content. */
   children?: ReactNode;
+  /** Renders default wording for a state. `children` wins when both are given. */
+  state?: ConversationState;
+  /** Overrides the default wording per state. */
+  stateLabels?: Partial<Record<ConversationState, string>>;
 }
 /**
  * A polite live region for conversation state.
@@ -28,7 +39,7 @@ interface ConversationStatusProps extends ComponentPropsWithRef<"div"> {
  * the response *text* here instead is the mistake this component exists to
  * prevent.
  */
-declare function ConversationStatus({ className, children, ...props }: ConversationStatusProps): import("react").JSX.Element;
+declare function ConversationStatus({ className, children, state, stateLabels, ...props }: ConversationStatusProps): import("react").JSX.Element;
 interface ConversationScrollButtonProps extends ComponentPropsWithRef<"button"> {
   label?: string;
 }
@@ -37,9 +48,10 @@ interface ConversationScrollButtonProps extends ComponentPropsWithRef<"button">
  *
  * Rendered only when they have scrolled away, and removed from the DOM
  * otherwise so it is never a focus stop pointing at where the reader already
- * is.
+ * is. While it plays its exit it is `inert` and `aria-hidden`: already gone as
+ * far as focus, clicks and assistive technology are concerned.
  */
-declare function ConversationScrollButton({ className, label, ...props }: ConversationScrollButtonProps): import("react").JSX.Element | null;
+declare function ConversationScrollButton({ className, label, ref, ...props }: ConversationScrollButtonProps): import("react").JSX.Element | null;
 //#endregion
-export { Conversation, ConversationMessages, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, ConversationStatus, ConversationStatusProps };
+export { Conversation, ConversationMessages, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, ConversationState, ConversationStatus, ConversationStatusProps };
 //# sourceMappingURL=ai-conversation.d.ts.map

package/dist/components/ai-conversation/ai-conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-conversation.d.ts","names":[],"sources":["../../../src/components/ai-conversation/ai-conversation.tsx"],"mappings":";;UAuDiB,0BAA0B;;;;;;EAMzC;;iBAGc,eACd,WACA,YACA,aACG,SACF,oCAAiB,IAAA;;;;;;;;iBA4EJ,uBAAuB,cAAc,SAAS,8CAA2B,IAAA;UAUxE,gCAAgC;;EAE/C,WAAW;;;;;;;;;iBAUG,qBAAqB,WAAW,aAAa,SAAS,0CAAuB,IAAA;UAc5E,sCAAsC;EACrD;;;;;;;;;iBAUc,2BACd,WACA,UACG,SACF,gDAA6B,IAAA"}
+{"version":3,"file":"ai-conversation.d.ts","names":[],"sources":["../../../src/components/ai-conversation/ai-conversation.tsx"],"mappings":";;UAqEiB,0BAA0B;;;;;;EAMzC;;iBAGc,eACd,WACA,YACA,aACG,SACF,oCAAiB,IAAA;;;;;;;;iBAiFJ,uBAAuB,cAAc,SAAS,8CAA2B,IAAA;;;;;;;KAgB7E;UAaK,gCAAgC;;EAE/C,WAAW;;EAEX,QAAQ;;EAER,cAAc,QAAQ,OAAO;;;;;;;;;iBAUf,qBACd,WACA,UACA,OACA,gBACG,SACF,0CAAuB,IAAA;UAkBT,sCAAsC;EACrD;;;;;;;;;;iBA4Bc,2BACd,WACA,OACA,QACG,SACF,gDAA6B,IAAA"}