@fiestaboard/ui 6.0.3 → 6.1.1

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/components/chrome/board-selector.d.ts

@@ -1,6 +1,15 @@
 export interface BoardOption {
     id: string;
     name?: string;
+    /**
+     * Per-board health, surfaced as a small destructive dot beside the name —
+     * and in the trigger while this board is the selected one. Presentational
+     * only: the wiring side decides what "error" means (a board whose client
+     * failed to initialize, say) and supplies the words for it as
+     * `BoardSelectorLabels.boardError`, which the option and the trigger are
+     * then DESCRIBED by (`aria-describedby`). Omit for a healthy board.
+     */
+    status?: "error";
 }
 export interface BoardSelectorLabels {
     /** aria-label for the trigger, e.g. "Select board". */
@@ -9,6 +18,17 @@ export interface BoardSelectorLabels {
     selectBoard: string;
     /** Fallback display name for unnamed boards. */
     unnamedBoard: string;
+    /**
+     * What `status: "error"` means, in words — e.g. "Unavailable". Rendered
+     * once as an sr-only description that every errored option, and the
+     * trigger while an errored board is selected, points at with
+     * `aria-describedby`; the dot itself stays decorative. That is what keeps
+     * the state off colour alone (WCAG 1.4.1) without folding the word into
+     * the option's NAME, so "Kitchen" is still announced as "Kitchen", then
+     * described. Only consulted when at least one board sets `status`, but
+     * provide it whenever you do: without it the dot is the only signal.
+     */
+    boardError?: string;
 }
 interface BoardSelectorProps {
     boards: BoardOption[];

package/dist/components/chrome/board-selector.js

@@ -1,37 +1,64 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../forms/select.js";
-import { Tooltip as o, TooltipContent as s, TooltipTrigger as c } from "../overlays/tooltip.js";
-import { BoardIcon as l } from "./board-icon.js";
-import { memo as u, useMemo as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { StatusDot as t } from "../feedback/status-dot.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../forms/select.js";
+import { Tooltip as s, TooltipContent as c, TooltipTrigger as l } from "../overlays/tooltip.js";
+import { BoardIcon as u } from "./board-icon.js";
+import { memo as d, useId as f, useMemo as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/chrome/board-selector.tsx
-var m = u(function({ boards: u, value: m, onChange: h, labels: g, collapsed: _ = !1, variant: v = "sidebar" }) {
-	let y = d(() => u.map((e) => /* @__PURE__ */ f(r, {
-		value: e.id,
-		children: e.name || g.unnamedBoard
-	}, e.id)), [u, g.unnamedBoard]), b = /* @__PURE__ */ p(i, {
-		"aria-label": g.boardSelector,
-		className: e("gap-2 border-sidebar-border/70 bg-sidebar-accent/40 font-medium text-sidebar-foreground shadow-none transition-[width,padding] duration-fast hover:bg-sidebar-accent/70", v === "mobileHeader" && "h-9 w-auto min-w-0 max-w-[170px] px-2.5 max-[479px]:gap-1 max-[479px]:px-2", v === "sidebar" && (_ ? "h-9 w-full justify-center gap-0 px-0 [&>span:last-child]:hidden" : "h-10 w-full")),
-		children: [/* @__PURE__ */ f(l, { className: "h-5 w-5 flex-shrink-0 text-sidebar-foreground/70" }), /* @__PURE__ */ f("span", {
-			className: e("min-w-0 flex-1 overflow-hidden whitespace-nowrap text-left transition-opacity duration-fast", v === "sidebar" && _ ? "max-w-0 opacity-0" : "max-w-48 opacity-100 delay-150", v === "mobileHeader" && "max-[479px]:hidden!"),
-			children: /* @__PURE__ */ f(a, { placeholder: g.selectBoard })
+var g = d(function({ boards: d, value: g, onChange: _, labels: v, collapsed: y = !1, variant: b = "sidebar" }) {
+	let x = f(), S = v.boardError && d.some((e) => e.status === "error") ? x : void 0, C = d.find((e) => e.id === g), w = p(() => d.map((e) => {
+		let n = e.name || v.unnamedBoard, r = e.status === "error";
+		return /* @__PURE__ */ m(i, {
+			value: e.id,
+			"aria-describedby": r ? S : void 0,
+			children: r ? /* @__PURE__ */ h("span", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [/* @__PURE__ */ m("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: n
+				}), /* @__PURE__ */ m(t, {
+					status: "danger",
+					size: "sm"
+				})]
+			}) : n
+		}, e.id);
+	}), [
+		d,
+		v.unnamedBoard,
+		S
+	]), T = /* @__PURE__ */ h(a, {
+		"aria-label": v.boardSelector,
+		"aria-describedby": C?.status === "error" ? S : void 0,
+		className: e("gap-2 border-sidebar-border/70 bg-sidebar-accent/40 font-medium text-sidebar-foreground shadow-none transition-[width,padding] duration-fast hover:bg-sidebar-accent/70", b === "mobileHeader" && "h-9 w-auto min-w-0 max-w-[170px] px-2.5 max-[479px]:gap-1 max-[479px]:px-2", b === "sidebar" && (y ? "h-9 w-full justify-center gap-0 px-0 [&>span:last-child]:hidden" : "h-10 w-full")),
+		children: [/* @__PURE__ */ m(u, { className: "h-5 w-5 flex-shrink-0 text-sidebar-foreground/70" }), /* @__PURE__ */ m("span", {
+			className: e("min-w-0 flex-1 overflow-hidden whitespace-nowrap text-left transition-opacity duration-fast", b === "sidebar" && y ? "max-w-0 opacity-0" : "max-w-48 opacity-100 delay-150", b === "mobileHeader" && "max-[479px]:hidden!"),
+			children: /* @__PURE__ */ m(o, { placeholder: v.selectBoard })
 		})]
 	});
-	return /* @__PURE__ */ p(t, {
-		value: m,
-		onValueChange: h,
-		children: [_ ? /* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(c, {
-			asChild: !0,
-			children: b
-		}), /* @__PURE__ */ f(s, {
-			side: "right",
-			className: "font-medium",
-			children: u.find((e) => e.id === m)?.name || g.unnamedBoard
-		})] }) : b, /* @__PURE__ */ f(n, { children: y })]
+	return /* @__PURE__ */ h(n, {
+		value: g,
+		onValueChange: _,
+		children: [
+			y ? /* @__PURE__ */ h(s, { children: [/* @__PURE__ */ m(l, {
+				asChild: !0,
+				children: T
+			}), /* @__PURE__ */ m(c, {
+				side: "right",
+				className: "font-medium",
+				children: C?.name || v.unnamedBoard
+			})] }) : T,
+			S ? /* @__PURE__ */ m("span", {
+				id: S,
+				className: "sr-only",
+				children: v.boardError
+			}) : null,
+			/* @__PURE__ */ m(r, { children: w })
+		]
 	});
 });
 //#endregion
-export { m as BoardSelector };
+export { g as BoardSelector };
 
 //# sourceMappingURL=board-selector.js.map

package/dist/components/chrome/board-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-selector.js","names":[],"sources":["../../../src/components/chrome/board-selector.tsx"],"mappings":";;;;;;;;AAwCA,IAAa,IAAgB,EAAK,SAAuB,EACvD,WACA,UACA,aACA,WACA,eAAY,IACZ,aAAU,aACW;CAIrB,IAAM,IAAQ,QAEV,EAAO,KAAK,MACV,kBAAC,GAAD;EAA2B,OAAO,EAAM;EACrC,UAAA,EAAM,QAAQ,EAAO;CACZ,GAFK,EAAM,EAEX,CACb,GACH,CAAC,GAAQ,EAAO,YAAY,CAC9B,GAEM,IACJ,kBAAC,GAAD;EACE,cAAY,EAAO;EACnB,WAAW,EACT,2KAGA,MAAY,kBAAkB,8EAC9B,MAAY,cACT,IAQG,oEACA,cACR;EAlBF,UAAA,CAoBE,kBAAC,GAAD,EAAW,WAAU,mDAAoD,CAAA,GACzE,kBAAC,QAAD;GACE,WAAW,EACT,+FACA,MAAY,aAAa,IAAY,sBAAsB,kCAG3D,MAAY,kBAAkB,qBAChC;GAEA,UAAA,kBAAC,GAAD,EAAa,aAAa,EAAO,YAAc,CAAA;EAC3C,CAAA,CACO;;CAGjB,OACE,kBAAC,GAAD;EAAe;EAAO,eAAe;EAArC,UAAA,CACG,IACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB,SAAA;GAAS,UAAA;EAAwB,CAAA,GACjD,kBAAC,GAAD;GAAgB,MAAK;GAAQ,WAAU;GACpC,UAAA,EAAO,MAAM,MAAM,EAAE,OAAO,CAAK,CAAC,EAAE,QAAQ,EAAO;EACtC,CAAA,CACT,EAAA,CAAA,IAET,GAEF,kBAAC,GAAD,EAAA,UAAgB,EAAqB,CAAA,CAC/B;;AAEZ,CAAC"}
+{"version":3,"file":"board-selector.js","names":[],"sources":["../../../src/components/chrome/board-selector.tsx"],"mappings":";;;;;;;;;AA6DA,IAAa,IAAgB,EAAK,SAAuB,EACvD,WACA,UACA,aACA,WACA,eAAY,IACZ,aAAU,aACW;CAOrB,IAAM,IAAsB,EAAM,GAC5B,IACJ,EAAO,cAAc,EAAO,MAAM,MAAU,EAAM,WAAW,OAAO,IAAI,IAAsB,KAAA,GAC1F,IAAgB,EAAO,MAAM,MAAU,EAAM,OAAO,CAAK,GAKzD,IAAQ,QAEV,EAAO,KAAK,MAAU;EACpB,IAAM,IAAO,EAAM,QAAQ,EAAO,cAC5B,IAAU,EAAM,WAAW;EACjC,OACE,kBAAC,GAAD;GAA2B,OAAO,EAAM;GAAI,oBAAkB,IAAU,IAAc,KAAA;GACnF,UAAA,IAIC,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KAA2B,UAAA;IAAW,CAAA,GACtD,kBAAC,GAAD;KAAW,QAAO;KAAS,MAAK;IAAM,CAAA,CAClC;GAGN,CAAA,IAAA;EAEQ,GAbK,EAAM,EAaX;CAEhB,CAAC,GACH;EAAC;EAAQ,EAAO;EAAc;CAAW,CAC3C,GAEM,IACJ,kBAAC,GAAD;EACE,cAAY,EAAO;EACnB,oBAAkB,GAAe,WAAW,UAAU,IAAc,KAAA;EACpE,WAAW,EACT,2KAGA,MAAY,kBAAkB,8EAC9B,MAAY,cACT,IAQG,oEACA,cACR;EAnBF,UAAA,CAqBE,kBAAC,GAAD,EAAW,WAAU,mDAAoD,CAAA,GACzE,kBAAC,QAAD;GACE,WAAW,EACT,+FACA,MAAY,aAAa,IAAY,sBAAsB,kCAG3D,MAAY,kBAAkB,qBAChC;GAEA,UAAA,kBAAC,GAAD,EAAa,aAAa,EAAO,YAAc,CAAA;EAC3C,CAAA,CACO;;CAGjB,OACE,kBAAC,GAAD;EAAe;EAAO,eAAe;EAArC,UAAA;GACG,IACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAgB,SAAA;IAAS,UAAA;GAAwB,CAAA,GACjD,kBAAC,GAAD;IAAgB,MAAK;IAAQ,WAAU;IACpC,UAAA,GAAe,QAAQ,EAAO;GACjB,CAAA,CACT,EAAA,CAAA,IAET;GAED,IACC,kBAAC,QAAD;IAAM,IAAI;IAAa,WAAU;IAC9B,UAAA,EAAO;GACJ,CAAA,IACJ;GACJ,kBAAC,GAAD,EAAA,UAAgB,EAAqB,CAAA;EAC/B;;AAEZ,CAAC"}

package/dist/components/feedback/status-dot.d.ts

@@ -42,8 +42,10 @@ export interface StatusDotProps extends Omit<React.ComponentProps<"span">, "chil
  * `role="status"` is a polite live region: the label is announced when it
  * changes, which is the right behaviour for a dot tracking a connection. For
  * a dot describing something static (a legend swatch, a row that never
- * updates in place) pass `role="img"` — props spread over the computed
- * attributes, so the override lands.
+ * updates in place) pass `role="img"`. That role makes the dot's children
+ * presentational, so the label then goes out as `aria-label` instead of the
+ * sr-only span — an sr-only child inside `role="img"` is not a name, and axe
+ * fails it as `role-img-alt`.
  */
-declare function StatusDot({ className, status, size, pulse, glow, label, style, ...props }: StatusDotProps): React.JSX.Element;
+declare function StatusDot({ className, status, size, pulse, glow, label, style, role, ...props }: StatusDotProps): React.JSX.Element;
 export { StatusDot, statusDotVariants };