dishui 0.0.91 → 0.0.101

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

@@ -0,0 +1,39 @@
+import React from 'react';
+/** Priority tone drives the small trailing dot beside the identifier. */
+export type IssuePriority = 'none' | 'low' | 'medium' | 'high' | 'urgent';
+/** Accent stripe on the leading edge of the card. */
+export type IssueAccent = 'none' | 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+export type IssueLabel = {
+    id?: string;
+    text: React.ReactNode;
+};
+export type IssueCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'> & {
+    /** Primary issue title. */
+    title: React.ReactNode;
+    /** Short labels/tags shown below the title (e.g. `ui`, `infra`). */
+    labels?: Array<IssueLabel | string>;
+    /** Leading icon slot (e.g. issue type glyph). Style the box via `iconTone`. */
+    icon?: React.ReactNode;
+    /** Colour of the leading icon box. */
+    iconTone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+    /** Human-facing identifier, rendered in a monospace, tabular style (e.g. `FCE-38`). */
+    identifier?: React.ReactNode;
+    /** Priority drives the coloured dot next to the identifier. */
+    priority?: IssuePriority;
+    /** Numeric badge on the trailing edge (e.g. estimate/points). */
+    count?: React.ReactNode;
+    /** Assignee slot, typically an `Avatar`. */
+    assignee?: React.ReactNode;
+    /** Coloured stripe on the leading edge. Defaults to `none`. */
+    accent?: IssueAccent;
+    /** Selected state (raises border + subtle surface shift). */
+    selected?: boolean;
+    /** Click handler turns the card into a button for keyboard users. */
+    onSelect?: () => void;
+};
+/**
+ * Linear-style issue card: an optional accent stripe, a title, small labels,
+ * and a footer that pairs a type icon, identifier, a priority dot, an estimate
+ * and an assignee. Status is always carried by text/icon, never colour alone.
+ */
+export default function IssueCard({ title, labels, icon, iconTone, identifier, priority, count, assignee, accent, selected, onSelect, className, ...rest }: IssueCardProps): React.JSX.Element;

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

@@ -0,0 +1,78 @@
+import { cn as e } from "../../../utils/cn.js";
+/* empty css          */
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/ai/IssueCard/index.tsx
+var r = {
+	none: "No priority",
+	low: "Low priority",
+	medium: "Medium priority",
+	high: "High priority",
+	urgent: "Urgent priority"
+}, i = [], a = (e, t) => typeof e == "string" ? {
+	text: e,
+	key: `${e}-${t}`
+} : {
+	...e,
+	key: e.id ?? `${String(e.text)}-${t}`
+};
+function o({ title: o, labels: s = i, icon: c, iconTone: l = "neutral", identifier: u, priority: d = "none", count: f, assignee: p, accent: m = "none", selected: h = !1, onSelect: g, className: _, ...v }) {
+	let y = !!g, b = s.map(a);
+	return /* @__PURE__ */ n("div", {
+		...v,
+		className: e("dishui-ai-issue-card", m !== "none" && `dishui-ai-issue-card--accent-${m}`, h && "dishui-ai-issue-card--selected", y && "dishui-ai-issue-card--interactive", _),
+		role: y ? "button" : void 0,
+		tabIndex: y ? 0 : void 0,
+		"aria-pressed": y ? h : void 0,
+		onClick: y ? g : v.onClick,
+		onKeyDown: y ? (e) => {
+			e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.repeat || g?.());
+		} : void 0,
+		children: [
+			/* @__PURE__ */ t("h3", {
+				className: "dishui-ai-issue-card__title",
+				children: o
+			}),
+			b.length > 0 && /* @__PURE__ */ t("div", {
+				className: "dishui-ai-issue-card__labels",
+				children: b.map((e) => /* @__PURE__ */ t("span", {
+					className: "dishui-ai-issue-card__label",
+					children: e.text
+				}, e.key))
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "dishui-ai-issue-card__footer",
+				children: [
+					c != null && /* @__PURE__ */ t("span", {
+						className: e("dishui-ai-issue-card__icon", `dishui-ai-issue-card__icon--${l}`),
+						"aria-hidden": "true",
+						children: c
+					}),
+					u != null && /* @__PURE__ */ t("span", {
+						className: "dishui-ai-issue-card__id",
+						children: u
+					}),
+					d !== "none" && /* @__PURE__ */ t("span", {
+						className: e("dishui-ai-issue-card__priority", `dishui-ai-issue-card__priority--${d}`),
+						role: "img",
+						"aria-label": r[d],
+						title: r[d]
+					}),
+					/* @__PURE__ */ t("span", { className: "dishui-ai-issue-card__spacer" }),
+					f != null && /* @__PURE__ */ t("span", {
+						className: "dishui-ai-issue-card__count",
+						children: f
+					}),
+					p != null && /* @__PURE__ */ t("span", {
+						className: "dishui-ai-issue-card__assignee",
+						children: p
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/IssueCard/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../utils/cn';\nimport './IssueCard.css';\n\n/** Priority tone drives the small trailing dot beside the identifier. */\nexport type IssuePriority = 'none' | 'low' | 'medium' | 'high' | 'urgent';\n\n/** Accent stripe on the leading edge of the card. */\nexport type IssueAccent = 'none' | 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\nexport type IssueLabel = {\n  id?: string;\n  text: React.ReactNode;\n};\n\nexport type IssueCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'> & {\n  /** Primary issue title. */\n  title: React.ReactNode;\n  /** Short labels/tags shown below the title (e.g. `ui`, `infra`). */\n  labels?: Array<IssueLabel | string>;\n  /** Leading icon slot (e.g. issue type glyph). Style the box via `iconTone`. */\n  icon?: React.ReactNode;\n  /** Colour of the leading icon box. */\n  iconTone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n  /** Human-facing identifier, rendered in a monospace, tabular style (e.g. `FCE-38`). */\n  identifier?: React.ReactNode;\n  /** Priority drives the coloured dot next to the identifier. */\n  priority?: IssuePriority;\n  /** Numeric badge on the trailing edge (e.g. estimate/points). */\n  count?: React.ReactNode;\n  /** Assignee slot, typically an `Avatar`. */\n  assignee?: React.ReactNode;\n  /** Coloured stripe on the leading edge. Defaults to `none`. */\n  accent?: IssueAccent;\n  /** Selected state (raises border + subtle surface shift). */\n  selected?: boolean;\n  /** Click handler turns the card into a button for keyboard users. */\n  onSelect?: () => void;\n};\n\nconst PRIORITY_LABEL: Record<IssuePriority, string> = {\n  none: 'No priority',\n  low: 'Low priority',\n  medium: 'Medium priority',\n  high: 'High priority',\n  urgent: 'Urgent priority',\n};\n\nconst EMPTY_LABELS: Array<IssueLabel | string> = [];\n\nconst toLabel = (label: IssueLabel | string, index: number): IssueLabel & { key: string } => {\n  if (typeof label === 'string') return { text: label, key: `${label}-${index}` };\n  return { ...label, key: label.id ?? `${String(label.text)}-${index}` };\n};\n\n/**\n * Linear-style issue card: an optional accent stripe, a title, small labels,\n * and a footer that pairs a type icon, identifier, a priority dot, an estimate\n * and an assignee. Status is always carried by text/icon, never colour alone.\n */\nexport default function IssueCard({\n  title,\n  labels = EMPTY_LABELS,\n  icon,\n  iconTone = 'neutral',\n  identifier,\n  priority = 'none',\n  count,\n  assignee,\n  accent = 'none',\n  selected = false,\n  onSelect,\n  className,\n  ...rest\n}: IssueCardProps) {\n  const interactive = !!onSelect;\n  const items = labels.map(toLabel);\n\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'dishui-ai-issue-card',\n        accent !== 'none' && `dishui-ai-issue-card--accent-${accent}`,\n        selected && 'dishui-ai-issue-card--selected',\n        interactive && 'dishui-ai-issue-card--interactive',\n        className,\n      )}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-pressed={interactive ? selected : undefined}\n      onClick={interactive ? onSelect : rest.onClick}\n      onKeyDown={interactive ? (event) => {\n        if (event.target !== event.currentTarget) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          if (!event.repeat) onSelect?.();\n        }\n      } : undefined}\n    >\n      <h3 className=\"dishui-ai-issue-card__title\">{title}</h3>\n\n      {items.length > 0 && (\n        <div className=\"dishui-ai-issue-card__labels\">\n          {items.map(label => (\n            <span key={label.key} className=\"dishui-ai-issue-card__label\">{label.text}</span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"dishui-ai-issue-card__footer\">\n        {icon !== null && icon !== undefined && (\n          <span className={cn('dishui-ai-issue-card__icon', `dishui-ai-issue-card__icon--${iconTone}`)} aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {identifier !== null && identifier !== undefined && (\n          <span className=\"dishui-ai-issue-card__id\">{identifier}</span>\n        )}\n        {priority !== 'none' && (\n          <span\n            className={cn('dishui-ai-issue-card__priority', `dishui-ai-issue-card__priority--${priority}`)}\n            role=\"img\"\n            aria-label={PRIORITY_LABEL[priority]}\n            title={PRIORITY_LABEL[priority]}\n          />\n        )}\n        <span className=\"dishui-ai-issue-card__spacer\" />\n        {count !== null && count !== undefined && (\n          <span className=\"dishui-ai-issue-card__count\">{count}</span>\n        )}\n        {assignee !== null && assignee !== undefined && (\n          <span className=\"dishui-ai-issue-card__assignee\">{assignee}</span>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAwCA,IAAM,IAAgD;CACpD,MAAM;CACN,KAAK;CACL,QAAQ;CACR,MAAM;CACN,QAAQ;AACV,GAEM,IAA2C,CAAC,GAE5C,KAAW,GAA4B,MACvC,OAAO,KAAU,WAAiB;CAAE,MAAM;CAAO,KAAK,GAAG,EAAM,GAAG;AAAQ,IACvE;CAAE,GAAG;CAAO,KAAK,EAAM,MAAM,GAAG,OAAO,EAAM,IAAI,EAAE,GAAG;AAAQ;AAQvE,SAAwB,EAAU,EAChC,UACA,YAAS,GACT,SACA,cAAW,WACX,eACA,cAAW,QACX,UACA,aACA,YAAS,QACT,cAAW,IACX,aACA,cACA,GAAG,KACc;CACjB,IAAM,IAAc,CAAC,CAAC,GAChB,IAAQ,EAAO,IAAI,CAAO;CAEhC,OACE,kBAAC,OAAD;EACE,GAAI;EACJ,WAAW,EACT,wBACA,MAAW,UAAU,gCAAgC,KACrD,KAAY,kCACZ,KAAe,qCACf,CACF;EACA,MAAM,IAAc,WAAW,KAAA;EAC/B,UAAU,IAAc,IAAI,KAAA;EAC5B,gBAAc,IAAc,IAAW,KAAA;EACvC,SAAS,IAAc,IAAW,EAAK;EACvC,WAAW,KAAe,MAAU;GAC9B,EAAM,WAAW,EAAM,kBACvB,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GAChB,EAAM,UAAQ,IAAW;EAElC,IAAI,KAAA;EAnBN,UAAA;GAqBE,kBAAC,MAAD;IAAI,WAAU;IAA+B,UAAA;GAAU,CAAA;GAEtD,EAAM,SAAS,KACd,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,EAAM,KAAI,MACT,kBAAC,QAAD;KAAsB,WAAU;KAA+B,UAAA,EAAM;IAAW,GAArE,EAAM,GAA+D,CACjF;GACE,CAAA;GAGP,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACG,KAAS,QACR,kBAAC,QAAD;MAAM,WAAW,EAAG,8BAA8B,+BAA+B,GAAU;MAAG,eAAY;MACvG,UAAA;KACG,CAAA;KAEP,KAAe,QACd,kBAAC,QAAD;MAAM,WAAU;MAA4B,UAAA;KAAiB,CAAA;KAE9D,MAAa,UACZ,kBAAC,QAAD;MACE,WAAW,EAAG,kCAAkC,mCAAmC,GAAU;MAC7F,MAAK;MACL,cAAY,EAAe;MAC3B,OAAO,EAAe;KACvB,CAAA;KAEH,kBAAC,QAAD,EAAM,WAAU,+BAAgC,CAAA;KAC/C,KAAU,QACT,kBAAC,QAAD;MAAM,WAAU;MAA+B,UAAA;KAAY,CAAA;KAE5D,KAAa,QACZ,kBAAC,QAAD;MAAM,WAAU;MAAkC,UAAA;KAAe,CAAA;IAEhE;;EACF;;AAET"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export type LoadingStateVariant = 'grid' | 'drive' | 'dots' | 'orbit' | 'surfer';
+export type LoadingStateProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** Short present-tense verb shown next to the glyph, e.g. `Churning`, `Searching`. */
+    label?: React.ReactNode;
+    /** Glyph animation. All variants are indeterminate and respect reduced motion. */
+    variant?: LoadingStateVariant;
+    /** Show the elapsed time next to the label. */
+    showElapsed?: boolean;
+    /** Epoch milliseconds the work started; defaults to mount time. */
+    startedAt?: number;
+    /** Controlled elapsed time in milliseconds. When set, the internal timer is disabled. */
+    elapsedMs?: number;
+    /** `inline` sits in a sentence; `block` renders a bordered row. */
+    layout?: 'inline' | 'block';
+    size?: 'sm' | 'md';
+};
+/**
+ * Indeterminate agent progress: pixel-grid (or sibling) glyph, a short label
+ * and the elapsed time. Announces as a polite status region.
+ */
+export default function LoadingState({ label, variant, showElapsed, startedAt, elapsedMs, layout, size, className, ...rest }: LoadingStateProps): React.JSX.Element;

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

@@ -0,0 +1,80 @@
+import { cn as e } from "../../../utils/cn.js";
+import { formatElapsed as t } from "../shared.js";
+/* empty css             */
+import { useEffect as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ai/LoadingState/index.tsx
+var s = (e) => ({ "--i": e }), c = ({ variant: e }) => {
+	switch (e) {
+		case "drive": return /* @__PURE__ */ a("span", {
+			className: "dishui-ai-loading__drive",
+			children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ a("span", {
+				className: "dishui-ai-loading__cell",
+				style: s(t)
+			}, t))
+		});
+		case "dots": return /* @__PURE__ */ a("span", {
+			className: "dishui-ai-loading__dots",
+			children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ a("span", {
+				className: "dishui-ai-loading__dot",
+				style: s(t)
+			}, t))
+		});
+		case "orbit": return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", { className: "dishui-ai-loading__orbit" }), /* @__PURE__ */ a("span", { className: "dishui-ai-loading__satellite" })] });
+		case "surfer": return /* @__PURE__ */ a("span", {
+			className: "dishui-ai-loading__surfer",
+			children: Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ a("span", {
+				className: "dishui-ai-loading__bar",
+				style: s(t)
+			}, t))
+		});
+		default: return /* @__PURE__ */ a("span", {
+			className: "dishui-ai-loading__grid",
+			children: Array.from({ length: 16 }, (e, t) => {
+				let n = Math.floor(t / 4) + t % 4;
+				return /* @__PURE__ */ a("span", {
+					className: "dishui-ai-loading__cell",
+					style: s(n)
+				}, t);
+			})
+		});
+	}
+};
+function l({ label: i = "Thinking", variant: s = "grid", showElapsed: l = !0, startedAt: u, elapsedMs: d, layout: f = "inline", size: p = "md", className: m, ...h }) {
+	let [g, _] = r(0), v = d !== void 0;
+	n(() => {
+		if (v || !l) return;
+		let e = u ?? Date.now(), t = window.setInterval(() => _(Date.now() - e), 100);
+		return () => window.clearInterval(t);
+	}, [
+		v,
+		l,
+		u
+	]);
+	let y = v ? d : g;
+	return /* @__PURE__ */ o("div", {
+		role: "status",
+		"aria-live": "polite",
+		...h,
+		className: e("dishui-ai-loading", `dishui-ai-loading--${s}`, p === "sm" && "dishui-ai-loading--sm", f === "block" && "dishui-ai-loading--block", m),
+		children: [
+			/* @__PURE__ */ a("span", {
+				className: "dishui-ai-loading__glyph",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ a(c, { variant: s })
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "dishui-ai-loading__label",
+				children: i
+			}),
+			l && /* @__PURE__ */ a("span", {
+				className: "dishui-ai-loading__elapsed",
+				children: t(y)
+			})
+		]
+	});
+}
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/LoadingState/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { formatElapsed } from '../shared';\nimport './LoadingState.css';\n\nexport type LoadingStateVariant = 'grid' | 'drive' | 'dots' | 'orbit' | 'surfer';\n\nexport type LoadingStateProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n  /** Short present-tense verb shown next to the glyph, e.g. `Churning`, `Searching`. */\n  label?: React.ReactNode;\n  /** Glyph animation. All variants are indeterminate and respect reduced motion. */\n  variant?: LoadingStateVariant;\n  /** Show the elapsed time next to the label. */\n  showElapsed?: boolean;\n  /** Epoch milliseconds the work started; defaults to mount time. */\n  startedAt?: number;\n  /** Controlled elapsed time in milliseconds. When set, the internal timer is disabled. */\n  elapsedMs?: number;\n  /** `inline` sits in a sentence; `block` renders a bordered row. */\n  layout?: 'inline' | 'block';\n  size?: 'sm' | 'md';\n};\n\nconst index = (i: number) => ({ '--i': i } as React.CSSProperties);\n\nconst Glyph: React.FC<{ variant: LoadingStateVariant }> = ({ variant }) => {\n  switch (variant) {\n    case 'drive':\n      return (\n        <span className=\"dishui-ai-loading__drive\">\n          {Array.from({ length: 4 }, (_, i) => <span key={i} className=\"dishui-ai-loading__cell\" style={index(i)} />)}\n        </span>\n      );\n    case 'dots':\n      return (\n        <span className=\"dishui-ai-loading__dots\">\n          {Array.from({ length: 3 }, (_, i) => <span key={i} className=\"dishui-ai-loading__dot\" style={index(i)} />)}\n        </span>\n      );\n    case 'orbit':\n      return (\n        <>\n          <span className=\"dishui-ai-loading__orbit\" />\n          <span className=\"dishui-ai-loading__satellite\" />\n        </>\n      );\n    case 'surfer':\n      return (\n        <span className=\"dishui-ai-loading__surfer\">\n          {Array.from({ length: 5 }, (_, i) => <span key={i} className=\"dishui-ai-loading__bar\" style={index(i)} />)}\n        </span>\n      );\n    default:\n      return (\n        <span className=\"dishui-ai-loading__grid\">\n          {Array.from({ length: 16 }, (_, i) => {\n            // Diagonal sweep: delay grows with row + column.\n            const delay = Math.floor(i / 4) + (i % 4);\n            return <span key={i} className=\"dishui-ai-loading__cell\" style={index(delay)} />;\n          })}\n        </span>\n      );\n  }\n};\n\n/**\n * Indeterminate agent progress: pixel-grid (or sibling) glyph, a short label\n * and the elapsed time. Announces as a polite status region.\n */\nexport default function LoadingState({\n  label = 'Thinking',\n  variant = 'grid',\n  showElapsed = true,\n  startedAt,\n  elapsedMs,\n  layout = 'inline',\n  size = 'md',\n  className,\n  ...rest\n}: LoadingStateProps) {\n  const [internalElapsed, setInternalElapsed] = useState(0);\n  const controlled = elapsedMs !== undefined;\n\n  useEffect(() => {\n    if (controlled || !showElapsed) return;\n    const start = startedAt ?? Date.now();\n    const id = window.setInterval(() => setInternalElapsed(Date.now() - start), 100);\n    return () => window.clearInterval(id);\n  }, [controlled, showElapsed, startedAt]);\n\n  const elapsed = controlled ? elapsedMs : internalElapsed;\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      {...rest}\n      className={cn(\n        'dishui-ai-loading',\n        `dishui-ai-loading--${variant}`,\n        size === 'sm' && 'dishui-ai-loading--sm',\n        layout === 'block' && 'dishui-ai-loading--block',\n        className,\n      )}\n    >\n      <span className=\"dishui-ai-loading__glyph\" aria-hidden=\"true\">\n        <Glyph variant={variant} />\n      </span>\n      <span className=\"dishui-ai-loading__label\">{label}</span>\n      {showElapsed && <span className=\"dishui-ai-loading__elapsed\">{formatElapsed(elapsed)}</span>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAuBA,IAAM,KAAS,OAAe,EAAE,OAAO,EAAE,IAEnC,KAAqD,EAAE,iBAAc;CACzE,QAAQ,GAAR;EACE,KAAK,SACH,OACE,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,kBAAC,QAAD;IAAc,WAAU;IAA0B,OAAO,EAAM,CAAC;GAAI,GAAzD,CAAyD,CAAC;EACtG,CAAA;EAEV,KAAK,QACH,OACE,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,kBAAC,QAAD;IAAc,WAAU;IAAyB,OAAO,EAAM,CAAC;GAAI,GAAxD,CAAwD,CAAC;EACrG,CAAA;EAEV,KAAK,SACH,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD,EAAM,WAAU,2BAA4B,CAAA,GAC5C,kBAAC,QAAD,EAAM,WAAU,+BAAgC,CAAA,CAChD,EAAA,CAAA;EAEN,KAAK,UACH,OACE,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,kBAAC,QAAD;IAAc,WAAU;IAAyB,OAAO,EAAM,CAAC;GAAI,GAAxD,CAAwD,CAAC;EACrG,CAAA;EAEV,SACE,OACE,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM;IAEpC,IAAM,IAAQ,KAAK,MAAM,IAAI,CAAC,IAAK,IAAI;IACvC,OAAO,kBAAC,QAAD;KAAc,WAAU;KAA0B,OAAO,EAAM,CAAK;IAAI,GAA7D,CAA6D;GACjF,CAAC;EACG,CAAA;CAEZ;AACF;AAMA,SAAwB,EAAa,EACnC,WAAQ,YACR,aAAU,QACV,iBAAc,IACd,cACA,cACA,YAAS,UACT,UAAO,MACP,cACA,GAAG,KACiB;CACpB,IAAM,CAAC,GAAiB,KAAsB,EAAS,CAAC,GAClD,IAAa,MAAc,KAAA;CAEjC,QAAgB;EACd,IAAI,KAAc,CAAC,GAAa;EAChC,IAAM,IAAQ,KAAa,KAAK,IAAI,GAC9B,IAAK,OAAO,kBAAkB,EAAmB,KAAK,IAAI,IAAI,CAAK,GAAG,GAAG;EAC/E,aAAa,OAAO,cAAc,CAAE;CACtC,GAAG;EAAC;EAAY;EAAa;CAAS,CAAC;CAEvC,IAAM,IAAU,IAAa,IAAY;CAEzC,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,GAAI;EACJ,WAAW,EACT,qBACA,sBAAsB,KACtB,MAAS,QAAQ,yBACjB,MAAW,WAAW,4BACtB,CACF;EAVF,UAAA;GAYE,kBAAC,QAAD;IAAM,WAAU;IAA2B,eAAY;IACrD,UAAA,kBAAC,GAAD,EAAgB,WAAU,CAAA;GACtB,CAAA;GACN,kBAAC,QAAD;IAAM,WAAU;IAA4B,UAAA;GAAY,CAAA;GACvD,KAAe,kBAAC,QAAD;IAAM,WAAU;IAA8B,UAAA,EAAc,CAAO;GAAQ,CAAA;EACxF;;AAET"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+export type PromptAttachment = {
+    id: string;
+    name: string;
+    meta?: string;
+};
+export type PromptBarProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onChange'> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    busy?: boolean;
+    disabled?: boolean;
+    maxLength?: number;
+    attachments?: PromptAttachment[];
+    onRemoveAttachment?: (attachment: PromptAttachment) => void;
+    /** Controls rendered at the left side of the bottom toolbar. */
+    leading?: React.ReactNode;
+    /** Controls rendered before the character count and send button. */
+    actions?: React.ReactNode;
+    submitLabel?: string;
+};
+/** Composer assembled from DishUI Textarea and Button primitives. */
+export default function PromptBar({ value, defaultValue, onChange, onSubmit, placeholder, label, busy, disabled, maxLength, attachments, onRemoveAttachment, leading, actions, submitLabel, className, ...rest }: PromptBarProps): React.JSX.Element;

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

@@ -0,0 +1,117 @@
+import { cn as e } from "../../../utils/cn.js";
+import t from "../../Button/index.js";
+import n from "../../Textarea/index.js";
+/* empty css          */
+import { useId as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ai/PromptBar/index.tsx
+var c = [], l = ({ busy: e }) => e ? /* @__PURE__ */ o("span", {
+	className: "dishui-ai-prompt-bar__busy",
+	"aria-hidden": "true",
+	children: "•••"
+}) : /* @__PURE__ */ s("svg", {
+	"aria-hidden": "true",
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ o("path", { d: "m5 12 7-7 7 7" }), /* @__PURE__ */ o("path", { d: "M12 19V5" })]
+});
+function u({ value: u, defaultValue: d = "", onChange: f, onSubmit: p, placeholder: m = "Ask the agent…", label: h = "Prompt", busy: g = !1, disabled: _ = !1, maxLength: v, attachments: y = c, onRemoveAttachment: b, leading: x, actions: S, submitLabel: C = "Send", className: w, ...T }) {
+	let E = r(), D = i(null), [O, k] = a(d), A = u ?? O, j = (e) => {
+		u === void 0 && k(e), f?.(e);
+		let t = D.current;
+		t && (t.style.height = "auto", t.style.height = `${Math.min(t.scrollHeight, 160)}px`);
+	}, M = () => {
+		let e = A.trim();
+		e && !g && !_ && p?.(e);
+	};
+	return /* @__PURE__ */ s("form", {
+		...T,
+		className: e("dishui-ai-prompt-bar", w),
+		onSubmit: (e) => {
+			e.preventDefault(), M();
+		},
+		"aria-busy": g || void 0,
+		children: [y.length > 0 && /* @__PURE__ */ o("ul", {
+			className: "dishui-ai-prompt-bar__attachments",
+			"aria-label": "Attachments",
+			children: y.map((e) => /* @__PURE__ */ s("li", { children: [
+				/* @__PURE__ */ o("span", {
+					title: e.name,
+					children: e.name
+				}),
+				e.meta && /* @__PURE__ */ o("small", { children: e.meta }),
+				b && /* @__PURE__ */ o(t, {
+					type: "button",
+					variant: "ghost",
+					size: "xs",
+					square: !0,
+					"aria-label": `Remove ${e.name}`,
+					disabled: _ || g,
+					onClick: () => b(e),
+					children: "×"
+				})
+			] }, e.id))
+		}), /* @__PURE__ */ s("div", {
+			className: "dishui-ai-prompt-bar__main",
+			children: [
+				x && /* @__PURE__ */ o("div", {
+					className: "dishui-ai-prompt-bar__leading",
+					children: x
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "dishui-ai-prompt-bar__editor",
+					children: /* @__PURE__ */ o(n, {
+						ref: D,
+						id: E,
+						"aria-label": h,
+						rows: 1,
+						value: A,
+						maxLength: v,
+						disabled: _,
+						placeholder: m,
+						wrapperClassName: "dishui-ai-prompt-bar__textarea-wrap",
+						className: "dishui-ai-prompt-bar__textarea",
+						onChange: (e) => j(e.target.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), M());
+						}
+					})
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "dishui-ai-prompt-bar__actions",
+					children: [
+						S,
+						v !== void 0 && /* @__PURE__ */ s("span", {
+							className: "dishui-ai-prompt-bar__count",
+							children: [
+								A.length,
+								"/",
+								v
+							]
+						}),
+						/* @__PURE__ */ o(t, {
+							type: "submit",
+							variant: "primary",
+							size: "sm",
+							square: !0,
+							className: "dishui-ai-prompt-bar__submit",
+							disabled: _ || g || !A.trim(),
+							"aria-label": C,
+							children: /* @__PURE__ */ o(l, { busy: g })
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/PromptBar/index.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from 'react';\nimport Button from '../../Button';\nimport Textarea from '../../Textarea';\nimport { cn } from '../../../utils/cn';\nimport './PromptBar.css';\n\nconst EMPTY_ATTACHMENTS: PromptAttachment[] = [];\n\nexport type PromptAttachment = { id: string; name: string; meta?: string };\nexport type PromptBarProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onChange'> & {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  placeholder?: string;\n  label?: string;\n  busy?: boolean;\n  disabled?: boolean;\n  maxLength?: number;\n  attachments?: PromptAttachment[];\n  onRemoveAttachment?: (attachment: PromptAttachment) => void;\n  /** Controls rendered at the left side of the bottom toolbar. */\n  leading?: React.ReactNode;\n  /** Controls rendered before the character count and send button. */\n  actions?: React.ReactNode;\n  submitLabel?: string;\n};\n\nconst SendIcon = ({ busy }: { busy: boolean }) => busy ? (\n  <span className=\"dishui-ai-prompt-bar__busy\" aria-hidden=\"true\">•••</span>\n) : (\n  <svg aria-hidden=\"true\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d=\"m5 12 7-7 7 7\" /><path d=\"M12 19V5\" />\n  </svg>\n);\n\n/** Composer assembled from DishUI Textarea and Button primitives. */\nexport default function PromptBar({\n  value,\n  defaultValue = '',\n  onChange,\n  onSubmit,\n  placeholder = 'Ask the agent…',\n  label = 'Prompt',\n  busy = false,\n  disabled = false,\n  maxLength,\n  attachments = EMPTY_ATTACHMENTS,\n  onRemoveAttachment,\n  leading,\n  actions,\n  submitLabel = 'Send',\n  className,\n  ...rest\n}: PromptBarProps) {\n  const id = useId();\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [internal, setInternal] = useState(defaultValue);\n  const text = value ?? internal;\n\n  const update = (next: string) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n    const textarea = textareaRef.current;\n    if (textarea) {\n      textarea.style.height = 'auto';\n      textarea.style.height = `${Math.min(textarea.scrollHeight, 160)}px`;\n    }\n  };\n  const submit = () => {\n    const next = text.trim();\n    if (next && !busy && !disabled) onSubmit?.(next);\n  };\n\n  return (\n    <form {...rest} className={cn('dishui-ai-prompt-bar', className)} onSubmit={event => { event.preventDefault(); submit(); }} aria-busy={busy || undefined}>\n      {attachments.length > 0 && (\n        <ul className=\"dishui-ai-prompt-bar__attachments\" aria-label=\"Attachments\">\n          {attachments.map(file => (\n            <li key={file.id}>\n              <span title={file.name}>{file.name}</span>\n              {file.meta && <small>{file.meta}</small>}\n              {onRemoveAttachment && (\n                <Button type=\"button\" variant=\"ghost\" size=\"xs\" square aria-label={`Remove ${file.name}`} disabled={disabled || busy} onClick={() => onRemoveAttachment(file)}>×</Button>\n              )}\n            </li>\n          ))}\n        </ul>\n      )}\n      <div className=\"dishui-ai-prompt-bar__main\">\n        {leading && <div className=\"dishui-ai-prompt-bar__leading\">{leading}</div>}\n        <div className=\"dishui-ai-prompt-bar__editor\">\n          <Textarea\n            ref={textareaRef}\n            id={id}\n            aria-label={label}\n            rows={1}\n            value={text}\n            maxLength={maxLength}\n            disabled={disabled}\n            placeholder={placeholder}\n            wrapperClassName=\"dishui-ai-prompt-bar__textarea-wrap\"\n            className=\"dishui-ai-prompt-bar__textarea\"\n            onChange={event => update(event.target.value)}\n            onKeyDown={event => {\n              if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n                event.preventDefault();\n                submit();\n              }\n            }}\n          />\n        </div>\n        <div className=\"dishui-ai-prompt-bar__actions\">\n          {actions}\n          {maxLength !== undefined && <span className=\"dishui-ai-prompt-bar__count\">{text.length}/{maxLength}</span>}\n          <Button\n            type=\"submit\"\n            variant=\"primary\"\n            size=\"sm\"\n            square\n            className=\"dishui-ai-prompt-bar__submit\"\n            disabled={disabled || busy || !text.trim()}\n            aria-label={submitLabel}\n          >\n            <SendIcon busy={busy} />\n          </Button>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+export type ConfidenceLevel = 'high' | 'medium' | 'low';
+export type Recommendation = {
+    title: React.ReactNode;
+    detail?: React.ReactNode;
+    /** 0–1. */
+    confidence: number;
+};
+export type RecommendationAlternative = {
+    id: string;
+    title: React.ReactNode;
+    /** Short judgement shown on the right, e.g. `Needs review`, `No signal`. */
+    verdict?: React.ReactNode;
+    /** 0–1; when present a small meter is shown next to the verdict. */
+    confidence?: number;
+};
+export type RecommendationCardLabels = {
+    accept?: string;
+    alternatives?: string;
+    otherOptions?: string;
+};
+export type RecommendationCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** The agent's question, e.g. `Want me to place this restock order?` */
+    question: React.ReactNode;
+    recommendation: Recommendation;
+    alternatives?: RecommendationAlternative[];
+    /** Map a 0–1 confidence to its label. */
+    confidenceLabel?: (value: number) => string;
+    onAccept?: () => void;
+    /** When omitted, the button toggles the built-in alternatives list. */
+    onAlternatives?: () => void;
+    onSelectAlternative?: (alternative: RecommendationAlternative) => void;
+    labels?: RecommendationCardLabels;
+    /** Accept is in flight: both buttons disabled, Accept marked `aria-busy`. */
+    busy?: boolean;
+    disabled?: boolean;
+};
+export declare function confidenceLevel(value: number): ConfidenceLevel;
+/**
+ * An agent suggestion: the question it is answering, the recommended
+ * action with a segmented confidence meter, optional alternatives and a
+ * secondary/primary action pair.
+ */
+export default function RecommendationCard({ question, recommendation, alternatives, confidenceLabel, onAccept, onAlternatives, onSelectAlternative, labels, busy, disabled, className, ...rest }: RecommendationCardProps): React.JSX.Element;

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

@@ -0,0 +1,142 @@
+import { cn as e } from "../../../utils/cn.js";
+import t from "../../Button/index.js";
+import { clamp as n } from "../shared.js";
+/* empty css                   */
+import { useId as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ai/RecommendationCard/index.tsx
+var c = {
+	accept: "Accept",
+	alternatives: "Alternatives",
+	otherOptions: "Other options"
+}, l = 5;
+function u(e) {
+	return e >= .75 ? "high" : e >= .45 ? "medium" : "low";
+}
+var d = (e) => {
+	switch (u(e)) {
+		case "high": return "High confidence";
+		case "medium": return "Medium confidence";
+		default: return "Low confidence";
+	}
+}, f = ({ value: t, label: r, compact: i }) => {
+	let a = n(Number.isFinite(t) ? t : 0, 0, 1), c = a === 0 ? 0 : Math.max(1, Math.round(a * l)), d = u(a);
+	return /* @__PURE__ */ s("div", {
+		className: e("dishui-ai-recommendation-card__meter", `dishui-ai-recommendation-card__meter--${d}`, i && "dishui-ai-recommendation-card__meter--compact"),
+		role: "meter",
+		"aria-valuemin": 0,
+		"aria-valuemax": 1,
+		"aria-valuenow": a,
+		"aria-valuetext": r,
+		"aria-label": "Confidence",
+		children: [/* @__PURE__ */ o("span", {
+			className: "dishui-ai-recommendation-card__segments",
+			"aria-hidden": "true",
+			children: Array.from({ length: l }, (t, n) => /* @__PURE__ */ o("span", { className: e("dishui-ai-recommendation-card__segment", n < c && "dishui-ai-recommendation-card__segment--on") }, n))
+		}), !i && /* @__PURE__ */ o("span", {
+			className: "dishui-ai-recommendation-card__meter-label",
+			children: r
+		})]
+	});
+};
+function p({ question: n, recommendation: l, alternatives: u, confidenceLabel: p = d, onAccept: m, onAlternatives: h, onSelectAlternative: g, labels: _, busy: v = !1, disabled: y = !1, className: b, ...x }) {
+	let S = r(), C = {
+		...c,
+		..._
+	}, [w, T] = i(!1), E = !!u?.length, D = `${S}-alternatives`, O = v || y, k = () => {
+		h ? h() : T((e) => !e);
+	};
+	return /* @__PURE__ */ s("div", {
+		...x,
+		className: e("dishui-ai-recommendation-card", b),
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "dishui-ai-recommendation-card__question",
+				children: n
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "dishui-ai-recommendation-card__body",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "dishui-ai-recommendation-card__title",
+						children: l.title
+					}),
+					l.detail !== void 0 && /* @__PURE__ */ o("div", {
+						className: "dishui-ai-recommendation-card__detail",
+						children: l.detail
+					}),
+					/* @__PURE__ */ o(f, {
+						value: l.confidence,
+						label: p(l.confidence)
+					})
+				]
+			}),
+			E && /* @__PURE__ */ s("div", {
+				id: D,
+				className: "dishui-ai-recommendation-card__alternatives",
+				hidden: !w,
+				children: [/* @__PURE__ */ o("div", {
+					className: "dishui-ai-recommendation-card__alternatives-title",
+					children: C.otherOptions
+				}), /* @__PURE__ */ o("ul", {
+					className: "dishui-ai-recommendation-card__list",
+					children: u.map((e) => {
+						let t = /* @__PURE__ */ s(a, { children: [
+							/* @__PURE__ */ o("span", {
+								className: "dishui-ai-recommendation-card__alt-title",
+								children: e.title
+							}),
+							e.confidence !== void 0 && /* @__PURE__ */ o(f, {
+								value: e.confidence,
+								label: p(e.confidence),
+								compact: !0
+							}),
+							e.verdict !== void 0 && /* @__PURE__ */ o("span", {
+								className: "dishui-ai-recommendation-card__verdict",
+								children: e.verdict
+							})
+						] });
+						return /* @__PURE__ */ o("li", {
+							className: "dishui-ai-recommendation-card__alt",
+							children: g ? /* @__PURE__ */ o("button", {
+								type: "button",
+								className: "dishui-ai-recommendation-card__alt-button",
+								disabled: O,
+								onClick: () => g(e),
+								children: t
+							}) : /* @__PURE__ */ o("div", {
+								className: "dishui-ai-recommendation-card__alt-button dishui-ai-recommendation-card__alt-button--static",
+								children: t
+							})
+						}, e.id);
+					})
+				})]
+			}),
+			(m || h || E) && /* @__PURE__ */ s("div", {
+				className: "dishui-ai-recommendation-card__actions",
+				children: [(h || E) && /* @__PURE__ */ o(t, {
+					type: "button",
+					variant: "secondary",
+					size: "sm",
+					disabled: O,
+					"aria-expanded": h ? void 0 : w,
+					"aria-controls": h || !E ? void 0 : D,
+					onClick: k,
+					children: C.alternatives
+				}), m && /* @__PURE__ */ o(t, {
+					type: "button",
+					variant: "primary",
+					size: "sm",
+					disabled: O,
+					"aria-busy": v || void 0,
+					onClick: m,
+					children: C.accept
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { u as confidenceLevel, p as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/RecommendationCard/index.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport Button from '../../Button';\nimport { clamp } from '../shared';\nimport './RecommendationCard.css';\n\nexport type ConfidenceLevel = 'high' | 'medium' | 'low';\n\nexport type Recommendation = {\n  title: React.ReactNode;\n  detail?: React.ReactNode;\n  /** 0–1. */\n  confidence: number;\n};\n\nexport type RecommendationAlternative = {\n  id: string;\n  title: React.ReactNode;\n  /** Short judgement shown on the right, e.g. `Needs review`, `No signal`. */\n  verdict?: React.ReactNode;\n  /** 0–1; when present a small meter is shown next to the verdict. */\n  confidence?: number;\n};\n\nexport type RecommendationCardLabels = {\n  accept?: string;\n  alternatives?: string;\n  otherOptions?: string;\n};\n\nexport type RecommendationCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n  /** The agent's question, e.g. `Want me to place this restock order?` */\n  question: React.ReactNode;\n  recommendation: Recommendation;\n  alternatives?: RecommendationAlternative[];\n  /** Map a 0–1 confidence to its label. */\n  confidenceLabel?: (value: number) => string;\n  onAccept?: () => void;\n  /** When omitted, the button toggles the built-in alternatives list. */\n  onAlternatives?: () => void;\n  onSelectAlternative?: (alternative: RecommendationAlternative) => void;\n  labels?: RecommendationCardLabels;\n  /** Accept is in flight: both buttons disabled, Accept marked `aria-busy`. */\n  busy?: boolean;\n  disabled?: boolean;\n};\n\nconst DEFAULT_LABELS: Required<RecommendationCardLabels> = {\n  accept: 'Accept',\n  alternatives: 'Alternatives',\n  otherOptions: 'Other options',\n};\n\nconst SEGMENTS = 5;\n\nexport function confidenceLevel(value: number): ConfidenceLevel {\n  if (value >= 0.75) return 'high';\n  if (value >= 0.45) return 'medium';\n  return 'low';\n}\n\nconst defaultConfidenceLabel = (value: number) => {\n  switch (confidenceLevel(value)) {\n    case 'high': return 'High confidence';\n    case 'medium': return 'Medium confidence';\n    default: return 'Low confidence';\n  }\n};\n\nconst ConfidenceMeter: React.FC<{ value: number; label: string; compact?: boolean }> = ({ value, label, compact }) => {\n  const v = clamp(Number.isFinite(value) ? value : 0, 0, 1);\n  const filled = v === 0 ? 0 : Math.max(1, Math.round(v * SEGMENTS));\n  const level = confidenceLevel(v);\n  return (\n    <div\n      className={cn('dishui-ai-recommendation-card__meter', `dishui-ai-recommendation-card__meter--${level}`, compact && 'dishui-ai-recommendation-card__meter--compact')}\n      role=\"meter\"\n      aria-valuemin={0}\n      aria-valuemax={1}\n      aria-valuenow={v}\n      aria-valuetext={label}\n      aria-label=\"Confidence\"\n    >\n      <span className=\"dishui-ai-recommendation-card__segments\" aria-hidden=\"true\">\n        {Array.from({ length: SEGMENTS }, (_, i) => (\n          <span key={i} className={cn('dishui-ai-recommendation-card__segment', i < filled && 'dishui-ai-recommendation-card__segment--on')} />\n        ))}\n      </span>\n      {!compact && <span className=\"dishui-ai-recommendation-card__meter-label\">{label}</span>}\n    </div>\n  );\n};\n\n/**\n * An agent suggestion: the question it is answering, the recommended\n * action with a segmented confidence meter, optional alternatives and a\n * secondary/primary action pair.\n */\nexport default function RecommendationCard({\n  question,\n  recommendation,\n  alternatives,\n  confidenceLabel = defaultConfidenceLabel,\n  onAccept,\n  onAlternatives,\n  onSelectAlternative,\n  labels,\n  busy = false,\n  disabled = false,\n  className,\n  ...rest\n}: RecommendationCardProps) {\n  const baseId = useId();\n  const text = { ...DEFAULT_LABELS, ...labels };\n  const [showAlternatives, setShowAlternatives] = useState(false);\n  const hasAlternatives = !!alternatives?.length;\n  const listId = `${baseId}-alternatives`;\n  const inert = busy || disabled;\n\n  const handleAlternatives = () => {\n    if (onAlternatives) onAlternatives();\n    else setShowAlternatives(v => !v);\n  };\n\n  return (\n    <div {...rest} className={cn('dishui-ai-recommendation-card', className)}>\n      <div className=\"dishui-ai-recommendation-card__question\">{question}</div>\n\n      <div className=\"dishui-ai-recommendation-card__body\">\n        <div className=\"dishui-ai-recommendation-card__title\">{recommendation.title}</div>\n        {recommendation.detail !== undefined && (\n          <div className=\"dishui-ai-recommendation-card__detail\">{recommendation.detail}</div>\n        )}\n        <ConfidenceMeter value={recommendation.confidence} label={confidenceLabel(recommendation.confidence)} />\n      </div>\n\n      {hasAlternatives && (\n        <div\n          id={listId}\n          className=\"dishui-ai-recommendation-card__alternatives\"\n          hidden={!showAlternatives}\n        >\n          <div className=\"dishui-ai-recommendation-card__alternatives-title\">{text.otherOptions}</div>\n          <ul className=\"dishui-ai-recommendation-card__list\">\n            {alternatives!.map(alt => {\n              const inner = (\n                <>\n                  <span className=\"dishui-ai-recommendation-card__alt-title\">{alt.title}</span>\n                  {alt.confidence !== undefined && (\n                    <ConfidenceMeter value={alt.confidence} label={confidenceLabel(alt.confidence)} compact />\n                  )}\n                  {alt.verdict !== undefined && <span className=\"dishui-ai-recommendation-card__verdict\">{alt.verdict}</span>}\n                </>\n              );\n              return (\n                <li key={alt.id} className=\"dishui-ai-recommendation-card__alt\">\n                  {onSelectAlternative ? (\n                    <button\n                      type=\"button\"\n                      className=\"dishui-ai-recommendation-card__alt-button\"\n                      disabled={inert}\n                      onClick={() => onSelectAlternative(alt)}\n                    >\n                      {inner}\n                    </button>\n                  ) : (\n                    <div className=\"dishui-ai-recommendation-card__alt-button dishui-ai-recommendation-card__alt-button--static\">{inner}</div>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      )}\n\n      {(onAccept || onAlternatives || hasAlternatives) && (\n        <div className=\"dishui-ai-recommendation-card__actions\">\n          {(onAlternatives || hasAlternatives) && (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"sm\"\n              disabled={inert}\n              aria-expanded={onAlternatives ? undefined : showAlternatives}\n              aria-controls={onAlternatives || !hasAlternatives ? undefined : listId}\n              onClick={handleAlternatives}\n            >\n              {text.alternatives}\n            </Button>\n          )}\n          {onAccept && (\n            <Button type=\"button\" variant=\"primary\" size=\"sm\" disabled={inert} aria-busy={busy || undefined} onClick={onAccept}>\n              {text.accept}\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}