dishui 0.0.89 → 0.0.97

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

@@ -0,0 +1,70 @@
+import React from 'react';
+export type DiffTableColumn = {
+    key: string;
+    label: React.ReactNode;
+    align?: 'left' | 'right';
+    /** Render the cell in the mono font (IDs, SKUs). */
+    mono?: boolean;
+};
+export type DiffCellValue = string | number | null;
+/** A plain value is unchanged; an object describes a `before → after` edit. */
+export type DiffCell = DiffCellValue | {
+    before?: DiffCellValue;
+    after?: DiffCellValue;
+};
+export type DiffRowChange = 'added' | 'removed' | 'modified';
+export type DiffRow = {
+    id: string;
+    cells: Record<string, DiffCell>;
+    /** Row-level change. Omitted rows are inferred as `modified` when any cell is an edit. */
+    change?: DiffRowChange;
+};
+export type DiffDecision = 'accepted' | 'rejected';
+export type DiffTableProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'summary'> & {
+    columns: DiffTableColumn[];
+    rows: DiffRow[];
+    title?: React.ReactNode;
+    /** Summary line under the title. Auto-computed (`3 changes across 2 rows`) when omitted. */
+    summary?: React.ReactNode;
+    /** Reveal changed rows one by one, top to bottom. */
+    sweeping?: boolean;
+    /** Milliseconds between each revealed row while sweeping. */
+    sweepIntervalMs?: number;
+    onAcceptAll?: () => void;
+    onRejectAll?: () => void;
+    onAcceptRow?: (row: DiffRow) => void;
+    onRejectRow?: (row: DiffRow) => void;
+    /** Controlled per-row decisions, keyed by row id. */
+    decisions?: Record<string, DiffDecision>;
+    dense?: boolean;
+    /** Text overrides. */
+    labels?: Partial<typeof DEFAULT_LABELS>;
+};
+declare const DEFAULT_LABELS: {
+    added: string;
+    removed: string;
+    modified: string;
+    unchanged: string;
+    acceptAll: string;
+    rejectAll: string;
+    accept: string;
+    reject: string;
+    accepted: string;
+    rejected: string;
+    status: string;
+    actions: string;
+    empty: string;
+};
+export declare function isDiffCellChange(cell: DiffCell): cell is {
+    before?: DiffCellValue;
+    after?: DiffCellValue;
+};
+/** Infer the row's change kind from its explicit flag or its cells. */
+export declare function diffRowChange(row: DiffRow): DiffRowChange | undefined;
+/**
+ * AI-proposed edits sweeping through tabular data. Changed cells show the
+ * old value struck through next to the new one; added/removed rows are
+ * tinted and always labelled in the leading status column.
+ */
+export default function DiffTable({ columns, rows, title, summary, sweeping: sweepingProp, sweepIntervalMs, onAcceptAll, onRejectAll, onAcceptRow, onRejectRow, decisions, dense, labels: labelOverrides, className, ...rest }: DiffTableProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,235 @@
+import { cn as e } from "../../../utils/cn.js";
+import t from "../../Button/index.js";
+/* empty css          */
+import { useEffect as n, useMemo as r, useState as i, useSyncExternalStore as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ai/DiffTable/index.tsx
+var c = {
+	added: "Added",
+	removed: "Removed",
+	modified: "Changed",
+	unchanged: "—",
+	acceptAll: "Accept all",
+	rejectAll: "Reject all",
+	accept: "Accept",
+	reject: "Reject",
+	accepted: "Accepted",
+	rejected: "Rejected",
+	status: "Status",
+	actions: "Actions",
+	empty: "∅"
+};
+function l(e) {
+	return typeof e == "object" && !!e;
+}
+function u(e) {
+	return e.change ? e.change : Object.values(e.cells).some(l) ? "modified" : void 0;
+}
+function d(e) {
+	let t = e.change;
+	return t === "added" || t === "removed" ? 1 : Object.values(e.cells).filter(l).length;
+}
+var f = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, p = "(prefers-reduced-motion: reduce)", m = (e) => {
+	if (typeof window > "u" || !window.matchMedia) return () => {};
+	let t = window.matchMedia(p);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}, h = () => typeof window < "u" && !!window.matchMedia && window.matchMedia(p).matches, g = () => a(m, h, () => !1), _ = () => /* @__PURE__ */ o("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ o("path", { d: "M20 6 9 17l-5-5" })
+}), v = () => /* @__PURE__ */ o("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ o("path", { d: "M18 6 6 18M6 6l12 12" })
+}), y = (e, t) => e == null || e === "" ? /* @__PURE__ */ o("span", {
+	className: "dishui-ai-diff-table__empty",
+	children: t
+}) : String(e);
+function b({ columns: a, rows: p, title: m, summary: h, sweeping: b = !1, sweepIntervalMs: x = 220, onAcceptAll: S, onRejectAll: C, onAcceptRow: w, onRejectRow: T, decisions: E, dense: D = !1, labels: O, className: k, ...A }) {
+	let j = {
+		...c,
+		...O
+	}, M = r(() => p.filter((e) => u(e)).map((e) => e.id), [p]), N = r(() => p.reduce((e, t) => e + d(t), 0), [p]), P = g(), F = b && !P, [I, L] = i(0);
+	n(() => {
+		if (!F) return;
+		let e = M.length, t = window.setInterval(() => {
+			L((n) => (n + 1 >= e && window.clearInterval(t), Math.min(n + 1, e)));
+		}, Math.max(16, x));
+		return () => {
+			window.clearInterval(t), L(0);
+		};
+	}, [
+		F,
+		x,
+		M.length
+	]);
+	let R = r(() => F ? new Set(M.slice(0, I)) : null, [
+		F,
+		M,
+		I
+	]), z = !F || I >= M.length, B = !!(w || T), V = !!(S || C), H = `${f(N, "change")} across ${f(M.length, "row")}`;
+	return /* @__PURE__ */ s("div", {
+		...A,
+		className: e("dishui-ai-diff-table", D && "dishui-ai-diff-table--dense", F && !z && "dishui-ai-diff-table--sweeping", k),
+		children: [
+			(m || h !== null) && /* @__PURE__ */ s("div", {
+				className: "dishui-ai-diff-table__header",
+				children: [m && /* @__PURE__ */ o("div", {
+					className: "dishui-ai-diff-table__title",
+					children: m
+				}), /* @__PURE__ */ o("div", {
+					className: "dishui-ai-diff-table__summary",
+					"aria-live": "polite",
+					children: h ?? H
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "dishui-ai-diff-table__scroll",
+				children: /* @__PURE__ */ s("table", {
+					className: "dishui-ai-diff-table__table",
+					children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+						/* @__PURE__ */ o("th", {
+							scope: "col",
+							className: "dishui-ai-diff-table__th dishui-ai-diff-table__th--status",
+							children: j.status
+						}),
+						a.map((t) => /* @__PURE__ */ o("th", {
+							scope: "col",
+							className: e("dishui-ai-diff-table__th", t.align === "right" && "dishui-ai-diff-table__th--right"),
+							children: t.label
+						}, t.key)),
+						B && /* @__PURE__ */ o("th", {
+							scope: "col",
+							className: "dishui-ai-diff-table__th dishui-ai-diff-table__th--actions",
+							children: /* @__PURE__ */ o("span", {
+								className: "dishui-ai-diff-table__sr",
+								children: j.actions
+							})
+						})
+					] }) }), /* @__PURE__ */ o("tbody", { children: p.map((t) => {
+						let n = u(t), r = !n || !R || R.has(t.id), i = E?.[t.id];
+						return /* @__PURE__ */ s("tr", {
+							className: e("dishui-ai-diff-table__row", n && `dishui-ai-diff-table__row--${n}`, n && r && "dishui-ai-diff-table__row--revealed", i && `dishui-ai-diff-table__row--${i}`),
+							"data-change": n,
+							children: [
+								/* @__PURE__ */ o("td", {
+									className: "dishui-ai-diff-table__td dishui-ai-diff-table__td--status",
+									children: n && r ? /* @__PURE__ */ o("span", {
+										className: e("dishui-ai-diff-table__badge", `dishui-ai-diff-table__badge--${n}`),
+										children: j[n]
+									}) : /* @__PURE__ */ o("span", {
+										className: "dishui-ai-diff-table__badge dishui-ai-diff-table__badge--none",
+										"aria-hidden": "true",
+										children: j.unchanged
+									})
+								}),
+								a.map((i) => {
+									let a = t.cells[i.key], c = r && l(a), u = e("dishui-ai-diff-table__td", i.align === "right" && "dishui-ai-diff-table__td--right", i.mono && "dishui-ai-diff-table__td--mono", c && "dishui-ai-diff-table__td--changed");
+									return l(a) ? r ? /* @__PURE__ */ o("td", {
+										className: u,
+										children: /* @__PURE__ */ s("span", {
+											className: "dishui-ai-diff-table__change",
+											children: [
+												/* @__PURE__ */ o("del", {
+													className: "dishui-ai-diff-table__before",
+													children: y(a.before, j.empty)
+												}),
+												/* @__PURE__ */ o("span", {
+													className: "dishui-ai-diff-table__arrow",
+													"aria-hidden": "true",
+													children: "→"
+												}),
+												/* @__PURE__ */ o("ins", {
+													className: "dishui-ai-diff-table__after",
+													children: y(a.after, j.empty)
+												})
+											]
+										})
+									}, i.key) : /* @__PURE__ */ o("td", {
+										className: u,
+										children: y(a.before, j.empty)
+									}, i.key) : /* @__PURE__ */ o("td", {
+										className: u,
+										children: n === "removed" && r ? /* @__PURE__ */ o("del", {
+											className: "dishui-ai-diff-table__before",
+											children: y(a, j.empty)
+										}) : n === "added" && r ? /* @__PURE__ */ o("ins", {
+											className: "dishui-ai-diff-table__after",
+											children: y(a, j.empty)
+										}) : y(a, j.empty)
+									}, i.key);
+								}),
+								B && /* @__PURE__ */ o("td", {
+									className: "dishui-ai-diff-table__td dishui-ai-diff-table__td--actions",
+									children: n && r && (i ? /* @__PURE__ */ s("span", {
+										className: e("dishui-ai-diff-table__decision", `dishui-ai-diff-table__decision--${i}`),
+										children: [o(i === "accepted" ? _ : v, {}), j[i]]
+									}) : /* @__PURE__ */ s("span", {
+										className: "dishui-ai-diff-table__row-actions",
+										children: [w && /* @__PURE__ */ o("button", {
+											type: "button",
+											className: "dishui-ai-diff-table__icon-btn",
+											"aria-label": j.accept,
+											title: j.accept,
+											onClick: () => w(t),
+											children: /* @__PURE__ */ o(_, {})
+										}), T && /* @__PURE__ */ o("button", {
+											type: "button",
+											className: "dishui-ai-diff-table__icon-btn",
+											"aria-label": j.reject,
+											title: j.reject,
+											onClick: () => T(t),
+											children: /* @__PURE__ */ o(v, {})
+										})]
+									}))
+								})
+							]
+						}, t.id);
+					}) })]
+				})
+			}),
+			V && /* @__PURE__ */ s("div", {
+				className: "dishui-ai-diff-table__footer",
+				children: [/* @__PURE__ */ o("span", {
+					className: "dishui-ai-diff-table__footer-meta",
+					children: z ? H : "Reviewing…"
+				}), /* @__PURE__ */ s("span", {
+					className: "dishui-ai-diff-table__footer-actions",
+					children: [C && /* @__PURE__ */ o(t, {
+						type: "button",
+						variant: "secondary",
+						size: "sm",
+						onClick: C,
+						disabled: !z,
+						children: j.rejectAll
+					}), S && /* @__PURE__ */ o(t, {
+						type: "button",
+						variant: "primary",
+						size: "sm",
+						onClick: S,
+						disabled: !z,
+						children: j.acceptAll
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { b as default, u as diffRowChange, l as isDiffCellChange };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/DiffTable/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useSyncExternalStore } from 'react';\nimport { cn } from '../../../utils/cn';\nimport Button from '../../Button';\nimport './DiffTable.css';\n\nexport type DiffTableColumn = {\n  key: string;\n  label: React.ReactNode;\n  align?: 'left' | 'right';\n  /** Render the cell in the mono font (IDs, SKUs). */\n  mono?: boolean;\n};\n\nexport type DiffCellValue = string | number | null;\n\n/** A plain value is unchanged; an object describes a `before → after` edit. */\nexport type DiffCell = DiffCellValue | { before?: DiffCellValue; after?: DiffCellValue };\n\nexport type DiffRowChange = 'added' | 'removed' | 'modified';\n\nexport type DiffRow = {\n  id: string;\n  cells: Record<string, DiffCell>;\n  /** Row-level change. Omitted rows are inferred as `modified` when any cell is an edit. */\n  change?: DiffRowChange;\n};\n\nexport type DiffDecision = 'accepted' | 'rejected';\n\nexport type DiffTableProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'summary'> & {\n  columns: DiffTableColumn[];\n  rows: DiffRow[];\n  title?: React.ReactNode;\n  /** Summary line under the title. Auto-computed (`3 changes across 2 rows`) when omitted. */\n  summary?: React.ReactNode;\n  /** Reveal changed rows one by one, top to bottom. */\n  sweeping?: boolean;\n  /** Milliseconds between each revealed row while sweeping. */\n  sweepIntervalMs?: number;\n  onAcceptAll?: () => void;\n  onRejectAll?: () => void;\n  onAcceptRow?: (row: DiffRow) => void;\n  onRejectRow?: (row: DiffRow) => void;\n  /** Controlled per-row decisions, keyed by row id. */\n  decisions?: Record<string, DiffDecision>;\n  dense?: boolean;\n  /** Text overrides. */\n  labels?: Partial<typeof DEFAULT_LABELS>;\n};\n\nconst DEFAULT_LABELS = {\n  added: 'Added',\n  removed: 'Removed',\n  modified: 'Changed',\n  unchanged: '—',\n  acceptAll: 'Accept all',\n  rejectAll: 'Reject all',\n  accept: 'Accept',\n  reject: 'Reject',\n  accepted: 'Accepted',\n  rejected: 'Rejected',\n  status: 'Status',\n  actions: 'Actions',\n  empty: '∅',\n};\n\nexport function isDiffCellChange(cell: DiffCell): cell is { before?: DiffCellValue; after?: DiffCellValue } {\n  return typeof cell === 'object' && cell !== null;\n}\n\n/** Infer the row's change kind from its explicit flag or its cells. */\nexport function diffRowChange(row: DiffRow): DiffRowChange | undefined {\n  if (row.change) return row.change;\n  return Object.values(row.cells).some(isDiffCellChange) ? 'modified' : undefined;\n}\n\n/** Number of changed cells in a row (whole row counts as one for added/removed). */\nfunction countRowChanges(row: DiffRow): number {\n  const change = row.change;\n  if (change === 'added' || change === 'removed') return 1;\n  return Object.values(row.cells).filter(isDiffCellChange).length;\n}\n\nconst plural = (n: number, word: string) => `${n} ${word}${n === 1 ? '' : 's'}`;\n\nconst REDUCED_MOTION = '(prefers-reduced-motion: reduce)';\nconst subscribeReducedMotion = (onChange: () => void) => {\n  if (typeof window === 'undefined' || !window.matchMedia) return () => {};\n  const mq = window.matchMedia(REDUCED_MOTION);\n  mq.addEventListener('change', onChange);\n  return () => mq.removeEventListener('change', onChange);\n};\nconst getReducedMotion = () => typeof window !== 'undefined' && !!window.matchMedia && window.matchMedia(REDUCED_MOTION).matches;\nconst usePrefersReducedMotion = () => useSyncExternalStore(subscribeReducedMotion, getReducedMotion, () => false);\n\nconst CheckIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\nconst XIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M18 6 6 18M6 6l12 12\" />\n  </svg>\n);\n\nconst renderValue = (value: DiffCellValue | undefined, empty: string) =>\n  value === null || value === undefined || value === '' ? <span className=\"dishui-ai-diff-table__empty\">{empty}</span> : String(value);\n\n/**\n * AI-proposed edits sweeping through tabular data. Changed cells show the\n * old value struck through next to the new one; added/removed rows are\n * tinted and always labelled in the leading status column.\n */\nexport default function DiffTable({\n  columns,\n  rows,\n  title,\n  summary,\n  sweeping: sweepingProp = false,\n  sweepIntervalMs = 220,\n  onAcceptAll,\n  onRejectAll,\n  onAcceptRow,\n  onRejectRow,\n  decisions,\n  dense = false,\n  labels: labelOverrides,\n  className,\n  ...rest\n}: DiffTableProps) {\n  const labels = { ...DEFAULT_LABELS, ...labelOverrides };\n\n  const changedIds = useMemo(() => rows.filter(r => diffRowChange(r)).map(r => r.id), [rows]);\n  const changeCount = useMemo(() => rows.reduce((n, r) => n + countRowChanges(r), 0), [rows]);\n\n  // Reduced motion: skip the sweep and show every change at once.\n  const reducedMotion = usePrefersReducedMotion();\n  const sweeping = sweepingProp && !reducedMotion;\n\n  // Sweep: reveal one changed row per interval. `revealed` counts changed rows (top to bottom).\n  const [revealed, setRevealed] = useState(0);\n  useEffect(() => {\n    if (!sweeping) return;\n    const total = changedIds.length;\n    const id = window.setInterval(() => {\n      setRevealed(n => {\n        if (n + 1 >= total) window.clearInterval(id);\n        return Math.min(n + 1, total);\n      });\n    }, Math.max(16, sweepIntervalMs));\n    return () => {\n      window.clearInterval(id);\n      // Restart from the top the next time a sweep begins.\n      setRevealed(0);\n    };\n  }, [sweeping, sweepIntervalMs, changedIds.length]);\n\n  const revealedIds = useMemo(() => {\n    if (!sweeping) return null;\n    return new Set(changedIds.slice(0, revealed));\n  }, [sweeping, changedIds, revealed]);\n\n  const done = !sweeping || revealed >= changedIds.length;\n  const hasRowActions = Boolean(onAcceptRow || onRejectRow);\n  const hasFooter = Boolean(onAcceptAll || onRejectAll);\n\n  const autoSummary = `${plural(changeCount, 'change')} across ${plural(changedIds.length, 'row')}`;\n\n  return (\n    <div\n      {...rest}\n      className={cn('dishui-ai-diff-table', dense && 'dishui-ai-diff-table--dense', sweeping && !done && 'dishui-ai-diff-table--sweeping', className)}\n    >\n      {(title || summary !== null) && (\n        <div className=\"dishui-ai-diff-table__header\">\n          {title && <div className=\"dishui-ai-diff-table__title\">{title}</div>}\n          <div className=\"dishui-ai-diff-table__summary\" aria-live=\"polite\">\n            {summary ?? autoSummary}\n          </div>\n        </div>\n      )}\n\n      <div className=\"dishui-ai-diff-table__scroll\">\n        <table className=\"dishui-ai-diff-table__table\">\n          <thead>\n            <tr>\n              <th scope=\"col\" className=\"dishui-ai-diff-table__th dishui-ai-diff-table__th--status\">{labels.status}</th>\n              {columns.map(col => (\n                <th\n                  key={col.key}\n                  scope=\"col\"\n                  className={cn('dishui-ai-diff-table__th', col.align === 'right' && 'dishui-ai-diff-table__th--right')}\n                >\n                  {col.label}\n                </th>\n              ))}\n              {hasRowActions && (\n                <th scope=\"col\" className=\"dishui-ai-diff-table__th dishui-ai-diff-table__th--actions\">\n                  <span className=\"dishui-ai-diff-table__sr\">{labels.actions}</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map(row => {\n              const change = diffRowChange(row);\n              const visible = !change || !revealedIds || revealedIds.has(row.id);\n              const decision = decisions?.[row.id];\n              return (\n                <tr\n                  key={row.id}\n                  className={cn(\n                    'dishui-ai-diff-table__row',\n                    change && `dishui-ai-diff-table__row--${change}`,\n                    change && visible && 'dishui-ai-diff-table__row--revealed',\n                    decision && `dishui-ai-diff-table__row--${decision}`,\n                  )}\n                  data-change={change}\n                >\n                  <td className=\"dishui-ai-diff-table__td dishui-ai-diff-table__td--status\">\n                    {change && visible ? (\n                      <span className={cn('dishui-ai-diff-table__badge', `dishui-ai-diff-table__badge--${change}`)}>\n                        {labels[change]}\n                      </span>\n                    ) : (\n                      <span className=\"dishui-ai-diff-table__badge dishui-ai-diff-table__badge--none\" aria-hidden=\"true\">\n                        {labels.unchanged}\n                      </span>\n                    )}\n                  </td>\n                  {columns.map(col => {\n                    const cell = row.cells[col.key];\n                    const changed = visible && isDiffCellChange(cell);\n                    const tdClass = cn(\n                      'dishui-ai-diff-table__td',\n                      col.align === 'right' && 'dishui-ai-diff-table__td--right',\n                      col.mono && 'dishui-ai-diff-table__td--mono',\n                      changed && 'dishui-ai-diff-table__td--changed',\n                    );\n                    if (isDiffCellChange(cell)) {\n                      if (!visible) {\n                        return <td key={col.key} className={tdClass}>{renderValue(cell.before, labels.empty)}</td>;\n                      }\n                      return (\n                        <td key={col.key} className={tdClass}>\n                          <span className=\"dishui-ai-diff-table__change\">\n                            <del className=\"dishui-ai-diff-table__before\">{renderValue(cell.before, labels.empty)}</del>\n                            <span className=\"dishui-ai-diff-table__arrow\" aria-hidden=\"true\">→</span>\n                            <ins className=\"dishui-ai-diff-table__after\">{renderValue(cell.after, labels.empty)}</ins>\n                          </span>\n                        </td>\n                      );\n                    }\n                    return (\n                      <td key={col.key} className={tdClass}>\n                        {change === 'removed' && visible ? (\n                          <del className=\"dishui-ai-diff-table__before\">{renderValue(cell, labels.empty)}</del>\n                        ) : change === 'added' && visible ? (\n                          <ins className=\"dishui-ai-diff-table__after\">{renderValue(cell, labels.empty)}</ins>\n                        ) : (\n                          renderValue(cell, labels.empty)\n                        )}\n                      </td>\n                    );\n                  })}\n                  {hasRowActions && (\n                    <td className=\"dishui-ai-diff-table__td dishui-ai-diff-table__td--actions\">\n                      {change && visible && (\n                        decision ? (\n                          <span className={cn('dishui-ai-diff-table__decision', `dishui-ai-diff-table__decision--${decision}`)}>\n                            {decision === 'accepted' ? <CheckIcon /> : <XIcon />}\n                            {labels[decision]}\n                          </span>\n                        ) : (\n                          <span className=\"dishui-ai-diff-table__row-actions\">\n                            {onAcceptRow && (\n                              <button type=\"button\" className=\"dishui-ai-diff-table__icon-btn\" aria-label={labels.accept} title={labels.accept} onClick={() => onAcceptRow(row)}>\n                                <CheckIcon />\n                              </button>\n                            )}\n                            {onRejectRow && (\n                              <button type=\"button\" className=\"dishui-ai-diff-table__icon-btn\" aria-label={labels.reject} title={labels.reject} onClick={() => onRejectRow(row)}>\n                                <XIcon />\n                              </button>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </td>\n                  )}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {hasFooter && (\n        <div className=\"dishui-ai-diff-table__footer\">\n          <span className=\"dishui-ai-diff-table__footer-meta\">{done ? autoSummary : 'Reviewing…'}</span>\n          <span className=\"dishui-ai-diff-table__footer-actions\">\n            {onRejectAll && (\n              <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={onRejectAll} disabled={!done}>\n                {labels.rejectAll}\n              </Button>\n            )}\n            {onAcceptAll && (\n              <Button type=\"button\" variant=\"primary\" size=\"sm\" onClick={onAcceptAll} disabled={!done}>\n                {labels.acceptAll}\n              </Button>\n            )}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkDA,IAAM,IAAiB;CACrB,OAAO;CACP,SAAS;CACT,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,SAAS;CACT,OAAO;AACT;AAEA,SAAgB,EAAiB,GAA2E;CAC1G,OAAO,OAAO,KAAS,cAAY;AACrC;AAGA,SAAgB,EAAc,GAAyC;CAErE,OADI,EAAI,SAAe,EAAI,SACpB,OAAO,OAAO,EAAI,KAAK,CAAC,CAAC,KAAK,CAAgB,IAAI,aAAa,KAAA;AACxE;AAGA,SAAS,EAAgB,GAAsB;CAC7C,IAAM,IAAS,EAAI;CAEnB,OADI,MAAW,WAAW,MAAW,YAAkB,IAChD,OAAO,OAAO,EAAI,KAAK,CAAC,CAAC,OAAO,CAAgB,CAAC,CAAC;AAC3D;AAEA,IAAM,KAAU,GAAW,MAAiB,GAAG,EAAE,GAAG,IAAO,MAAM,IAAI,KAAK,OAEpE,IAAiB,oCACjB,KAA0B,MAAyB;CACvD,IAAI,OAAO,SAAW,OAAe,CAAC,OAAO,YAAY,aAAa,CAAC;CACvE,IAAM,IAAK,OAAO,WAAW,CAAc;CAE3C,OADA,EAAG,iBAAiB,UAAU,CAAQ,SACzB,EAAG,oBAAoB,UAAU,CAAQ;AACxD,GACM,UAAyB,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,cAAc,OAAO,WAAW,CAAc,CAAC,CAAC,SACnH,UAAgC,EAAqB,GAAwB,SAAwB,EAAK,GAE1G,UACJ,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAY;CAAI,eAAc;CAAQ,gBAAe;CAAQ,eAAY;CACzJ,UAAA,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;AACxB,CAAA,GAED,UACJ,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAY;CAAI,eAAc;CAAQ,gBAAe;CAAQ,eAAY;CACzJ,UAAA,kBAAC,QAAD,EAAM,GAAE,uBAAwB,CAAA;AAC7B,CAAA,GAGD,KAAe,GAAkC,MACrD,KAAU,QAA+B,MAAU,KAAK,kBAAC,QAAD;CAAM,WAAU;CAA+B,UAAA;AAAY,CAAA,IAAI,OAAO,CAAK;AAOrI,SAAwB,EAAU,EAChC,YACA,SACA,UACA,YACA,UAAU,IAAe,IACzB,qBAAkB,KAClB,gBACA,gBACA,gBACA,gBACA,cACA,WAAQ,IACR,QAAQ,GACR,cACA,GAAG,KACc;CACjB,IAAM,IAAS;EAAE,GAAG;EAAgB,GAAG;CAAe,GAEhD,IAAa,QAAc,EAAK,QAAO,MAAK,EAAc,CAAC,CAAC,CAAC,CAAC,KAAI,MAAK,EAAE,EAAE,GAAG,CAAC,CAAI,CAAC,GACpF,IAAc,QAAc,EAAK,QAAQ,GAAG,MAAM,IAAI,EAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAI,CAAC,GAGpF,IAAgB,EAAwB,GACxC,IAAW,KAAgB,CAAC,GAG5B,CAAC,GAAU,KAAe,EAAS,CAAC;CAC1C,QAAgB;EACd,IAAI,CAAC,GAAU;EACf,IAAM,IAAQ,EAAW,QACnB,IAAK,OAAO,kBAAkB;GAClC,GAAY,OACN,IAAI,KAAK,KAAO,OAAO,cAAc,CAAE,GACpC,KAAK,IAAI,IAAI,GAAG,CAAK,EAC7B;EACH,GAAG,KAAK,IAAI,IAAI,CAAe,CAAC;EAChC,aAAa;GAGX,AAFA,OAAO,cAAc,CAAE,GAEvB,EAAY,CAAC;EACf;CACF,GAAG;EAAC;EAAU;EAAiB,EAAW;CAAM,CAAC;CAEjD,IAAM,IAAc,QACb,IACE,IAAI,IAAI,EAAW,MAAM,GAAG,CAAQ,CAAC,IADtB,MAErB;EAAC;EAAU;EAAY;CAAQ,CAAC,GAE7B,IAAO,CAAC,KAAY,KAAY,EAAW,QAC3C,IAAgB,GAAQ,KAAe,IACvC,IAAY,GAAQ,KAAe,IAEnC,IAAc,GAAG,EAAO,GAAa,QAAQ,EAAE,UAAU,EAAO,EAAW,QAAQ,KAAK;CAE9F,OACE,kBAAC,OAAD;EACE,GAAI;EACJ,WAAW,EAAG,wBAAwB,KAAS,+BAA+B,KAAY,CAAC,KAAQ,kCAAkC,CAAS;EAFhJ,UAAA;IAII,KAAS,MAAY,SACrB,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,KAAS,kBAAC,OAAD;KAAK,WAAU;KAA+B,UAAA;IAAW,CAAA,GACnE,kBAAC,OAAD;KAAK,WAAU;KAAgC,aAAU;KACtD,UAAA,KAAW;IACT,CAAA,CACF;;GAGP,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,SAAD;KAAO,WAAU;KAAjB,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,MAAD;OAAI,OAAM;OAAM,WAAU;OAA6D,UAAA,EAAO;MAAW,CAAA;MACxG,EAAQ,KAAI,MACX,kBAAC,MAAD;OAEE,OAAM;OACN,WAAW,EAAG,4BAA4B,EAAI,UAAU,WAAW,iCAAiC;OAEnG,UAAA,EAAI;MACH,GALG,EAAI,GAKP,CACL;MACA,KACC,kBAAC,MAAD;OAAI,OAAM;OAAM,WAAU;OACxB,UAAA,kBAAC,QAAD;QAAM,WAAU;QAA4B,UAAA,EAAO;OAAc,CAAA;MAC/D,CAAA;KAEJ,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAK,KAAI,MAAO;MACf,IAAM,IAAS,EAAc,CAAG,GAC1B,IAAU,CAAC,KAAU,CAAC,KAAe,EAAY,IAAI,EAAI,EAAE,GAC3D,IAAW,IAAY,EAAI;MACjC,OACE,kBAAC,MAAD;OAEE,WAAW,EACT,6BACA,KAAU,8BAA8B,KACxC,KAAU,KAAW,uCACrB,KAAY,8BAA8B,GAC5C;OACA,eAAa;OARf,UAAA;QAUE,kBAAC,MAAD;SAAI,WAAU;SACX,UAAA,KAAU,IACT,kBAAC,QAAD;UAAM,WAAW,EAAG,+BAA+B,gCAAgC,GAAQ;UACxF,UAAA,EAAO;SACJ,CAAA,IAEN,kBAAC,QAAD;UAAM,WAAU;UAAgE,eAAY;UACzF,UAAA,EAAO;SACJ,CAAA;QAEN,CAAA;QACH,EAAQ,KAAI,MAAO;SAClB,IAAM,IAAO,EAAI,MAAM,EAAI,MACrB,IAAU,KAAW,EAAiB,CAAI,GAC1C,IAAU,EACd,4BACA,EAAI,UAAU,WAAW,mCACzB,EAAI,QAAQ,kCACZ,KAAW,mCACb;SAeA,OAdI,EAAiB,CAAI,IAClB,IAIH,kBAAC,MAAD;UAAkB,WAAW;UAC3B,UAAA,kBAAC,QAAD;WAAM,WAAU;WAAhB,UAAA;YACE,kBAAC,OAAD;aAAK,WAAU;aAAgC,UAAA,EAAY,EAAK,QAAQ,EAAO,KAAK;YAAO,CAAA;YAC3F,kBAAC,QAAD;aAAM,WAAU;aAA8B,eAAY;aAAO,UAAA;YAAO,CAAA;YACxE,kBAAC,OAAD;aAAK,WAAU;aAA+B,UAAA,EAAY,EAAK,OAAO,EAAO,KAAK;YAAO,CAAA;WACrF;;SACJ,GANK,EAAI,GAMT,IATG,kBAAC,MAAD;UAAkB,WAAW;UAAU,UAAA,EAAY,EAAK,QAAQ,EAAO,KAAK;SAAM,GAAzE,EAAI,GAAqE,IAa3F,kBAAC,MAAD;UAAkB,WAAW;UAC1B,UAAA,MAAW,aAAa,IACvB,kBAAC,OAAD;WAAK,WAAU;WAAgC,UAAA,EAAY,GAAM,EAAO,KAAK;UAAO,CAAA,IAClF,MAAW,WAAW,IACxB,kBAAC,OAAD;WAAK,WAAU;WAA+B,UAAA,EAAY,GAAM,EAAO,KAAK;UAAO,CAAA,IAEnF,EAAY,GAAM,EAAO,KAAK;SAE9B,GARK,EAAI,GAQT;QAER,CAAC;QACA,KACC,kBAAC,MAAD;SAAI,WAAU;SACX,UAAA,KAAU,MACT,IACE,kBAAC,QAAD;UAAM,WAAW,EAAG,kCAAkC,mCAAmC,GAAU;UAAnG,UAAA,CAC6B,EAA1B,MAAa,aAAc,IAAgB,GAAjB,CAAY,CAAY,GAClD,EAAO,EACJ;SAEN,CAAA,IAAA,kBAAC,QAAD;UAAM,WAAU;UAAhB,UAAA,CACG,KACC,kBAAC,UAAD;WAAQ,MAAK;WAAS,WAAU;WAAiC,cAAY,EAAO;WAAQ,OAAO,EAAO;WAAQ,eAAe,EAAY,CAAG;WAC9I,UAAA,kBAAC,GAAD,CAAY,CAAA;UACN,CAAA,GAET,KACC,kBAAC,UAAD;WAAQ,MAAK;WAAS,WAAU;WAAiC,cAAY,EAAO;WAAQ,OAAO,EAAO;WAAQ,eAAe,EAAY,CAAG;WAC9I,UAAA,kBAAC,GAAD,CAAQ,CAAA;UACF,CAAA,CAEN;;QAGR,CAAA;OAEJ;MAhFG,GAAA,EAAI,EAgFP;KAER,CAAC,EACI,CAAA,CACF;;GACJ,CAAA;GAEJ,KACC,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KAAqC,UAAA,IAAO,IAAc;IAAmB,CAAA,GAC7F,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,KACC,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAQ;MAAY,MAAK;MAAK,SAAS;MAAa,UAAU,CAAC;MAClF,UAAA,EAAO;KACF,CAAA,GAET,KACC,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAQ;MAAU,MAAK;MAAK,SAAS;MAAa,UAAU,CAAC;MAChF,UAAA,EAAO;KACF,CAAA,CAEN;IACH,CAAA,CAAA;;EAEJ;;AAET"}

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

@@ -0,0 +1,35 @@
+import React from 'react';
+export type FilterTableColumn<Row> = {
+    key: string;
+    label: React.ReactNode;
+    render?: (row: Row) => React.ReactNode;
+    value?: (row: Row) => string | number;
+    align?: 'left' | 'right';
+    mono?: boolean;
+};
+export type FilterTableFilter<Row> = {
+    id: string;
+    label: string;
+    predicate: (row: Row) => boolean;
+};
+export type FilterTableProps<Row extends {
+    id: string;
+}> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    rows: Row[];
+    columns: FilterTableColumn<Row>[];
+    filters?: FilterTableFilter<Row>[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    search?: string;
+    defaultSearch?: string;
+    onSearchChange?: (query: string) => void;
+    searchPlaceholder?: string;
+    emptyText?: React.ReactNode;
+    noResultsText?: React.ReactNode;
+    caption?: React.ReactNode;
+    loading?: boolean;
+};
+export default function FilterTable<Row extends {
+    id: string;
+}>({ rows, columns, filters, value, defaultValue, onChange, search, defaultSearch, onSearchChange, searchPlaceholder, emptyText, noResultsText, caption, loading, className, ...rest }: FilterTableProps<Row>): React.JSX.Element;

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

@@ -0,0 +1,86 @@
+import { cn as e } from "../../../utils/cn.js";
+import t from "../../Table/index.js";
+import n from "../../Skeleton/index.js";
+/* empty css            */
+import { useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ai/FilterTable/index.tsx
+var s = [];
+function c({ rows: c, columns: l, filters: u = s, value: d, defaultValue: f = "all", onChange: p, search: m, defaultSearch: h = "", onSearchChange: g, searchPlaceholder: _ = "Filter records…", emptyText: v = "No records yet", noResultsText: y = "No matching records", caption: b, loading: x = !1, className: S, ...C }) {
+	let [w, T] = i(f), [E, D] = i(h), O = d ?? w, k = m ?? E, A = r(() => c.filter((e) => {
+		let t = u.find((e) => e.id === O);
+		return t && !t.predicate(e) ? !1 : !k.trim() || l.some((t) => String(t.value?.(e) ?? e[t.key] ?? "").toLowerCase().includes(k.trim().toLowerCase()));
+	}), [
+		c,
+		l,
+		u,
+		O,
+		k
+	]), j = (e) => {
+		d === void 0 && T(e), p?.(e);
+	}, M = (e) => {
+		m === void 0 && D(e), g?.(e);
+	};
+	return /* @__PURE__ */ o("div", {
+		...C,
+		className: e("dishui-ai-filter-table", S),
+		"aria-busy": x || void 0,
+		children: [/* @__PURE__ */ o("div", {
+			className: "dishui-ai-filter-table__toolbar",
+			children: [/* @__PURE__ */ o("div", {
+				className: "dishui-ai-filter-table__filters",
+				role: "group",
+				"aria-label": "Table filters",
+				children: [/* @__PURE__ */ o("button", {
+					type: "button",
+					"aria-pressed": O === "all",
+					onClick: () => j("all"),
+					children: ["All ", /* @__PURE__ */ a("span", { children: c.length })]
+				}), u.map((e) => /* @__PURE__ */ o("button", {
+					type: "button",
+					"aria-pressed": O === e.id,
+					onClick: () => j(e.id),
+					children: [
+						e.label,
+						" ",
+						/* @__PURE__ */ a("span", { children: c.filter(e.predicate).length })
+					]
+				}, e.id))]
+			}), /* @__PURE__ */ a("input", {
+				type: "search",
+				"aria-label": _,
+				placeholder: _,
+				value: k,
+				onChange: (e) => M(e.target.value)
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "dishui-ai-filter-table__scroll",
+			children: /* @__PURE__ */ o(t, { children: [
+				b && /* @__PURE__ */ a("caption", { children: b }),
+				/* @__PURE__ */ a(t.Head, { children: /* @__PURE__ */ a(t.Row, { children: l.map((e) => /* @__PURE__ */ a(t.HeaderCell, {
+					className: e.align === "right" ? "dishui-ai-filter-table__right" : void 0,
+					children: e.label
+				}, e.key)) }) }),
+				/* @__PURE__ */ o(t.Body, { children: [x ? [
+					"one",
+					"two",
+					"three"
+				].map((e) => /* @__PURE__ */ a(t.Row, {
+					"aria-hidden": "true",
+					children: l.map((e) => /* @__PURE__ */ a(t.Cell, { children: /* @__PURE__ */ a(n, { className: "dishui-ai-filter-table__skeleton" }) }, e.key))
+				}, e)) : A.map((n) => /* @__PURE__ */ a(t.Row, { children: l.map((r) => /* @__PURE__ */ a(t.Cell, {
+					className: e(r.align === "right" && "dishui-ai-filter-table__right", r.mono && "dishui-ai-filter-table__mono"),
+					children: r.render ? r.render(n) : String(r.value?.(n) ?? n[r.key] ?? "—")
+				}, r.key)) }, n.id)), !x && A.length === 0 && /* @__PURE__ */ a(t.Row, { children: /* @__PURE__ */ a(t.Cell, {
+					className: "dishui-ai-filter-table__empty",
+					colSpan: l.length,
+					children: c.length ? y : v
+				}) })] })
+			] })
+		})]
+	});
+}
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/FilterTable/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport Table from '../../Table';\nimport Skeleton from '../../Skeleton';\nimport './FilterTable.css';\n\nconst EMPTY_FILTERS: FilterTableFilter<never>[] = [];\n\nexport type FilterTableColumn<Row> = { key: string; label: React.ReactNode; render?: (row: Row) => React.ReactNode; value?: (row: Row) => string | number; align?: 'left' | 'right'; mono?: boolean };\nexport type FilterTableFilter<Row> = { id: string; label: string; predicate: (row: Row) => boolean };\nexport type FilterTableProps<Row extends { id: string }> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & { rows: Row[]; columns: FilterTableColumn<Row>[]; filters?: FilterTableFilter<Row>[]; value?: string; defaultValue?: string; onChange?: (id: string) => void; search?: string; defaultSearch?: string; onSearchChange?: (query: string) => void; searchPlaceholder?: string; emptyText?: React.ReactNode; noResultsText?: React.ReactNode; caption?: React.ReactNode; loading?: boolean };\n\nexport default function FilterTable<Row extends { id: string }>({ rows, columns, filters = EMPTY_FILTERS as FilterTableFilter<Row>[], value, defaultValue = 'all', onChange, search, defaultSearch = '', onSearchChange, searchPlaceholder = 'Filter records…', emptyText = 'No records yet', noResultsText = 'No matching records', caption, loading = false, className, ...rest }: FilterTableProps<Row>) {\n  const [internalFilter, setInternalFilter] = useState(defaultValue); const [internalSearch, setInternalSearch] = useState(defaultSearch); const active = value ?? internalFilter; const query = search ?? internalSearch;\n  const shown = useMemo(() => rows.filter(row => { const filter = filters.find(x => x.id === active); if (filter && !filter.predicate(row)) return false; if (!query.trim()) return true; return columns.some(col => String(col.value?.(row) ?? (row as Record<string, unknown>)[col.key] ?? '').toLowerCase().includes(query.trim().toLowerCase())); }), [rows, columns, filters, active, query]);\n  const setFilter = (id: string) => { if (value === undefined) setInternalFilter(id); onChange?.(id); };\n  const setSearch = (next: string) => { if (search === undefined) setInternalSearch(next); onSearchChange?.(next); };\n  return <div {...rest} className={cn('dishui-ai-filter-table', className)} aria-busy={loading || undefined}><div className=\"dishui-ai-filter-table__toolbar\"><div className=\"dishui-ai-filter-table__filters\" role=\"group\" aria-label=\"Table filters\"><button type=\"button\" aria-pressed={active === 'all'} onClick={() => setFilter('all')}>All <span>{rows.length}</span></button>{filters.map(filter => <button key={filter.id} type=\"button\" aria-pressed={active === filter.id} onClick={() => setFilter(filter.id)}>{filter.label} <span>{rows.filter(filter.predicate).length}</span></button>)}</div><input type=\"search\" aria-label={searchPlaceholder} placeholder={searchPlaceholder} value={query} onChange={e => setSearch(e.target.value)}/></div><div className=\"dishui-ai-filter-table__scroll\"><Table>{caption && <caption>{caption}</caption>}<Table.Head><Table.Row>{columns.map(col => <Table.HeaderCell key={col.key} className={col.align === 'right' ? 'dishui-ai-filter-table__right' : undefined}>{col.label}</Table.HeaderCell>)}</Table.Row></Table.Head><Table.Body>{loading ? ['one', 'two', 'three'].map(rowKey => <Table.Row key={rowKey} aria-hidden=\"true\">{columns.map(col => <Table.Cell key={col.key}><Skeleton className=\"dishui-ai-filter-table__skeleton\" /></Table.Cell>)}</Table.Row>) : shown.map(row => <Table.Row key={row.id}>{columns.map(col => <Table.Cell key={col.key} className={cn(col.align === 'right' && 'dishui-ai-filter-table__right', col.mono && 'dishui-ai-filter-table__mono')}>{col.render ? col.render(row) : String(col.value?.(row) ?? (row as Record<string, unknown>)[col.key] ?? '—')}</Table.Cell>)}</Table.Row>)}{!loading && shown.length === 0 && <Table.Row><Table.Cell className=\"dishui-ai-filter-table__empty\" colSpan={columns.length}>{rows.length ? noResultsText : emptyText}</Table.Cell></Table.Row>}</Table.Body></Table></div></div>;\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAA4C,CAAC;AAMnD,SAAwB,EAAwC,EAAE,SAAM,YAAS,aAAU,GAA2C,UAAO,kBAAe,OAAO,aAAU,WAAQ,mBAAgB,IAAI,mBAAgB,uBAAoB,mBAAmB,eAAY,kBAAkB,mBAAgB,uBAAuB,YAAS,aAAU,IAAO,cAAW,GAAG,KAA+B;CAC1Y,IAAM,CAAC,GAAgB,KAAqB,EAAS,CAAY,GAAS,CAAC,GAAgB,KAAqB,EAAS,CAAa,GAAS,IAAS,KAAS,GAAsB,IAAQ,KAAU,GACnM,IAAQ,QAAc,EAAK,QAAO,MAAO;EAAE,IAAM,IAAS,EAAQ,MAAK,MAAK,EAAE,OAAO,CAAM;EAAuF,OAAhF,KAAU,CAAC,EAAO,UAAU,CAAG,IAAU,KAAO,CAAK,EAAM,KAAK,KAAuB,EAAQ,MAAK,MAAO,OAAO,EAAI,QAAQ,CAAG,KAAM,EAAgC,EAAI,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,EAAM,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;CAAG,CAAC,GAAG;EAAC;EAAM;EAAS;EAAS;EAAQ;CAAK,CAAC,GACzX,KAAa,MAAe;EAAkD,AAA5C,MAAU,KAAA,KAAW,EAAkB,CAAE,GAAG,IAAW,CAAE;CAAG,GAC9F,KAAa,MAAiB;EAAqD,AAA/C,MAAW,KAAA,KAAW,EAAkB,CAAI,GAAG,IAAiB,CAAI;CAAG;CACjH,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAM,WAAW,EAAG,0BAA0B,CAAS;EAAG,aAAW,KAAW,KAAA;EAAzF,UAAA,CAAoG,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CAAiD,kBAAC,OAAD;IAAK,WAAU;IAAkC,MAAK;IAAQ,cAAW;IAAzE,UAAA,CAAyF,kBAAC,UAAD;KAAQ,MAAK;KAAS,gBAAc,MAAW;KAAO,eAAe,EAAU,KAAK;KAApF,UAAA,CAAuF,QAAI,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CAAS;IAAE,CAAA,GAAA,EAAQ,KAAI,MAAU,kBAAC,UAAD;KAAwB,MAAK;KAAS,gBAAc,MAAW,EAAO;KAAI,eAAe,EAAU,EAAO,EAAE;KAA5G,UAAA;MAAgH,EAAO;MAAM;MAAC,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAO,EAAO,SAAS,CAAC,CAAC,OAAa,CAAA;KAAS;IAA5K,GAAA,EAAO,EAAqK,CAAC,CAAO;GAAC,CAAA,GAAA,kBAAC,SAAD;IAAO,MAAK;IAAS,cAAY;IAAmB,aAAa;IAAmB,OAAO;IAAO,WAAU,MAAK,EAAU,EAAE,OAAO,KAAK;GAAG,CAAA,CAAM;EAAC,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAU;GAAiC,UAAA,kBAAC,GAAD,EAAA,UAAA;IAAQ,KAAW,kBAAC,WAAD,EAAA,UAAU,EAAiB,CAAA;IAAE,kBAAC,EAAM,MAAP,EAAA,UAAY,kBAAC,EAAM,KAAP,EAAA,UAAY,EAAQ,KAAI,MAAO,kBAAC,EAAM,YAAP;KAAgC,WAAW,EAAI,UAAU,UAAU,kCAAkC,KAAA;KAAY,UAAA,EAAI;IAAwB,GAAtH,EAAI,GAAkH,CAAC,EAAa,CAAA,EAAa,CAAA;IAAC,kBAAC,EAAM,MAAP,EAAA,UAAA,CAAa,IAAU;KAAC;KAAO;KAAO;IAAO,CAAC,CAAC,KAAI,MAAU,kBAAC,EAAM,KAAP;KAAwB,eAAY;KAAQ,UAAA,EAAQ,KAAI,MAAO,kBAAC,EAAM,MAAP,EAAA,UAA0B,kBAAC,GAAD,EAAU,WAAU,mCAAoC,CAAA,EAAa,GAA9E,EAAI,GAA0E,CAAC;IAAa,GAA5J,CAA4J,CAAC,IAAI,EAAM,KAAI,MAAO,kBAAC,EAAM,KAAP,EAAA,UAAyB,EAAQ,KAAI,MAAO,kBAAC,EAAM,MAAP;KAA0B,WAAW,EAAG,EAAI,UAAU,WAAW,iCAAiC,EAAI,QAAQ,8BAA8B;KAAI,UAAA,EAAI,SAAS,EAAI,OAAO,CAAG,IAAI,OAAO,EAAI,QAAQ,CAAG,KAAM,EAAgC,EAAI,QAAQ,GAAG;IAAc,GAAvP,EAAI,GAAmP,CAAC,EAAa,GAAlT,EAAI,EAA8S,CAAC,GAAG,CAAC,KAAW,EAAM,WAAW,KAAK,kBAAC,EAAM,KAAP,EAAA,UAAW,kBAAC,EAAM,MAAP;KAAY,WAAU;KAAgC,SAAS,EAAQ;KAAS,UAAA,EAAK,SAAS,IAAgB;IAAsB,CAAA,EAAY,CAAA,CAAc,EAAA,CAAA;GAAQ,EAAA,CAAA;EAAM,CAAA,CAAM;;AACzzD"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+export type FineTuneMetric = {
+    label: React.ReactNode;
+    value: React.ReactNode;
+};
+export type FineTuneCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
+    title: React.ReactNode;
+    model?: string;
+    description?: React.ReactNode;
+    status?: 'draft' | 'queued' | 'training' | 'ready' | 'failed';
+    progress?: number;
+    metrics?: FineTuneMetric[];
+    error?: React.ReactNode;
+    onStart?: () => void;
+    onCancel?: () => void;
+    onRetry?: () => void;
+    disabled?: boolean;
+    labels?: {
+        start?: string;
+        cancel?: string;
+        retry?: string;
+    };
+};
+export default function FineTuneCard({ title, model, description, status, progress, metrics, error, onStart, onCancel, onRetry, disabled, labels, className, ...rest }: FineTuneCardProps): React.JSX.Element;

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

@@ -0,0 +1,75 @@
+import { cn as e } from "../../../utils/cn.js";
+import t from "../../Button/index.js";
+import { clamp as n } from "../shared.js";
+/* empty css             */
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ai/FineTuneCard/index.tsx
+var a = {
+	draft: "Draft",
+	queued: "Queued",
+	training: "Training",
+	ready: "Ready",
+	failed: "Failed"
+}, o = [];
+function s({ title: s, model: c, description: l, status: u = "draft", progress: d = 0, metrics: f = o, error: p, onStart: m, onCancel: h, onRetry: g, disabled: _ = !1, labels: v, className: y, ...b }) {
+	let x = Math.round(n(d, 0, 1) * 100), S = u === "queued" || u === "training";
+	return /* @__PURE__ */ i("article", {
+		...b,
+		className: e("dishui-ai-fine-tune-card", `dishui-ai-fine-tune-card--${u}`, y),
+		children: [
+			/* @__PURE__ */ i("header", { children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h3", { children: s }), c && /* @__PURE__ */ r("code", { children: c })] }), /* @__PURE__ */ r("span", {
+				className: "dishui-ai-fine-tune-card__status",
+				children: a[u]
+			})] }),
+			l && /* @__PURE__ */ r("div", {
+				className: "dishui-ai-fine-tune-card__description",
+				children: l
+			}),
+			S && /* @__PURE__ */ i("div", {
+				className: "dishui-ai-fine-tune-card__progress",
+				children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("span", { children: "Training progress" }), /* @__PURE__ */ i("strong", { children: [x, "%"] })] }), /* @__PURE__ */ i("progress", {
+					max: 100,
+					value: x,
+					children: [x, "%"]
+				})]
+			}),
+			f.length > 0 && /* @__PURE__ */ r("dl", { children: f.map((e) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("dt", { children: e.label }), /* @__PURE__ */ r("dd", { children: e.value })] }, `${String(e.label)}-${String(e.value)}`)) }),
+			u === "failed" && p && /* @__PURE__ */ r("div", {
+				role: "alert",
+				className: "dishui-ai-fine-tune-card__error",
+				children: p
+			}),
+			/* @__PURE__ */ i("footer", { children: [
+				u === "draft" && m && /* @__PURE__ */ r(t, {
+					type: "button",
+					variant: "primary",
+					size: "sm",
+					disabled: _,
+					onClick: m,
+					children: v?.start ?? "Start training"
+				}),
+				S && h && /* @__PURE__ */ r(t, {
+					type: "button",
+					variant: "secondary",
+					size: "sm",
+					disabled: _,
+					onClick: h,
+					children: v?.cancel ?? "Cancel"
+				}),
+				u === "failed" && g && /* @__PURE__ */ r(t, {
+					type: "button",
+					variant: "primary",
+					size: "sm",
+					disabled: _,
+					onClick: g,
+					children: v?.retry ?? "Retry"
+				})
+			] })
+		]
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/FineTuneCard/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../utils/cn';\nimport Button from '../../Button';\nimport { clamp } from '../shared';\nimport './FineTuneCard.css';\n\nexport type FineTuneMetric = {\n  label: React.ReactNode;\n  value: React.ReactNode;\n};\n\nexport type FineTuneCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n  title: React.ReactNode;\n  model?: string;\n  description?: React.ReactNode;\n  status?: 'draft' | 'queued' | 'training' | 'ready' | 'failed';\n  progress?: number;\n  metrics?: FineTuneMetric[];\n  error?: React.ReactNode;\n  onStart?: () => void;\n  onCancel?: () => void;\n  onRetry?: () => void;\n  disabled?: boolean;\n  labels?: { start?: string; cancel?: string; retry?: string };\n};\n\nconst STATUS = {\n  draft: 'Draft',\n  queued: 'Queued',\n  training: 'Training',\n  ready: 'Ready',\n  failed: 'Failed',\n} as const;\nconst EMPTY_METRICS: FineTuneMetric[] = [];\n\nexport default function FineTuneCard({\n  title,\n  model,\n  description,\n  status = 'draft',\n  progress = 0,\n  metrics = EMPTY_METRICS,\n  error,\n  onStart,\n  onCancel,\n  onRetry,\n  disabled = false,\n  labels,\n  className,\n  ...rest\n}: FineTuneCardProps) {\n  const pct = Math.round(clamp(progress, 0, 1) * 100);\n  const active = status === 'queued' || status === 'training';\n\n  return (\n    <article {...rest} className={cn('dishui-ai-fine-tune-card', `dishui-ai-fine-tune-card--${status}`, className)}>\n      <header>\n        <div>\n          <h3>{title}</h3>\n          {model && <code>{model}</code>}\n        </div>\n        <span className=\"dishui-ai-fine-tune-card__status\">{STATUS[status]}</span>\n      </header>\n\n      {description && <div className=\"dishui-ai-fine-tune-card__description\">{description}</div>}\n\n      {active && (\n        <div className=\"dishui-ai-fine-tune-card__progress\">\n          <div><span>Training progress</span><strong>{pct}%</strong></div>\n          <progress max={100} value={pct}>{pct}%</progress>\n        </div>\n      )}\n\n      {metrics.length > 0 && (\n        <dl>\n          {metrics.map(metric => (\n            <div key={`${String(metric.label)}-${String(metric.value)}`}>\n              <dt>{metric.label}</dt>\n              <dd>{metric.value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n\n      {status === 'failed' && error && (\n        <div role=\"alert\" className=\"dishui-ai-fine-tune-card__error\">{error}</div>\n      )}\n\n      <footer>\n        {status === 'draft' && onStart && (\n          <Button type=\"button\" variant=\"primary\" size=\"sm\" disabled={disabled} onClick={onStart}>\n            {labels?.start ?? 'Start training'}\n          </Button>\n        )}\n        {active && onCancel && (\n          <Button type=\"button\" variant=\"secondary\" size=\"sm\" disabled={disabled} onClick={onCancel}>\n            {labels?.cancel ?? 'Cancel'}\n          </Button>\n        )}\n        {status === 'failed' && onRetry && (\n          <Button type=\"button\" variant=\"primary\" size=\"sm\" disabled={disabled} onClick={onRetry}>\n            {labels?.retry ?? 'Retry'}\n          </Button>\n        )}\n      </footer>\n    </article>\n  );\n}\n"],"mappings":";;;;;;;AA0BA,IAAM,IAAS;CACb,OAAO;CACP,QAAQ;CACR,UAAU;CACV,OAAO;CACP,QAAQ;AACV,GACM,IAAkC,CAAC;AAEzC,SAAwB,EAAa,EACnC,UACA,UACA,gBACA,YAAS,SACT,cAAW,GACX,aAAU,GACV,UACA,YACA,aACA,YACA,cAAW,IACX,WACA,cACA,GAAG,KACiB;CACpB,IAAM,IAAM,KAAK,MAAM,EAAM,GAAU,GAAG,CAAC,IAAI,GAAG,GAC5C,IAAS,MAAW,YAAY,MAAW;CAEjD,OACE,kBAAC,WAAD;EAAS,GAAI;EAAM,WAAW,EAAG,4BAA4B,6BAA6B,KAAU,CAAS;EAA7G,UAAA;GACE,kBAAC,UAAD,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAK,EAAU,CAAA,GACd,KAAS,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,CAC1B,EAAA,CAAA,GACL,kBAAC,QAAD;IAAM,WAAU;IAAoC,UAAA,EAAO;GAAc,CAAA,CACnE,EAAA,CAAA;GAEP,KAAe,kBAAC,OAAD;IAAK,WAAU;IAAyC,UAAA;GAAiB,CAAA;GAExF,KACC,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA,CAAK,kBAAC,QAAD,EAAA,UAAM,oBAAuB,CAAA,GAAC,kBAAC,UAAD,EAAA,UAAA,CAAS,GAAI,GAAS,EAAA,CAAA,CAAM,EAAA,CAAA,GAC/D,kBAAC,YAAD;KAAU,KAAK;KAAK,OAAO;KAA3B,UAAA,CAAiC,GAAI,GAAW;IAC7C,CAAA,CAAA;;GAGN,EAAQ,SAAS,KAChB,kBAAC,MAAD,EAAA,UACG,EAAQ,KAAI,MACX,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAK,EAAO,MAAU,CAAA,GACtB,kBAAC,MAAD,EAAA,UAAK,EAAO,MAAU,CAAA,CACnB,EAAA,GAHK,GAAG,OAAO,EAAO,KAAK,EAAE,GAAG,OAAO,EAAO,KAAK,GAGnD,CACN,EACC,CAAA;GAGL,MAAW,YAAY,KACtB,kBAAC,OAAD;IAAK,MAAK;IAAQ,WAAU;IAAmC,UAAA;GAAW,CAAA;GAG5E,kBAAC,UAAD,EAAA,UAAA;IACG,MAAW,WAAW,KACrB,kBAAC,GAAD;KAAQ,MAAK;KAAS,SAAQ;KAAU,MAAK;KAAe;KAAU,SAAS;KAC5E,UAAA,GAAQ,SAAS;IACZ,CAAA;IAET,KAAU,KACT,kBAAC,GAAD;KAAQ,MAAK;KAAS,SAAQ;KAAY,MAAK;KAAe;KAAU,SAAS;KAC9E,UAAA,GAAQ,UAAU;IACb,CAAA;IAET,MAAW,YAAY,KACtB,kBAAC,GAAD;KAAQ,MAAK;KAAS,SAAQ;KAAU,MAAK;KAAe;KAAU,SAAS;KAC5E,UAAA,GAAQ,SAAS;IACZ,CAAA;GAEJ,EAAA,CAAA;EACD;;AAEb"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export type InsightCardItem = {
+    id: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
+    detail?: React.ReactNode;
+    trend?: {
+        value: string;
+        direction: 'up' | 'down' | 'flat';
+        label?: string;
+    };
+    status?: 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+};
+export type InsightCardsProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onSelect'> & {
+    items: InsightCardItem[];
+    columns?: 2 | 3 | 4;
+    selectedId?: string;
+    defaultSelectedId?: string;
+    onSelect?: (item: InsightCardItem) => void;
+    loading?: boolean;
+    emptyText?: React.ReactNode;
+};
+export default function InsightCards({ items, columns, selectedId, defaultSelectedId, onSelect, loading, emptyText, className, ...rest }: InsightCardsProps): React.JSX.Element;