@fiestaboard/ui 6.0.2 → 6.1.0

package/dist/components/ai/spotlight.js

@@ -0,0 +1,74 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region src/components/ai/spotlight.tsx
+var i = r("pointer-events-none absolute rounded-lg ring-2 ring-offset-2 ring-offset-background transition-[top,left,width,height] duration-base", {
+	variants: { tone: {
+		driving: "ring-brand ai-spotlight-pulse",
+		landed: "ring-success",
+		error: "ring-destructive"
+	} },
+	defaultVariants: { tone: "driving" }
+});
+function a({ className: n, tone: r = "driving", ...a }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "spotlight-ring",
+		"data-tone": r,
+		"aria-hidden": "true",
+		className: e(i({ tone: r }), n),
+		...a
+	});
+}
+var o = {
+	driving: "border-brand/40",
+	landed: "border-success/50",
+	error: "border-destructive/50"
+};
+function s({ className: r, tone: i = "driving", controls: a, children: s, ...c }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "spotlight-caption",
+		"data-tone": i,
+		role: "status",
+		"aria-live": "polite",
+		className: e("absolute z-[var(--z-tooltip)] flex max-w-xs items-center gap-2 rounded-lg border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md", o[i], r),
+		...c,
+		children: [/* @__PURE__ */ t("span", {
+			"data-slot": "spotlight-caption-text",
+			className: "min-w-0",
+			children: s
+		}), a ? /* @__PURE__ */ t("span", {
+			"data-slot": "spotlight-caption-controls",
+			className: "flex shrink-0 items-center gap-1",
+			children: a
+		}) : null]
+	});
+}
+function c(e, t) {
+	let n = Math.min(1, Math.max(0, Number.isFinite(t) ? t : 1));
+	return Math.min(e.length, Math.ceil(n * e.length));
+}
+function l({ className: r, value: i, progress: a = 1, variant: o = "replica", ...s }) {
+	let l = o === "badge" ? i : i.slice(0, c(i, a)), u = o === "replica" && l.length < i.length;
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "ghost-value",
+		"data-variant": o,
+		"data-typing": u || void 0,
+		"aria-hidden": "true",
+		className: e("pointer-events-none absolute", o === "replica" && "whitespace-pre text-foreground", o === "badge" && "inline-flex items-center rounded-md border border-brand/40 bg-popover px-2 py-0.5 text-xs font-medium text-foreground shadow-sm", r),
+		...s,
+		children: [
+			o === "badge" ? "→ " : null,
+			l,
+			o === "replica" ? /* @__PURE__ */ t("span", {
+				"data-slot": "ghost-caret",
+				className: "ai-caret"
+			}) : null
+		]
+	});
+}
+//#endregion
+export { l as GhostValue, s as SpotlightCaption, a as SpotlightRing, c as revealedLength, i as spotlightRingVariants };
+
+//# sourceMappingURL=spotlight.js.map

package/dist/components/ai/spotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.js","names":[],"sources":["../../../src/components/ai/spotlight.tsx"],"mappings":";;;;;;AAqCA,IAAM,IAAwB,EAC5B,wIACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF;AAMA,SAAS,EAAc,EAAE,cAAW,UAAO,WAAW,GAAG,KAA6B;CACpF,OACE,kBAAC,OAAD;EACE,aAAU;EACV,aAAW;EACX,eAAY;EACZ,WAAW,EAAG,EAAsB,EAAE,QAAK,CAAC,GAAG,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAQA,IAAM,IAA+C;CACnD,SAAS;CACT,QAAQ;CACR,OAAO;AACT;AAEA,SAAS,EAAiB,EAAE,cAAW,UAAO,WAAW,aAAU,aAAU,GAAG,KAAgC;CAC9G,OACE,kBAAC,OAAD;EACE,aAAU;EACV,aAAW;EACX,MAAK;EACL,aAAU;EACV,WAAW,EACT,qJACA,EAAc,IACd,CACF;EACA,GAAI;EAVN,UAAA,CAYE,kBAAC,QAAD;GAAM,aAAU;GAAyB,WAAU;GAChD;EACG,CAAA,GACL,IACC,kBAAC,QAAD;GAAM,aAAU;GAA6B,WAAU;GACpD,UAAA;EACG,CAAA,IACJ,IACD;;AAET;AAgBA,SAAgB,EAAe,GAAe,GAA0B;CACtE,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAO,SAAS,CAAQ,IAAI,IAAW,CAAC,CAAC;CACjF,OAAO,KAAK,IAAI,EAAM,QAAQ,KAAK,KAAK,IAAU,EAAM,MAAM,CAAC;AACjE;AAEA,SAAS,EAAW,EAAE,cAAW,UAAO,cAAW,GAAG,aAAU,WAAW,GAAG,KAA0B;CACtG,IAAM,IAAQ,MAAY,UAAU,IAAQ,EAAM,MAAM,GAAG,EAAe,GAAO,CAAQ,CAAC,GACpF,IAAS,MAAY,aAAa,EAAM,SAAS,EAAM;CAC7D,OACE,kBAAC,QAAD;EACE,aAAU;EACV,gBAAc;EACd,eAAa,KAAU,KAAA;EACvB,eAAY;EACZ,WAAW,EACT,gCACA,MAAY,aAAa,kCACzB,MAAY,WACV,mIACF,CACF;EACA,GAAI;EAZN,UAAA;GAcG,MAAY,UAAU,OAAO;GAC7B;GACA,MAAY,YAAY,kBAAC,QAAD;IAAM,aAAU;IAAc,WAAU;GAAY,CAAA,IAAI;EAC7E;;AAEV"}

package/dist/components/ai/suggestion.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Chip } from "../feedback/chip";
+/**
+ * Suggestions — a row of one-click prompts or answers.
+ *
+ * Two jobs in a chat: the empty-state starters ("Make a weather page"),
+ * and the choices the assistant offers when it asks a question. Both are
+ * {@link Chip}s — real buttons, 24px-plus targets, the shared focus ring —
+ * in a row that scrolls sideways rather than wrapping, so a long list of
+ * options never pushes the composer down.
+ */
+declare function Suggestions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export interface SuggestionProps extends Omit<React.ComponentProps<typeof Chip>, "onClick" | "children"> {
+    /** The text sent when chosen; also the label unless `children` is given. */
+    suggestion: string;
+    onClick?: (suggestion: string) => void;
+    children?: React.ReactNode;
+}
+declare function Suggestion({ className, suggestion, onClick, children, ...props }: SuggestionProps): React.JSX.Element;
+export { Suggestion, Suggestions };

package/dist/components/ai/suggestion.js

@@ -0,0 +1,27 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Chip as t } from "../feedback/chip.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ai/suggestion.tsx
+function r({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "suggestions",
+		className: e("flex w-full gap-2 overflow-x-auto overscroll-x-contain whitespace-nowrap py-1", t),
+		...r
+	});
+}
+function i({ className: r, suggestion: i, onClick: a, children: o, ...s }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "suggestion",
+		type: "button",
+		className: e("shrink-0", r),
+		onClick: () => a?.(i),
+		...s,
+		children: o ?? i
+	});
+}
+//#endregion
+export { i as Suggestion, r as Suggestions };
+
+//# sourceMappingURL=suggestion.js.map

package/dist/components/ai/suggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.js","names":[],"sources":["../../../src/components/ai/suggestion.tsx"],"mappings":";;;;;;AAiBA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,iFAAiF,CAAS;EACxG,GAAI;CACL,CAAA;AAEL;AASA,SAAS,EAAW,EAAE,cAAW,eAAY,YAAS,aAAU,GAAG,KAA0B;CAC3F,OACE,kBAAC,GAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,EAAG,YAAY,CAAS;EACnC,eAAe,IAAU,CAAU;EACnC,GAAI;EAEH,UAAA,KAAY;CACT,CAAA;AAEV"}

package/dist/components/ai/task.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../containment/collapsible";
+/**
+ * Task — a collapsible list of steps with a status each.
+ *
+ * "AI Elements" ships Task for a model's self-reported plan. Here it is the
+ * OBSERVED step timeline: an entry per status event and tool call the
+ * server actually emitted, so what the user sees is what happened, not
+ * what the model said it would do.
+ *
+ * Every status has a glyph and a visually-hidden label, so a list of
+ * "Listing pages … done / Creating page … running" reads the same to a
+ * screen reader as it looks.
+ */
+export type TaskItemStatus = "pending" | "running" | "done" | "error";
+export interface TaskLabels {
+    statuses: Record<TaskItemStatus, string>;
+}
+export declare const DEFAULT_TASK_LABELS: TaskLabels;
+export interface TaskProps extends React.ComponentProps<typeof Collapsible> {
+    labels?: {
+        statuses?: Partial<TaskLabels["statuses"]>;
+    };
+}
+declare function Task({ className, labels, defaultOpen, ...props }: TaskProps): React.JSX.Element;
+export interface TaskTriggerProps extends Omit<React.ComponentProps<typeof CollapsibleTrigger>, "children" | "title"> {
+    /** The heading: "3 of 4 steps". */
+    title: React.ReactNode;
+}
+declare function TaskTrigger({ className, title, ...props }: TaskTriggerProps): React.JSX.Element;
+declare function TaskContent({ className, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+export interface TaskItemProps extends React.ComponentProps<"li"> {
+    status?: TaskItemStatus;
+}
+declare function TaskItem({ className, status, children, ...props }: TaskItemProps): React.JSX.Element;
+export { Task, TaskContent, TaskItem, TaskTrigger };

package/dist/components/ai/task.js

@@ -0,0 +1,97 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Spinner as t } from "../feedback/spinner.js";
+import { Collapsible as n, CollapsibleContent as r, CollapsibleTrigger as i } from "../containment/collapsible.js";
+import { Check as a, ChevronDown as o, Circle as s, X as c } from "lucide-react";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/ai/task.tsx
+var f = { statuses: {
+	pending: "Pending",
+	running: "In progress",
+	done: "Done",
+	error: "Failed"
+} }, p = l.createContext(f);
+function m({ className: t, labels: r, defaultOpen: i = !0, ...a }) {
+	let o = { statuses: {
+		...f.statuses,
+		...r?.statuses
+	} };
+	return /* @__PURE__ */ u(p.Provider, {
+		value: o,
+		children: /* @__PURE__ */ u(n, {
+			"data-slot": "task",
+			defaultOpen: i,
+			className: e("rounded-lg border bg-card text-card-foreground", t),
+			...a
+		})
+	});
+}
+function h({ className: t, title: n, ...r }) {
+	return /* @__PURE__ */ d(i, {
+		"data-slot": "task-trigger",
+		className: e("flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2 text-left text-sm font-medium focus-ring", "hover:bg-accent/50 transition-[background-color] duration-control", t),
+		...r,
+		children: [/* @__PURE__ */ u("span", {
+			className: "min-w-0 truncate",
+			children: n
+		}), /* @__PURE__ */ u(o, {
+			"aria-hidden": "true",
+			className: "size-4 shrink-0 text-muted-foreground transition-transform duration-control [[data-open]_&]:rotate-180"
+		})]
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ u(r, {
+		"data-slot": "task-content",
+		className: e("border-t px-3 py-2", t),
+		...n,
+		children: /* @__PURE__ */ u("ol", {
+			"data-slot": "task-list",
+			className: "flex flex-col gap-1.5",
+			children: n.children
+		})
+	});
+}
+var _ = {
+	pending: "text-muted-foreground",
+	running: "text-brand",
+	done: "text-success",
+	error: "text-destructive"
+};
+function v({ className: n, status: r = "done", children: i, ...o }) {
+	let f = l.useContext(p);
+	return /* @__PURE__ */ d("li", {
+		"data-slot": "task-item",
+		"data-status": r,
+		className: e("flex items-start gap-2 text-sm", r === "pending" && "text-muted-foreground", n),
+		...o,
+		children: [
+			/* @__PURE__ */ d("span", {
+				"aria-hidden": "true",
+				className: e("mt-0.5 inline-flex size-4 shrink-0 items-center justify-center", _[r]),
+				children: [
+					r === "running" ? /* @__PURE__ */ u(t, {
+						size: "sm",
+						label: null
+					}) : null,
+					r === "done" ? /* @__PURE__ */ u(a, { className: "size-3.5" }) : null,
+					r === "error" ? /* @__PURE__ */ u(c, { className: "size-3.5" }) : null,
+					r === "pending" ? /* @__PURE__ */ u(s, { className: "size-2.5" }) : null
+				]
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "sr-only",
+				children: [f.statuses[r], ": "]
+			}),
+			/* @__PURE__ */ u("span", {
+				className: "min-w-0 flex-1",
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+export { f as DEFAULT_TASK_LABELS, m as Task, g as TaskContent, v as TaskItem, h as TaskTrigger };
+
+//# sourceMappingURL=task.js.map

package/dist/components/ai/task.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task.js","names":[],"sources":["../../../src/components/ai/task.tsx"],"mappings":";;;;;;;;AA4BA,IAAa,IAAkC,EAC7C,UAAU;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,OAAO;AACT,EACF,GAEM,IAAc,EAAM,cAA0B,CAAmB;AAMvE,SAAS,EAAK,EAAE,cAAW,WAAQ,iBAAc,IAAM,GAAG,KAAoB;CAC5E,IAAM,IAAgB,EAAE,UAAU;EAAE,GAAG,EAAoB;EAAU,GAAG,GAAQ;CAAS,EAAE;CAC3F,OACE,kBAAC,EAAY,UAAb;EAAsB,OAAO;EAC3B,UAAA,kBAAC,GAAD;GACE,aAAU;GACG;GACb,WAAW,EAAG,kDAAkD,CAAS;GACzE,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B;AAOA,SAAS,EAAY,EAAE,cAAW,UAAO,GAAG,KAA2B;CACrE,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,gHACA,qEACA,CACF;EACA,GAAI;EAPN,UAAA,CASE,kBAAC,QAAD;GAAM,WAAU;GAAoB,UAAA;EAAY,CAAA,GAChD,kBAAC,GAAD;GACE,eAAY;GACZ,WAAU;EACX,CAAA,CACiB;;AAExB;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA0D;CAC7F,OACE,kBAAC,GAAD;EAAoB,aAAU;EAAe,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;EAC/F,UAAA,kBAAC,MAAD;GAAI,aAAU;GAAY,WAAU;GACjC,UAAA,EAAM;EACL,CAAA;CACc,CAAA;AAExB;AAEA,IAAM,IAA+C;CACnD,SAAS;CACT,SAAS;CACT,MAAM;CACN,OAAO;AACT;AAMA,SAAS,EAAS,EAAE,cAAW,YAAS,QAAQ,aAAU,GAAG,KAAwB;CACnF,IAAM,IAAS,EAAM,WAAW,CAAW;CAC3C,OACE,kBAAC,MAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,EAAG,kCAAkC,MAAW,aAAa,yBAAyB,CAAS;EAC1G,GAAI;EAJN,UAAA;GAME,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,kEAAkE,EAAa,EAAO;IAFtG,UAAA;KAIG,MAAW,YAAY,kBAAC,GAAD;MAAS,MAAK;MAAK,OAAO;KAAO,CAAA,IAAI;KAC5D,MAAW,SAAS,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,IAAI;KACrD,MAAW,UAAU,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA,IAAI;KAClD,MAAW,YAAY,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,IAAI;IACtD;;GACN,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CAA2B,EAAO,SAAS,IAAQ,IAAQ;;GAC3D,kBAAC,QAAD;IAAM,WAAU;IAAkB;GAAe,CAAA;EAC/C;;AAER"}

package/dist/components/ai/tool.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../containment/collapsible";
+/**
+ * Tool — one tool call the assistant made, as a collapsible card.
+ *
+ * The state vocabulary is "AI Elements"' four (`input-streaming`,
+ * `input-available`, `output-available`, `output-error`) plus the three a
+ * human-in-the-loop chat needs: `approval-requested` (the call waits on the
+ * user), `denied` (the user said no), `stopped` (the user ended the turn
+ * while it ran). The state is stamped as `data-state` on the root, next to
+ * Base UI's own `data-open`, so consumers and VRT select on it.
+ *
+ * Every state has an icon AND a label: colour and glyph alone would fail
+ * anyone who cannot see them, and the label is what the header announces.
+ */
+export type ToolState = "input-streaming" | "input-available" | "output-available" | "output-error" | "approval-requested" | "denied" | "stopped";
+export interface ToolLabels {
+    states: Record<ToolState, string>;
+    /** Heading of the arguments block. */
+    input: string;
+    /** Heading of the result block. */
+    output: string;
+}
+export declare const DEFAULT_TOOL_LABELS: ToolLabels;
+export interface ToolProps extends React.ComponentProps<typeof Collapsible> {
+    state: ToolState;
+    labels?: {
+        states?: Partial<ToolLabels["states"]>;
+        input?: string;
+        output?: string;
+    };
+}
+declare function Tool({ className, state, labels, defaultOpen, ...props }: ToolProps): React.JSX.Element;
+export interface ToolHeaderProps extends Omit<React.ComponentProps<typeof CollapsibleTrigger>, "children" | "title"> {
+    /** What the call is, in the user's words: "Create page". */
+    title: React.ReactNode;
+    /** A short detail after the title: the page name, the setting changed. */
+    detail?: React.ReactNode;
+}
+/**
+ * The always-visible row: state glyph, title, state label, chevron. It is
+ * the Collapsible's trigger, so the whole row is one button with
+ * `aria-expanded`, named by its title and state.
+ */
+declare function ToolHeader({ className, title, detail, ...props }: ToolHeaderProps): React.JSX.Element;
+declare function ToolContent({ className, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+export interface ToolInputProps extends Omit<React.ComponentProps<"div">, "children"> {
+    /** The call's arguments; rendered as pretty JSON. */
+    input: unknown;
+}
+declare function ToolInput({ className, input, ...props }: ToolInputProps): React.JSX.Element;
+export interface ToolOutputProps extends Omit<React.ComponentProps<"div">, "children"> {
+    /** The rendered result — a summary line, a board preview, a JSON tree. */
+    output?: React.ReactNode;
+    /** The failure text for `output-error`; rendered in the destructive tone. */
+    errorText?: string;
+}
+declare function ToolOutput({ className, output, errorText, ...props }: ToolOutputProps): React.JSX.Element | null;
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput };

package/dist/components/ai/tool.js

@@ -0,0 +1,145 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Spinner as t } from "../feedback/spinner.js";
+import { Collapsible as n, CollapsibleContent as r, CollapsibleTrigger as i } from "../containment/collapsible.js";
+import { AlertTriangle as a, Check as o, ChevronDown as s, CircleSlash as c, Hand as l, Octagon as u, Wrench as d } from "lucide-react";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/ai/tool.tsx
+var h = {
+	states: {
+		"input-streaming": "Preparing",
+		"input-available": "Running",
+		"output-available": "Done",
+		"output-error": "Failed",
+		"approval-requested": "Waiting for your approval",
+		denied: "Not run",
+		stopped: "Stopped"
+	},
+	input: "Arguments",
+	output: "Result"
+}, g = f.createContext({
+	state: "input-available",
+	labels: h
+});
+function _({ className: t, state: r, labels: i, defaultOpen: a, ...o }) {
+	let s = {
+		state: r,
+		labels: {
+			...h,
+			...i,
+			states: {
+				...h.states,
+				...i?.states
+			}
+		}
+	};
+	return /* @__PURE__ */ p(g.Provider, {
+		value: s,
+		children: /* @__PURE__ */ p(n, {
+			"data-slot": "tool",
+			"data-state": r,
+			defaultOpen: a ?? (r === "output-error" || r === "approval-requested"),
+			className: e("rounded-lg border bg-card text-card-foreground", t),
+			...o
+		})
+	});
+}
+var v = {
+	"input-streaming": d,
+	"input-available": d,
+	"output-available": o,
+	"output-error": a,
+	"approval-requested": l,
+	denied: c,
+	stopped: u
+}, y = {
+	"input-streaming": "text-muted-foreground",
+	"input-available": "text-muted-foreground",
+	"output-available": "text-success",
+	"output-error": "text-destructive",
+	"approval-requested": "text-hue-yellow",
+	denied: "text-muted-foreground",
+	stopped: "text-muted-foreground"
+};
+function b({ className: n, title: r, detail: a, ...o }) {
+	let { state: c, labels: l } = f.useContext(g), u = v[c], d = c === "input-available" || c === "input-streaming";
+	return /* @__PURE__ */ m(i, {
+		"data-slot": "tool-header",
+		className: e("flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm focus-ring", "hover:bg-accent/50 transition-[background-color] duration-control", n),
+		...o,
+		children: [
+			/* @__PURE__ */ p("span", {
+				"data-slot": "tool-state-icon",
+				"aria-hidden": "true",
+				className: e("inline-flex shrink-0", y[c]),
+				children: d ? /* @__PURE__ */ p(t, {
+					size: "sm",
+					label: null
+				}) : /* @__PURE__ */ p(u, { className: "size-4" })
+			}),
+			/* @__PURE__ */ m("span", {
+				"data-slot": "tool-title",
+				className: "min-w-0 flex-1 truncate font-medium",
+				children: [r, a ? /* @__PURE__ */ p("span", {
+					className: "ml-1.5 font-normal text-muted-foreground",
+					children: a
+				}) : null]
+			}),
+			/* @__PURE__ */ p("span", {
+				"data-slot": "tool-state-label",
+				className: e("shrink-0 text-xs", y[c]),
+				children: l.states[c]
+			}),
+			/* @__PURE__ */ p(s, {
+				"aria-hidden": "true",
+				className: "size-4 shrink-0 text-muted-foreground transition-transform duration-control group-data-[open]:rotate-180 [[data-open]_&]:rotate-180"
+			})
+		]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ p(r, {
+		"data-slot": "tool-content",
+		className: e("flex flex-col gap-2 border-t px-3 py-2 text-sm", t),
+		...n
+	});
+}
+function S({ className: t, input: n, ...r }) {
+	let { labels: i } = f.useContext(g);
+	return /* @__PURE__ */ m("div", {
+		"data-slot": "tool-input",
+		className: e("flex flex-col gap-1", t),
+		...r,
+		children: [/* @__PURE__ */ p("span", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: i.input
+		}), /* @__PURE__ */ p("pre", {
+			className: "overflow-x-auto rounded-md bg-muted p-2 font-mono text-xs leading-relaxed",
+			children: JSON.stringify(n, null, 2)
+		})]
+	});
+}
+function C({ className: t, output: n, errorText: r, ...i }) {
+	let { labels: a } = f.useContext(g);
+	return n === void 0 && !r ? null : /* @__PURE__ */ m("div", {
+		"data-slot": "tool-output",
+		className: e("flex flex-col gap-1", t),
+		...i,
+		children: [/* @__PURE__ */ p("span", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: a.output
+		}), r ? /* @__PURE__ */ p("p", {
+			"data-slot": "tool-error",
+			className: "text-destructive",
+			children: r
+		}) : /* @__PURE__ */ p("div", {
+			"data-slot": "tool-result",
+			children: n
+		})]
+	});
+}
+//#endregion
+export { h as DEFAULT_TOOL_LABELS, _ as Tool, x as ToolContent, b as ToolHeader, S as ToolInput, C as ToolOutput };
+
+//# sourceMappingURL=tool.js.map

package/dist/components/ai/tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","names":[],"sources":["../../../src/components/ai/tool.tsx"],"mappings":"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"}

package/dist/index.d.ts

@@ -122,3 +122,13 @@ export * from "./components/editor/utils/insertion";
 export * from "./components/editor/utils/length-calculator";
 export * from "./components/editor/utils/serialization";
 export * from "./components/editor/utils/stroke-transaction";
+export * from "./components/ai/actions";
+export * from "./components/ai/conversation";
+export * from "./components/ai/loader";
+export * from "./components/ai/message";
+export * from "./components/ai/prompt-input";
+export * from "./components/ai/shimmer";
+export * from "./components/ai/spotlight";
+export * from "./components/ai/suggestion";
+export * from "./components/ai/task";
+export * from "./components/ai/tool";

package/dist/index.js

@@ -114,4 +114,14 @@ import { DEFAULT_TEMPLATE_EDITOR_LABELS as $i, TemplateEditor as ea } from "./co
 import { DEFAULT_FILTER_PICKER_LABELS as ta, FilterPickerContent as na } from "./components/editor/filter-picker-content.js";
 import { DEFAULT_VARIABLE_PICKER_LABELS as ra, VariablePickerContent as ia, createLucideIconResolver as aa, getPluginsWithNestedArrays as oa } from "./components/editor/variable-picker-content.js";
 import { calculateLineLength as sa, getOverflowAmount as ca, willOverflow as la } from "./components/editor/utils/length-calculator.js";
-export { cr as ALL_COLOR_CODES, lr as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, _ as ActionCard, E as Alert, D as AlertDescription, $ as AlertDialog, ee as AlertDialogAction, te as AlertDialogCancel, ne as AlertDialogContent, re as AlertDialogDescription, ie as AlertDialogFooter, ae as AlertDialogHeader, oe as AlertDialogOverlay, se as AlertDialogPortal, ce as AlertDialogTitle, le as AlertDialogTrigger, O as AlertTitle, _r as BOARD_CHARS, ri as BOARD_CODE_TO_COLOR, ur as BOARD_COLORS, ii as BOARD_COLOR_CODES, M as Badge, Jr as BarList, kr as BoardBackdrop, Rr as BoardDisplay, vn as BoardIcon, yn as BoardSelector, Zr as BoardShowcase, Or as BoardTeaser, J as Box, bn as Breadcrumb, xn as BreadcrumbEllipsis, Sn as BreadcrumbItem, Cn as BreadcrumbLink, wn as BreadcrumbList, Tn as BreadcrumbPage, En as BreadcrumbSeparator, A as Button, dr as COLOR_CODE_MAP, fr as COLOR_DISPLAY, ai as CURSOR_ANCHOR, s as Card, c as CardAction, l as CardContent, u as CardDescription, d as CardFooter, f as CardHeader, p as CardTitle, L as Checkbox, P as Chip, Ye as Code, y as Collapsible, b as CollapsibleContent, x as CollapsibleTrigger, Ai as ColorPickerContent, mi as ColorTileNode, fi as ColorTileNodeView, R as Combobox, V as CopyButton, oi as DEFAULT_BOARD_LINES, si as DEFAULT_BOARD_WIDTH, ji as DEFAULT_COLOR_PICKER_LABELS, pi as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS, z as DEFAULT_COMBOBOX_LABELS, zi as DEFAULT_DRAW_CHAR_PICKER_LABELS, hi as DEFAULT_FILL_SPACE_NODE_VIEW_LABELS, ta as DEFAULT_FILTER_PICKER_LABELS, Vi as DEFAULT_FORMATTING_PICKER_LABELS, vi as DEFAULT_FORMULA_NODE_VIEW_LABELS, Wr as DEFAULT_SHAPE_LABELS, Qr as DEFAULT_SHOWCASE_LABELS, $i as DEFAULT_TEMPLATE_EDITOR_LABELS, Yi as DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS, Ui as DEFAULT_TOOLBAR_DROPDOWN_LABELS, wi as DEFAULT_VARIABLE_NODE_VIEW_LABELS, ra as DEFAULT_VARIABLE_PICKER_LABELS, Di as DEFAULT_WRAPPED_TEXT_VIEW_LABELS, jr as DEVICE_DIMENSIONS, Mi as DRAW_CHARS, ue as Dialog, de as DialogClose, fe as DialogContent, pe as DialogDescription, me as DialogFooter, he as DialogHeader, ge as DialogOverlay, _e as DialogPortal, ve as DialogTitle, ye as DialogTrigger, Bi as DrawCharPickerContent, be as DropdownMenu, xe as DropdownMenuCheckboxItem, Se as DropdownMenuContent, Ce as DropdownMenuGroup, we as DropdownMenuItem, Te as DropdownMenuLabel, Ee as DropdownMenuPortal, De as DropdownMenuRadioGroup, Oe as DropdownMenuRadioItem, ke as DropdownMenuSeparator, Ae as DropdownMenuShortcut, je as DropdownMenuSub, Me as DropdownMenuSubContent, Ne as DropdownMenuSubTrigger, Pe as DropdownMenuTrigger, vr as EXTRA_CHARS, I as EmptyState, pr as FIESTABOARD_COLORS, Dn as FIESTA_ICON_DATA_URI, On as FIESTA_ICON_PALETTE, kn as FIESTA_ICON_SVG, ci as FILL_SPACE_REPEAT_VAR, li as FILL_SPACE_VAR, zr as FLAP_SPEED_PRESETS, ht as FadeContent, G as Field, An as FiestaIcon, jn as FiestaLogo, _i as FillSpaceNode, gi as FillSpaceNodeView, na as FilterPickerContent, Y as Flex, Hi as FormattingPickerContent, bi as FormulaNode, yi as FormulaNodeView, Z as Grid, Xe as Heading, h as IconTile, K as Input, S as JsonTree, Qe as Kbd, W as Label, Mn as LanguageSelector, Fe as Lightbox, Ie as LightboxClose, Le as LightboxContent, Re as LightboxFooter, ze as LightboxOverlay, Be as LightboxPortal, Ve as LightboxTrigger, xi as LineNavigation, et as List, tt as ListItem, Mr as MAX_NOTES_PER_AXIS, Nn as MainContent, C as MediaFrame, w as MediaFrameBar, T as MediaFrameMedia, Nr as NOTE_COLS, Pr as NOTE_ROWS, Pn as NavList, Fn as NavListItem, In as NavListLink, Ln as NavListSection, Rn as NavListSectionContent, zn as NavListSectionTrigger, ui as NodeViewInjectionProvider, Hn as PAGE_HUES, $r as PLUGIN_CATEGORIES, Bn as PageCard, Un as PageHeader, Wn as PageIconGradientDefs, Kn as PageInset, qn as PageLayout, Vn as PageSection, Jn as PageToolbar, Yn as Pagination, ni as PluginCard, ei as PluginCategoryBadge, He as Popover, Ue as PopoverClose, We as PopoverContent, Ge as PopoverDescription, Ke as PopoverTitle, qe as PopoverTrigger, Hr as ScaledBoardDisplay, ti as ScaledBoardTeaser, rt as ScrollArea, it as ScrollBar, q as SecretInput, Kt as SegmentedControl, qt as SegmentedControlItem, yt as Select, bt as SelectContent, xt as SelectGroup, St as SelectItem, Ct as SelectLabel, wt as SelectScrollDownButton, Tt as SelectScrollUpButton, Et as SelectSeparator, Dt as SelectTrigger, Ot as SelectValue, nn as Sheet, rn as SheetClose, an as SheetContent, on as SheetDescription, sn as SheetFooter, cn as SheetHeader, ln as SheetOverlay, un as SheetPortal, dn as SheetTitle, fn as SheetTrigger, Zn as Sidebar, Si as SingleParagraphDoc, gt as Skeleton, Qn as SkipToContent, kt as Slider, a as Spinner, en as Stack, Yr as StatStrip, Xr as StatStripItem, Ur as StaticBoardDisplay, _t as StatusDot, At as Swatch, jt as SwatchGroup, Lt as Switch, at as Table, ot as TableBody, st as TableCell, ct as TableHead, lt as TableHeader, ut as TableRow, dt as Tabs, ft as TabsContent, pt as TabsList, mt as TabsTrigger, ea as TemplateEditor, Xi as TemplateEditorToolbar, H as Text, _n as TextLink, Rt as Textarea, $n as ThemeToggle, zt as TimePicker, Bt as TimezonePicker, Ht as Toggle, Jt as ToggleCard, Yt as ToggleCardGroup, Ut as ToggleGroup, Wi as ToolbarDropdown, pn as Tooltip, mn as TooltipContent, hn as TooltipProvider, gn as TooltipTrigger, er as TopNav, tr as TopNavActions, nr as TopNavBrand, rr as TopNavItem, ir as TopNavLink, ar as TopNavList, or as TopNavMenuTrigger, Ci as TrailingNewline, Ei as VariableNode, Ti as VariableNodeView, ia as VariablePickerContent, sr as WizardProgress, Ar as WizardShell, ki as WrappedTextNode, Oi as WrappedTextView, v as actionCardMedallionVariants, k as alertVariants, yr as applyCode62Glyph, N as badgeVariants, Ni as brushToCell, Zi as buildStrokeTransaction, j as buttonVariants, sa as calculateLineLength, m as cardSurfaceClassName, Pi as cellsToLine, F as chipVariants, e as cn, aa as createLucideIconResolver, B as defaultComboboxFilter, Br as deriveFlapTiming, X as flexVariants, mr as getBoardColor, br as getCharFromToken, xr as getCharIndex, ca as getOverflowAmount, oa as getPluginsWithNestedArrays, Q as gridVariants, Ze as headingVariants, g as iconTileVariants, Ji as insertTemplateContent, Sr as isColorTile, Fr as isNoteArray, Fi as isPositionalLine, hr as isValidBoardColor, Qi as lineRanges, Ii as lineToCells, Vt as listTimezones, nt as listVariants, Cr as messageToGrid, wr as messageToText, Ir as noteArrayDimensions, Gn as pageHue, Xn as paginationRange, Li as paintLine, Tr as parseLine, Gi as parseLineContent, Ki as parseTemplateSimple, Gr as previewLabel, Kr as previewLabels, qr as previewMessage, Ri as renderPositionalLine, Er as resolveCode62Glyph, gr as resolveColorCode, Lr as resolveDimensions, Vr as resolveFlapSpeed, Xt as segmentedControlItemVariants, Zt as segmentedControlVariants, qi as serializeTemplateSimple, o as spinnerVariants, tn as stackVariants, vt as statusDotVariants, Mt as swatchFillVariants, Nt as swatchGlyphVariants, Pt as swatchGroupVariants, Ft as swatchIndicatorVariants, It as swatchVariants, U as textVariants, Qt as toggleCardGroupVariants, $t as toggleCardVariants, Wt as toggleGroupVariants, Gt as toggleVariants, Dr as tokensEqual, $e as useKbdPlatform, di as useNodeViewInjection, Je as usePopoverClose, la as willOverflow };
+import { Action as ua, Actions as da } from "./components/ai/actions.js";
+import { Conversation as fa, ConversationContent as pa, ConversationScrollButton as ma, DEFAULT_CONVERSATION_LABELS as ha } from "./components/ai/conversation.js";
+import { Loader as ga } from "./components/ai/loader.js";
+import { Message as _a, MessageAvatar as va, MessageContent as ya, messageContentVariants as ba, messageVariants as xa } from "./components/ai/message.js";
+import { DEFAULT_PROMPT_INPUT_LABELS as Sa, PromptInput as Ca, PromptInputSubmit as wa, PromptInputTextarea as Ta, PromptInputToolbar as Ea, PromptInputTools as Da } from "./components/ai/prompt-input.js";
+import { Shimmer as Oa } from "./components/ai/shimmer.js";
+import { GhostValue as ka, SpotlightCaption as Aa, SpotlightRing as ja, revealedLength as Ma, spotlightRingVariants as Na } from "./components/ai/spotlight.js";
+import { Suggestion as Pa, Suggestions as Fa } from "./components/ai/suggestion.js";
+import { DEFAULT_TASK_LABELS as Ia, Task as La, TaskContent as Ra, TaskItem as za, TaskTrigger as Ba } from "./components/ai/task.js";
+import { DEFAULT_TOOL_LABELS as Va, Tool as Ha, ToolContent as Ua, ToolHeader as Wa, ToolInput as Ga, ToolOutput as Ka } from "./components/ai/tool.js";
+export { cr as ALL_COLOR_CODES, lr as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, ua as Action, _ as ActionCard, da as Actions, E as Alert, D as AlertDescription, $ as AlertDialog, ee as AlertDialogAction, te as AlertDialogCancel, ne as AlertDialogContent, re as AlertDialogDescription, ie as AlertDialogFooter, ae as AlertDialogHeader, oe as AlertDialogOverlay, se as AlertDialogPortal, ce as AlertDialogTitle, le as AlertDialogTrigger, O as AlertTitle, _r as BOARD_CHARS, ri as BOARD_CODE_TO_COLOR, ur as BOARD_COLORS, ii as BOARD_COLOR_CODES, M as Badge, Jr as BarList, kr as BoardBackdrop, Rr as BoardDisplay, vn as BoardIcon, yn as BoardSelector, Zr as BoardShowcase, Or as BoardTeaser, J as Box, bn as Breadcrumb, xn as BreadcrumbEllipsis, Sn as BreadcrumbItem, Cn as BreadcrumbLink, wn as BreadcrumbList, Tn as BreadcrumbPage, En as BreadcrumbSeparator, A as Button, dr as COLOR_CODE_MAP, fr as COLOR_DISPLAY, ai as CURSOR_ANCHOR, s as Card, c as CardAction, l as CardContent, u as CardDescription, d as CardFooter, f as CardHeader, p as CardTitle, L as Checkbox, P as Chip, Ye as Code, y as Collapsible, b as CollapsibleContent, x as CollapsibleTrigger, Ai as ColorPickerContent, mi as ColorTileNode, fi as ColorTileNodeView, R as Combobox, fa as Conversation, pa as ConversationContent, ma as ConversationScrollButton, V as CopyButton, oi as DEFAULT_BOARD_LINES, si as DEFAULT_BOARD_WIDTH, ji as DEFAULT_COLOR_PICKER_LABELS, pi as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS, z as DEFAULT_COMBOBOX_LABELS, ha as DEFAULT_CONVERSATION_LABELS, zi as DEFAULT_DRAW_CHAR_PICKER_LABELS, hi as DEFAULT_FILL_SPACE_NODE_VIEW_LABELS, ta as DEFAULT_FILTER_PICKER_LABELS, Vi as DEFAULT_FORMATTING_PICKER_LABELS, vi as DEFAULT_FORMULA_NODE_VIEW_LABELS, Sa as DEFAULT_PROMPT_INPUT_LABELS, Wr as DEFAULT_SHAPE_LABELS, Qr as DEFAULT_SHOWCASE_LABELS, Ia as DEFAULT_TASK_LABELS, $i as DEFAULT_TEMPLATE_EDITOR_LABELS, Yi as DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS, Ui as DEFAULT_TOOLBAR_DROPDOWN_LABELS, Va as DEFAULT_TOOL_LABELS, wi as DEFAULT_VARIABLE_NODE_VIEW_LABELS, ra as DEFAULT_VARIABLE_PICKER_LABELS, Di as DEFAULT_WRAPPED_TEXT_VIEW_LABELS, jr as DEVICE_DIMENSIONS, Mi as DRAW_CHARS, ue as Dialog, de as DialogClose, fe as DialogContent, pe as DialogDescription, me as DialogFooter, he as DialogHeader, ge as DialogOverlay, _e as DialogPortal, ve as DialogTitle, ye as DialogTrigger, Bi as DrawCharPickerContent, be as DropdownMenu, xe as DropdownMenuCheckboxItem, Se as DropdownMenuContent, Ce as DropdownMenuGroup, we as DropdownMenuItem, Te as DropdownMenuLabel, Ee as DropdownMenuPortal, De as DropdownMenuRadioGroup, Oe as DropdownMenuRadioItem, ke as DropdownMenuSeparator, Ae as DropdownMenuShortcut, je as DropdownMenuSub, Me as DropdownMenuSubContent, Ne as DropdownMenuSubTrigger, Pe as DropdownMenuTrigger, vr as EXTRA_CHARS, I as EmptyState, pr as FIESTABOARD_COLORS, Dn as FIESTA_ICON_DATA_URI, On as FIESTA_ICON_PALETTE, kn as FIESTA_ICON_SVG, ci as FILL_SPACE_REPEAT_VAR, li as FILL_SPACE_VAR, zr as FLAP_SPEED_PRESETS, ht as FadeContent, G as Field, An as FiestaIcon, jn as FiestaLogo, _i as FillSpaceNode, gi as FillSpaceNodeView, na as FilterPickerContent, Y as Flex, Hi as FormattingPickerContent, bi as FormulaNode, yi as FormulaNodeView, ka as GhostValue, Z as Grid, Xe as Heading, h as IconTile, K as Input, S as JsonTree, Qe as Kbd, W as Label, Mn as LanguageSelector, Fe as Lightbox, Ie as LightboxClose, Le as LightboxContent, Re as LightboxFooter, ze as LightboxOverlay, Be as LightboxPortal, Ve as LightboxTrigger, xi as LineNavigation, et as List, tt as ListItem, ga as Loader, Mr as MAX_NOTES_PER_AXIS, Nn as MainContent, C as MediaFrame, w as MediaFrameBar, T as MediaFrameMedia, _a as Message, va as MessageAvatar, ya as MessageContent, Nr as NOTE_COLS, Pr as NOTE_ROWS, Pn as NavList, Fn as NavListItem, In as NavListLink, Ln as NavListSection, Rn as NavListSectionContent, zn as NavListSectionTrigger, ui as NodeViewInjectionProvider, Hn as PAGE_HUES, $r as PLUGIN_CATEGORIES, Bn as PageCard, Un as PageHeader, Wn as PageIconGradientDefs, Kn as PageInset, qn as PageLayout, Vn as PageSection, Jn as PageToolbar, Yn as Pagination, ni as PluginCard, ei as PluginCategoryBadge, He as Popover, Ue as PopoverClose, We as PopoverContent, Ge as PopoverDescription, Ke as PopoverTitle, qe as PopoverTrigger, Ca as PromptInput, wa as PromptInputSubmit, Ta as PromptInputTextarea, Ea as PromptInputToolbar, Da as PromptInputTools, Hr as ScaledBoardDisplay, ti as ScaledBoardTeaser, rt as ScrollArea, it as ScrollBar, q as SecretInput, Kt as SegmentedControl, qt as SegmentedControlItem, yt as Select, bt as SelectContent, xt as SelectGroup, St as SelectItem, Ct as SelectLabel, wt as SelectScrollDownButton, Tt as SelectScrollUpButton, Et as SelectSeparator, Dt as SelectTrigger, Ot as SelectValue, nn as Sheet, rn as SheetClose, an as SheetContent, on as SheetDescription, sn as SheetFooter, cn as SheetHeader, ln as SheetOverlay, un as SheetPortal, dn as SheetTitle, fn as SheetTrigger, Oa as Shimmer, Zn as Sidebar, Si as SingleParagraphDoc, gt as Skeleton, Qn as SkipToContent, kt as Slider, a as Spinner, Aa as SpotlightCaption, ja as SpotlightRing, en as Stack, Yr as StatStrip, Xr as StatStripItem, Ur as StaticBoardDisplay, _t as StatusDot, Pa as Suggestion, Fa as Suggestions, At as Swatch, jt as SwatchGroup, Lt as Switch, at as Table, ot as TableBody, st as TableCell, ct as TableHead, lt as TableHeader, ut as TableRow, dt as Tabs, ft as TabsContent, pt as TabsList, mt as TabsTrigger, La as Task, Ra as TaskContent, za as TaskItem, Ba as TaskTrigger, ea as TemplateEditor, Xi as TemplateEditorToolbar, H as Text, _n as TextLink, Rt as Textarea, $n as ThemeToggle, zt as TimePicker, Bt as TimezonePicker, Ht as Toggle, Jt as ToggleCard, Yt as ToggleCardGroup, Ut as ToggleGroup, Ha as Tool, Ua as ToolContent, Wa as ToolHeader, Ga as ToolInput, Ka as ToolOutput, Wi as ToolbarDropdown, pn as Tooltip, mn as TooltipContent, hn as TooltipProvider, gn as TooltipTrigger, er as TopNav, tr as TopNavActions, nr as TopNavBrand, rr as TopNavItem, ir as TopNavLink, ar as TopNavList, or as TopNavMenuTrigger, Ci as TrailingNewline, Ei as VariableNode, Ti as VariableNodeView, ia as VariablePickerContent, sr as WizardProgress, Ar as WizardShell, ki as WrappedTextNode, Oi as WrappedTextView, v as actionCardMedallionVariants, k as alertVariants, yr as applyCode62Glyph, N as badgeVariants, Ni as brushToCell, Zi as buildStrokeTransaction, j as buttonVariants, sa as calculateLineLength, m as cardSurfaceClassName, Pi as cellsToLine, F as chipVariants, e as cn, aa as createLucideIconResolver, B as defaultComboboxFilter, Br as deriveFlapTiming, X as flexVariants, mr as getBoardColor, br as getCharFromToken, xr as getCharIndex, ca as getOverflowAmount, oa as getPluginsWithNestedArrays, Q as gridVariants, Ze as headingVariants, g as iconTileVariants, Ji as insertTemplateContent, Sr as isColorTile, Fr as isNoteArray, Fi as isPositionalLine, hr as isValidBoardColor, Qi as lineRanges, Ii as lineToCells, Vt as listTimezones, nt as listVariants, ba as messageContentVariants, Cr as messageToGrid, wr as messageToText, xa as messageVariants, Ir as noteArrayDimensions, Gn as pageHue, Xn as paginationRange, Li as paintLine, Tr as parseLine, Gi as parseLineContent, Ki as parseTemplateSimple, Gr as previewLabel, Kr as previewLabels, qr as previewMessage, Ri as renderPositionalLine, Er as resolveCode62Glyph, gr as resolveColorCode, Lr as resolveDimensions, Vr as resolveFlapSpeed, Ma as revealedLength, Xt as segmentedControlItemVariants, Zt as segmentedControlVariants, qi as serializeTemplateSimple, o as spinnerVariants, Na as spotlightRingVariants, tn as stackVariants, vt as statusDotVariants, Mt as swatchFillVariants, Nt as swatchGlyphVariants, Pt as swatchGroupVariants, Ft as swatchIndicatorVariants, It as swatchVariants, U as textVariants, Qt as toggleCardGroupVariants, $t as toggleCardVariants, Wt as toggleGroupVariants, Gt as toggleVariants, Dr as tokensEqual, $e as useKbdPlatform, di as useNodeViewInjection, Je as usePopoverClose, la as willOverflow };

package/dist/theme.css

@@ -1690,6 +1690,99 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
   }
 }
 
+/* ============================================================
+ * AI family — shimmer, spotlight pulse, ghost caret
+ *
+ * Owned by src/components/ai/. Each has its own reduced-motion pose rather
+ * than relying on the 1ms backstop below: a shimmer frozen mid-sweep leaves
+ * half the text at 30% opacity, a pulse frozen at its widest reads as a
+ * second border, a caret frozen invisible reads as nothing being typed.
+ * ============================================================ */
+@keyframes ai-shimmer {
+  from {
+    background-position: 200% center;
+  }
+  to {
+    background-position: -200% center;
+  }
+}
+
+.ai-shimmer {
+  color: transparent;
+  background-image: linear-gradient(
+    90deg,
+    var(--muted-foreground) 0%,
+    var(--foreground) 50%,
+    var(--muted-foreground) 100%
+  );
+  background-size: 200% auto;
+  background-clip: text;
+  -webkit-background-clip: text;
+  animation: ai-shimmer 2s linear infinite;
+}
+
+@keyframes ai-spotlight-pulse {
+  0%,
+  100% {
+    box-shadow: 0 0 0 0 color-mix(in oklch, var(--brand) 45%, transparent);
+  }
+  50% {
+    box-shadow: 0 0 0 6px color-mix(in oklch, var(--brand) 0%, transparent);
+  }
+}
+
+.ai-spotlight-pulse {
+  animation: ai-spotlight-pulse 1.6s ease-out infinite;
+}
+
+@keyframes ai-caret-blink {
+  0%,
+  49% {
+    opacity: 1;
+  }
+  50%,
+  100% {
+    opacity: 0;
+  }
+}
+
+.ai-caret {
+  display: inline-block;
+  width: 1px;
+  height: 1em;
+  margin-left: 1px;
+  vertical-align: -0.15em;
+  background-color: var(--brand);
+  animation: ai-caret-blink 1s steps(1) infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ai-shimmer {
+    animation: none;
+    color: var(--muted-foreground);
+    background-image: none;
+  }
+
+  .ai-spotlight-pulse {
+    animation: none;
+  }
+
+  .ai-caret {
+    animation: none;
+  }
+}
+
+.reduce-motion .ai-shimmer {
+  animation: none;
+  color: var(--muted-foreground);
+  background-image: none;
+}
+
+.reduce-motion .ai-spotlight-pulse,
+.reduce-motion .ai-caret {
+  animation: none;
+}
+
 /* ============================================================
  * Reduced-motion backstop (issue #180)
  *