dishui 0.0.89 → 0.0.97

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

@@ -0,0 +1,197 @@
+import { cn as e } from "../../../utils/cn.js";
+import { AGENT_STATUS_LABEL as t, formatDuration as n, formatElapsed as r } from "../shared.js";
+/* empty css         */
+import { useId as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/ai/Thinking/index.tsx
+var l = {
+	steps: "step",
+	reasoning: "reasoning",
+	search: "search",
+	coding: "coding"
+}, u = () => /* @__PURE__ */ s("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ s("path", { d: "m6 9 6 6 6-6" })
+}), d = () => /* @__PURE__ */ s("svg", {
+	width: "10",
+	height: "10",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "3",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ s("path", { d: "M20 6 9 17l-5-5" })
+}), f = () => /* @__PURE__ */ s("svg", {
+	width: "10",
+	height: "10",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "3",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ s("path", { d: "M18 6 6 18M6 6l12 12" })
+}), p = ({ status: n }) => /* @__PURE__ */ c("span", {
+	className: e("dishui-ai-thinking__marker", `dishui-ai-thinking__marker--${n}`),
+	title: t[n],
+	children: [
+		n === "completed" && /* @__PURE__ */ s(d, {}),
+		n === "failed" && /* @__PURE__ */ s(f, {}),
+		/* @__PURE__ */ s("span", {
+			className: "dishui-ai-thinking__sr",
+			children: t[n]
+		})
+	]
+}), m = (e) => (e.domain ?? e.title).trim().charAt(0).toUpperCase(), h = ({ step: t, kind: n }) => {
+	let i = t.status ?? "completed";
+	return /* @__PURE__ */ c("li", {
+		className: e("dishui-ai-thinking__step", `dishui-ai-thinking__step--${n}`, `dishui-ai-thinking__step--${i}`),
+		children: [/* @__PURE__ */ s(p, { status: i }), /* @__PURE__ */ c("div", {
+			className: "dishui-ai-thinking__content",
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "dishui-ai-thinking__step-row",
+					children: [/* @__PURE__ */ s("span", {
+						className: "dishui-ai-thinking__step-title",
+						children: t.title
+					}), t.durationMs !== void 0 && /* @__PURE__ */ s("span", {
+						className: "dishui-ai-thinking__step-duration",
+						children: r(t.durationMs)
+					})]
+				}),
+				t.detail !== void 0 && /* @__PURE__ */ s("div", {
+					className: "dishui-ai-thinking__detail",
+					children: t.detail
+				}),
+				n === "search" && t.results && t.results.length > 0 && /* @__PURE__ */ s("ul", {
+					className: "dishui-ai-thinking__results",
+					children: t.results.map((e) => {
+						let t = /* @__PURE__ */ c(o, { children: [
+							/* @__PURE__ */ s("span", {
+								className: "dishui-ai-thinking__result-initial",
+								"aria-hidden": "true",
+								children: m(e)
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "dishui-ai-thinking__result-title",
+								children: e.title
+							}),
+							e.domain && /* @__PURE__ */ s("span", {
+								className: "dishui-ai-thinking__result-domain",
+								children: e.domain
+							})
+						] });
+						return /* @__PURE__ */ s("li", { children: e.url ? /* @__PURE__ */ s("a", {
+							className: "dishui-ai-thinking__result",
+							href: e.url,
+							target: "_blank",
+							rel: "noreferrer",
+							children: t
+						}) : /* @__PURE__ */ s("span", {
+							className: "dishui-ai-thinking__result",
+							children: t
+						}) }, `${e.url ?? ""}-${e.domain ?? ""}-${e.title}`);
+					})
+				}),
+				n === "coding" && t.code && /* @__PURE__ */ c("div", {
+					className: "dishui-ai-thinking__code",
+					children: [/* @__PURE__ */ c("div", {
+						className: "dishui-ai-thinking__code-header",
+						children: [/* @__PURE__ */ s("span", {
+							className: "dishui-ai-thinking__code-file",
+							children: t.code.file ?? "snippet"
+						}), t.code.language && /* @__PURE__ */ s("span", {
+							className: "dishui-ai-thinking__code-lang",
+							children: t.code.language
+						})]
+					}), /* @__PURE__ */ s("pre", {
+						className: "dishui-ai-thinking__code-body",
+						children: /* @__PURE__ */ s("code", { children: t.code.content })
+					})]
+				})
+			]
+		})]
+	});
+};
+function g({ steps: t, status: r, durationMs: o, title: d, expanded: f, defaultExpanded: p = !1, onExpandedChange: m, mode: g = "auto", className: _, ...v }) {
+	let [y, b] = a(p), x = f !== void 0, S = x ? f : y, C = i(), w = t.find((e) => e.status === "running"), T = (r ?? (w ? "thinking" : "done")) === "thinking", E = t.reduce((e, t) => t.durationMs === void 0 ? e : (e ?? 0) + t.durationMs, void 0), D = o ?? E, O = T ? "Thinking" : D === void 0 ? "Thought" : `Thought for ${n(D)}`, k = d !== void 0 && !T && D !== void 0, A = () => {
+		let e = !S;
+		x || b(e), m?.(e);
+	};
+	return /* @__PURE__ */ c("div", {
+		...v,
+		className: e("dishui-ai-thinking", T && "dishui-ai-thinking--thinking", S && "dishui-ai-thinking--expanded", _),
+		children: [/* @__PURE__ */ c("button", {
+			type: "button",
+			className: "dishui-ai-thinking__header",
+			"aria-expanded": S,
+			"aria-controls": C,
+			onClick: A,
+			children: [
+				T && /* @__PURE__ */ c("span", {
+					className: "dishui-ai-thinking__glyph",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ s("span", { className: "dishui-ai-thinking__cell" }),
+						/* @__PURE__ */ s("span", { className: "dishui-ai-thinking__cell" }),
+						/* @__PURE__ */ s("span", { className: "dishui-ai-thinking__cell" })
+					]
+				}),
+				/* @__PURE__ */ s("span", {
+					className: "dishui-ai-thinking__title",
+					children: d ?? O
+				}),
+				!S && T && w && /* @__PURE__ */ s("span", {
+					className: "dishui-ai-thinking__summary",
+					children: w.title
+				}),
+				!S && !T && t.length > 0 && /* @__PURE__ */ c("span", {
+					className: "dishui-ai-thinking__meta",
+					children: [
+						t.length,
+						" ",
+						t.length === 1 ? "step" : "steps"
+					]
+				}),
+				k && /* @__PURE__ */ s("span", {
+					className: "dishui-ai-thinking__meta",
+					children: n(D)
+				}),
+				/* @__PURE__ */ s("span", {
+					className: "dishui-ai-thinking__chevron",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ s(u, {})
+				})
+			]
+		}), /* @__PURE__ */ s("div", {
+			id: C,
+			className: "dishui-ai-thinking__body",
+			hidden: !S,
+			children: t.length === 0 ? /* @__PURE__ */ s("p", {
+				className: "dishui-ai-thinking__empty",
+				children: "No steps recorded."
+			}) : /* @__PURE__ */ s("ol", {
+				className: "dishui-ai-thinking__trace",
+				children: t.map((e) => /* @__PURE__ */ s(h, {
+					step: e,
+					kind: g === "auto" ? e.kind : l[g]
+				}, e.id))
+			})
+		})]
+	});
+}
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/Thinking/index.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { formatDuration, formatElapsed, AGENT_STATUS_LABEL } from '../shared';\nimport type { AgentStatus } from '../shared';\nimport './Thinking.css';\n\nexport type ThinkingStepKind = 'step' | 'reasoning' | 'search' | 'coding';\nexport type ThinkingMode = 'steps' | 'reasoning' | 'search' | 'coding' | 'auto';\nexport type ThinkingStatus = 'thinking' | 'done';\n\nexport type ThinkingSearchResult = { title: string; url?: string; domain?: string };\nexport type ThinkingCode = { language?: string; content: string; file?: string };\n\nexport type ThinkingStep = {\n  id: string;\n  kind: ThinkingStepKind;\n  title: React.ReactNode;\n  detail?: React.ReactNode;\n  /** Defaults to `completed`. */\n  status?: AgentStatus;\n  durationMs?: number;\n  /** Result chips rendered by `search` steps. */\n  results?: ThinkingSearchResult[];\n  /** Code block rendered by `coding` steps. */\n  code?: ThinkingCode;\n};\n\nexport type ThinkingProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> & {\n  steps: ThinkingStep[];\n  /** Derived from the steps when omitted: any running step → `thinking`. */\n  status?: ThinkingStatus;\n  /** Total time; rendered as “Thought for 4s” once done. Falls back to the sum of step durations. */\n  durationMs?: number;\n  /** Overrides the default “Thinking” / “Thought for …” header text. */\n  title?: React.ReactNode;\n  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Rendering emphasis. `auto` renders each step by its own `kind`. */\n  mode?: ThinkingMode;\n};\n\nconst MODE_KIND: Record<Exclude<ThinkingMode, 'auto'>, ThinkingStepKind> = {\n  steps: 'step',\n  reasoning: 'reasoning',\n  search: 'search',\n  coding: 'coding',\n};\n\nconst ChevronIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\nconst CheckIcon = () => (\n  <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\nconst XIcon = () => (\n  <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M18 6 6 18M6 6l12 12\" />\n  </svg>\n);\n\nconst Marker: React.FC<{ status: AgentStatus }> = ({ status }) => (\n  <span className={cn('dishui-ai-thinking__marker', `dishui-ai-thinking__marker--${status}`)} title={AGENT_STATUS_LABEL[status]}>\n    {status === 'completed' && <CheckIcon />}\n    {status === 'failed' && <XIcon />}\n    <span className=\"dishui-ai-thinking__sr\">{AGENT_STATUS_LABEL[status]}</span>\n  </span>\n);\n\nconst initialOf = (result: ThinkingSearchResult) => (result.domain ?? result.title).trim().charAt(0).toUpperCase();\n\nconst StepBody: React.FC<{ step: ThinkingStep; kind: ThinkingStepKind }> = ({ step, kind }) => {\n  const status = step.status ?? 'completed';\n  return (\n    <li className={cn('dishui-ai-thinking__step', `dishui-ai-thinking__step--${kind}`, `dishui-ai-thinking__step--${status}`)}>\n      <Marker status={status} />\n      <div className=\"dishui-ai-thinking__content\">\n        <div className=\"dishui-ai-thinking__step-row\">\n          <span className=\"dishui-ai-thinking__step-title\">{step.title}</span>\n          {step.durationMs !== undefined && <span className=\"dishui-ai-thinking__step-duration\">{formatElapsed(step.durationMs)}</span>}\n        </div>\n        {step.detail !== undefined && <div className=\"dishui-ai-thinking__detail\">{step.detail}</div>}\n        {kind === 'search' && step.results && step.results.length > 0 && (\n          <ul className=\"dishui-ai-thinking__results\">\n            {step.results.map(result => {\n              const inner = (\n                <>\n                  <span className=\"dishui-ai-thinking__result-initial\" aria-hidden=\"true\">{initialOf(result)}</span>\n                  <span className=\"dishui-ai-thinking__result-title\">{result.title}</span>\n                  {result.domain && <span className=\"dishui-ai-thinking__result-domain\">{result.domain}</span>}\n                </>\n              );\n              return (\n                <li key={`${result.url ?? ''}-${result.domain ?? ''}-${result.title}`}>\n                  {result.url ? (\n                    <a className=\"dishui-ai-thinking__result\" href={result.url} target=\"_blank\" rel=\"noreferrer\">{inner}</a>\n                  ) : (\n                    <span className=\"dishui-ai-thinking__result\">{inner}</span>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        )}\n        {kind === 'coding' && step.code && (\n          <div className=\"dishui-ai-thinking__code\">\n            <div className=\"dishui-ai-thinking__code-header\">\n              <span className=\"dishui-ai-thinking__code-file\">{step.code.file ?? 'snippet'}</span>\n              {step.code.language && <span className=\"dishui-ai-thinking__code-lang\">{step.code.language}</span>}\n            </div>\n            <pre className=\"dishui-ai-thinking__code-body\"><code>{step.code.content}</code></pre>\n          </div>\n        )}\n      </div>\n    </li>\n  );\n};\n\n/**\n * Expandable reasoning trace. Collapsed by default; the header summarises the\n * currently running step while collapsed and reads “Thought for …” once done.\n */\nexport default function Thinking({\n  steps,\n  status: statusProp,\n  durationMs,\n  title,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onExpandedChange,\n  mode = 'auto',\n  className,\n  ...rest\n}: ThinkingProps) {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n  const controlled = expandedProp !== undefined;\n  const expanded = controlled ? expandedProp : internalExpanded;\n  const bodyId = useId();\n\n  const running = steps.find(step => step.status === 'running');\n  const status: ThinkingStatus = statusProp ?? (running ? 'thinking' : 'done');\n  const thinking = status === 'thinking';\n\n  const stepDurations = steps.reduce<number | undefined>(\n    (sum, step) => (step.durationMs === undefined ? sum : (sum ?? 0) + step.durationMs),\n    undefined,\n  );\n  const totalMs = durationMs ?? stepDurations;\n\n  const defaultTitle = thinking ? 'Thinking' : totalMs !== undefined ? `Thought for ${formatDuration(totalMs)}` : 'Thought';\n  const showDurationMeta = title !== undefined && !thinking && totalMs !== undefined;\n\n  const toggle = () => {\n    const next = !expanded;\n    if (!controlled) setInternalExpanded(next);\n    onExpandedChange?.(next);\n  };\n\n  return (\n    <div\n      {...rest}\n      className={cn('dishui-ai-thinking', thinking && 'dishui-ai-thinking--thinking', expanded && 'dishui-ai-thinking--expanded', className)}\n    >\n      <button type=\"button\" className=\"dishui-ai-thinking__header\" aria-expanded={expanded} aria-controls={bodyId} onClick={toggle}>\n        {thinking && (\n          <span className=\"dishui-ai-thinking__glyph\" aria-hidden=\"true\">\n            <span className=\"dishui-ai-thinking__cell\" />\n            <span className=\"dishui-ai-thinking__cell\" />\n            <span className=\"dishui-ai-thinking__cell\" />\n          </span>\n        )}\n        <span className=\"dishui-ai-thinking__title\">{title ?? defaultTitle}</span>\n        {!expanded && thinking && running && <span className=\"dishui-ai-thinking__summary\">{running.title}</span>}\n        {!expanded && !thinking && steps.length > 0 && (\n          <span className=\"dishui-ai-thinking__meta\">{steps.length} {steps.length === 1 ? 'step' : 'steps'}</span>\n        )}\n        {showDurationMeta && <span className=\"dishui-ai-thinking__meta\">{formatDuration(totalMs)}</span>}\n        <span className=\"dishui-ai-thinking__chevron\" aria-hidden=\"true\"><ChevronIcon /></span>\n      </button>\n      <div id={bodyId} className=\"dishui-ai-thinking__body\" hidden={!expanded}>\n        {steps.length === 0 ? (\n          <p className=\"dishui-ai-thinking__empty\">No steps recorded.</p>\n        ) : (\n          <ol className=\"dishui-ai-thinking__trace\">\n            {steps.map(step => (\n              <StepBody key={step.id} step={step} kind={mode === 'auto' ? step.kind : MODE_KIND[mode]} />\n            ))}\n          </ol>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { AgentStatus } from '../shared';
+export type ToolChip = {
+    id: string;
+    label: React.ReactNode;
+    status?: AgentStatus;
+    detail?: React.ReactNode;
+    duration?: string;
+    onRetry?: () => void;
+};
+export type ToolChipsProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    tools: ToolChip[];
+    expanded?: string[];
+    defaultExpanded?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    labels?: Partial<Record<AgentStatus, string>> & {
+        retry?: string;
+        empty?: string;
+    };
+};
+export default function ToolChips({ tools, expanded, defaultExpanded, onExpandedChange, labels, className, ...rest }: ToolChipsProps): React.JSX.Element;

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

@@ -0,0 +1,63 @@
+import { cn as e } from "../../../utils/cn.js";
+import { AGENT_STATUS_LABEL as t } from "../shared.js";
+/* empty css          */
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ai/ToolChips/index.tsx
+var a = [];
+function o({ tools: o, expanded: s, defaultExpanded: c = a, onExpandedChange: l, labels: u, className: d, ...f }) {
+	let [p, m] = n(c), h = s ?? p, g = (e) => {
+		let t = h.includes(e) ? h.filter((t) => t !== e) : [...h, e];
+		s === void 0 && m(t), l?.(t);
+	};
+	return o.length ? /* @__PURE__ */ r("div", {
+		...f,
+		className: e("dishui-ai-tool-chips", d),
+		children: o.map((n) => {
+			let a = n.status ?? "completed", o = h.includes(n.id), s = `tool-${n.id}-detail`;
+			return /* @__PURE__ */ i("div", {
+				className: e("dishui-ai-tool-chips__item", `dishui-ai-tool-chips__item--${a}`),
+				children: [/* @__PURE__ */ i("button", {
+					type: "button",
+					className: "dishui-ai-tool-chips__chip",
+					"aria-expanded": n.detail ? o : void 0,
+					"aria-controls": n.detail ? s : void 0,
+					onClick: () => n.detail && g(n.id),
+					children: [
+						/* @__PURE__ */ r("span", {
+							className: "dishui-ai-tool-chips__mark",
+							"aria-hidden": "true",
+							children: a === "completed" ? "✓" : a === "failed" ? "!" : a === "running" ? "…" : "·"
+						}),
+						/* @__PURE__ */ r("span", { children: n.label }),
+						/* @__PURE__ */ r("span", {
+							className: "dishui-ai-tool-chips__status",
+							children: u?.[a] ?? t[a]
+						}),
+						n.duration && /* @__PURE__ */ r("span", {
+							className: "dishui-ai-tool-chips__duration",
+							children: n.duration
+						})
+					]
+				}), n.detail && /* @__PURE__ */ i("div", {
+					id: s,
+					hidden: !o,
+					className: "dishui-ai-tool-chips__detail",
+					children: [n.detail, a === "failed" && n.onRetry && /* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: n.onRetry,
+						children: u?.retry ?? "Retry"
+					})]
+				})]
+			}, n.id);
+		})
+	}) : /* @__PURE__ */ r("div", {
+		...f,
+		className: e("dishui-ai-tool-chips dishui-ai-tool-chips--empty", d),
+		children: u?.empty ?? "No tools used"
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ai/ToolChips/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport type { AgentStatus } from '../shared';\nimport { AGENT_STATUS_LABEL } from '../shared';\nimport './ToolChips.css';\n\nconst EMPTY_EXPANDED: string[] = [];\n\nexport type ToolChip = { id: string; label: React.ReactNode; status?: AgentStatus; detail?: React.ReactNode; duration?: string; onRetry?: () => void };\nexport type ToolChipsProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & { tools: ToolChip[]; expanded?: string[]; defaultExpanded?: string[]; onExpandedChange?: (ids: string[]) => void; labels?: Partial<Record<AgentStatus, string>> & { retry?: string; empty?: string } };\n\nexport default function ToolChips({ tools, expanded, defaultExpanded = EMPTY_EXPANDED, onExpandedChange, labels, className, ...rest }: ToolChipsProps) {\n  const [internal, setInternal] = useState(defaultExpanded);\n  const open = expanded ?? internal;\n  const toggle = (id: string) => { const next = open.includes(id) ? open.filter(x => x !== id) : [...open, id]; if (expanded === undefined) setInternal(next); onExpandedChange?.(next); };\n  if (!tools.length) return <div {...rest} className={cn('dishui-ai-tool-chips dishui-ai-tool-chips--empty', className)}>{labels?.empty ?? 'No tools used'}</div>;\n  return <div {...rest} className={cn('dishui-ai-tool-chips', className)}>{tools.map(tool => { const status = tool.status ?? 'completed'; const isOpen = open.includes(tool.id); const panelId = `tool-${tool.id}-detail`; return <div key={tool.id} className={cn('dishui-ai-tool-chips__item', `dishui-ai-tool-chips__item--${status}`)}><button type=\"button\" className=\"dishui-ai-tool-chips__chip\" aria-expanded={tool.detail ? isOpen : undefined} aria-controls={tool.detail ? panelId : undefined} onClick={() => tool.detail && toggle(tool.id)}><span className=\"dishui-ai-tool-chips__mark\" aria-hidden=\"true\">{status === 'completed' ? '✓' : status === 'failed' ? '!' : status === 'running' ? '…' : '·'}</span><span>{tool.label}</span><span className=\"dishui-ai-tool-chips__status\">{labels?.[status] ?? AGENT_STATUS_LABEL[status]}</span>{tool.duration && <span className=\"dishui-ai-tool-chips__duration\">{tool.duration}</span>}</button>{tool.detail && <div id={panelId} hidden={!isOpen} className=\"dishui-ai-tool-chips__detail\">{tool.detail}{status === 'failed' && tool.onRetry && <button type=\"button\" onClick={tool.onRetry}>{labels?.retry ?? 'Retry'}</button>}</div>}</div>; })}</div>;\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAA2B,CAAC;AAKlC,SAAwB,EAAU,EAAE,UAAO,aAAU,qBAAkB,GAAgB,qBAAkB,WAAQ,cAAW,GAAG,KAAwB;CACrJ,IAAM,CAAC,GAAU,KAAe,EAAS,CAAe,GAClD,IAAO,KAAY,GACnB,KAAU,MAAe;EAAE,IAAM,IAAO,EAAK,SAAS,CAAE,IAAI,EAAK,QAAO,MAAK,MAAM,CAAE,IAAI,CAAC,GAAG,GAAM,CAAE;EAAkD,AAA3C,MAAa,KAAA,KAAW,EAAY,CAAI,GAAG,IAAmB,CAAI;CAAG;CAEvL,OADK,EAAM,SACJ,kBAAC,OAAD;EAAK,GAAI;EAAM,WAAW,EAAG,wBAAwB,CAAS;EAAI,UAAA,EAAM,KAAI,MAAQ;GAAE,IAAM,IAAS,EAAK,UAAU,aAAmB,IAAS,EAAK,SAAS,EAAK,EAAE,GAAS,IAAU,QAAQ,EAAK,GAAG;GAAU,OAAO,kBAAC,OAAD;IAAmB,WAAW,EAAG,8BAA8B,+BAA+B,GAAQ;IAAtG,UAAA,CAAyG,kBAAC,UAAD;KAAQ,MAAK;KAAS,WAAU;KAA6B,iBAAe,EAAK,SAAS,IAAS,KAAA;KAAW,iBAAe,EAAK,SAAS,IAAU,KAAA;KAAW,eAAe,EAAK,UAAU,EAAO,EAAK,EAAE;KAA5M,UAAA;MAA+M,kBAAC,QAAD;OAAM,WAAU;OAA6B,eAAY;OAAQ,UAAA,MAAW,cAAc,MAAM,MAAW,WAAW,MAAM,MAAW,YAAY,MAAM;MAAU,CAAA;MAAC,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA;MAAC,kBAAC,QAAD;OAAM,WAAU;OAAgC,UAAA,IAAS,MAAW,EAAmB;MAAc,CAAA;MAAE,EAAK,YAAY,kBAAC,QAAD;OAAM,WAAU;OAAkC,UAAA,EAAK;MAAe,CAAA;KAAU;IAAE,CAAA,GAAA,EAAK,UAAU,kBAAC,OAAD;KAAK,IAAI;KAAS,QAAQ,CAAC;KAAQ,WAAU;KAA7C,UAAA,CAA6E,EAAK,QAAQ,MAAW,YAAY,EAAK,WAAW,kBAAC,UAAD;MAAQ,MAAK;MAAS,SAAS,EAAK;MAAU,UAAA,GAAQ,SAAS;KAAgB,CAAA,CAAO;IAAO,CAAA,CAAA;GAAl6B,GAAA,EAAK,EAA65B;EAAG,CAAC;CAAO,CAAA,IAD7nC,kBAAC,OAAD;EAAK,GAAI;EAAM,WAAW,EAAG,oDAAoD,CAAS;EAAI,UAAA,GAAQ,SAAS;CAAqB,CAAA;AAEhK"}

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

@@ -0,0 +1,50 @@
+/**
+ * AI-native primitives: loading, thinking traces, approvals, tool chips,
+ * agent task rows, streaming answers and the surrounding chrome agents
+ * need to talk to humans. Also published as the `dishui/ai` subpath.
+ */
+export { formatElapsed, formatDuration, AGENT_STATUS_LABEL } from './shared';
+export type { AgentStatus } from './shared';
+export { default as LoadingState } from './LoadingState';
+export type { LoadingStateProps, LoadingStateVariant } from './LoadingState';
+export { default as Thinking } from './Thinking';
+export type { ThinkingProps, ThinkingStep, ThinkingStepKind, ThinkingMode, ThinkingStatus, ThinkingSearchResult, ThinkingCode } from './Thinking';
+export { default as StreamingText } from './StreamingText';
+export type { StreamingTextProps, StreamingSource, StreamingAction, StreamingFeedback } from './StreamingText';
+export { default as ApprovalCard } from './ApprovalCard';
+export type { ApprovalCardProps, ApprovalOption } from './ApprovalCard';
+export { default as ToolChips } from './ToolChips';
+export type { ToolChipsProps, ToolChip } from './ToolChips';
+export { default as TaskRows } from './TaskRows';
+export type { TaskRowsProps, AgentTask, AgentSubtask, TaskRowsView, TaskRowsLabels } from './TaskRows';
+export { default as AgentChat } from './AgentChat';
+export type { AgentChatProps, AgentChatMessage, AgentChatReasoningStep, ChatThread, AgentChatLabels } from './AgentChat';
+export { default as PromptBar } from './PromptBar';
+export type { PromptBarProps, PromptAttachment } from './PromptBar';
+export { default as RecommendationCard } from './RecommendationCard';
+export { confidenceLevel } from './RecommendationCard';
+export type { RecommendationCardProps, Recommendation, RecommendationAlternative, RecommendationCardLabels, ConfidenceLevel } from './RecommendationCard';
+export { default as ContextCards } from './ContextCards';
+export type { ContextCardsProps, ContextChunk, ContextSource, ContextSourceKind, ContextCardsLabels } from './ContextCards';
+export { default as DiffTable } from './DiffTable';
+export { isDiffCellChange, diffRowChange } from './DiffTable';
+export type { DiffTableProps, DiffTableColumn, DiffCellValue, DiffCell, DiffRowChange, DiffRow, DiffDecision } from './DiffTable';
+export { default as RecordsTable } from './RecordsTable';
+export { STRENGTH_LABEL, strengthPercent, formatRelativeTime } from './RecordsTable';
+export type { RecordsTableProps, RecordRow, RecordStrength, RecordsSortKey, RecordsSort } from './RecordsTable';
+export { default as FilterTable } from './FilterTable';
+export type { FilterTableProps, FilterTableColumn, FilterTableFilter } from './FilterTable';
+export { default as CommandSearch } from './CommandSearch';
+export type { CommandSearchProps, CommandSearchItem } from './CommandSearch';
+export { default as StateFlow } from './StateFlow';
+export type { StateFlowProps, StateFlowNode, StateFlowEdge } from './StateFlow';
+export { default as InsightCards } from './InsightCards';
+export type { InsightCardsProps, InsightCardItem } from './InsightCards';
+export { default as CodeView } from './CodeView';
+export type { CodeViewProps } from './CodeView';
+export { default as FineTuneCard } from './FineTuneCard';
+export type { FineTuneCardProps, FineTuneMetric } from './FineTuneCard';
+export { default as SelectionActions } from './SelectionActions';
+export type { SelectionActionsProps, SelectionAction } from './SelectionActions';
+export { default as AgentScreen } from './AgentScreen';
+export type { AgentScreenProps, AgentScreenStatus, AgentScreenLabels } from './AgentScreen';

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

@@ -0,0 +1,13 @@
+/**
+ * Shared helpers for the AI-native component set (`src/components/ai`).
+ * Keep this file dependency-free so every component can import it cheaply.
+ */
+/** Format elapsed milliseconds as `0.0s`, `12s`, `1m 04s`. */
+export declare function formatElapsed(ms: number): string;
+/** Format a duration for prose, e.g. `for 4s`, `for 1m 04s`. */
+export declare function formatDuration(ms: number): string;
+/** Status vocabulary shared by task rows, tool chips and thinking steps. */
+export type AgentStatus = 'pending' | 'running' | 'completed' | 'failed' | 'skipped';
+export declare const AGENT_STATUS_LABEL: Record<AgentStatus, string>;
+/** Clamp a number into `[min, max]`. */
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/components/ai/shared.js

@@ -0,0 +1,25 @@
+//#region src/components/ai/shared.ts
+function e(e) {
+	(!Number.isFinite(e) || e < 0) && (e = 0);
+	let t = e / 1e3;
+	return t < 10 ? `${t.toFixed(1)}s` : t < 60 ? `${Math.floor(t)}s` : `${Math.floor(t / 60)}m ${Math.floor(t % 60).toString().padStart(2, "0")}s`;
+}
+function t(e) {
+	(!Number.isFinite(e) || e < 0) && (e = 0);
+	let t = Math.round(e / 1e3);
+	return t < 60 ? `${t}s` : `${Math.floor(t / 60)}m ${(t % 60).toString().padStart(2, "0")}s`;
+}
+var n = {
+	pending: "Pending",
+	running: "Running",
+	completed: "Completed",
+	failed: "Failed",
+	skipped: "Skipped"
+};
+function r(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+//#endregion
+export { n as AGENT_STATUS_LABEL, r as clamp, t as formatDuration, e as formatElapsed };
+
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"sources":["../../../src/components/ai/shared.ts"],"sourcesContent":["/**\n * Shared helpers for the AI-native component set (`src/components/ai`).\n * Keep this file dependency-free so every component can import it cheaply.\n */\n\n/** Format elapsed milliseconds as `0.0s`, `12s`, `1m 04s`. */\nexport function formatElapsed(ms: number): string {\n  if (!Number.isFinite(ms) || ms < 0) ms = 0;\n  const seconds = ms / 1000;\n  if (seconds < 10) return `${seconds.toFixed(1)}s`;\n  if (seconds < 60) return `${Math.floor(seconds)}s`;\n  const minutes = Math.floor(seconds / 60);\n  const rest = Math.floor(seconds % 60);\n  return `${minutes}m ${rest.toString().padStart(2, '0')}s`;\n}\n\n/** Format a duration for prose, e.g. `for 4s`, `for 1m 04s`. */\nexport function formatDuration(ms: number): string {\n  if (!Number.isFinite(ms) || ms < 0) ms = 0;\n  const seconds = Math.round(ms / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const rest = seconds % 60;\n  return `${minutes}m ${rest.toString().padStart(2, '0')}s`;\n}\n\n/** Status vocabulary shared by task rows, tool chips and thinking steps. */\nexport type AgentStatus = 'pending' | 'running' | 'completed' | 'failed' | 'skipped';\n\nexport const AGENT_STATUS_LABEL: Record<AgentStatus, string> = {\n  pending: 'Pending',\n  running: 'Running',\n  completed: 'Completed',\n  failed: 'Failed',\n  skipped: 'Skipped',\n};\n\n/** Clamp a number into `[min, max]`. */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n"],"mappings":";AAMA,SAAgB,EAAc,GAAoB;CAChD,CAAI,CAAC,OAAO,SAAS,CAAE,KAAK,IAAK,OAAG,IAAK;CACzC,IAAM,IAAU,IAAK;CAKrB,OAJI,IAAU,KAAW,GAAG,EAAQ,QAAQ,CAAC,EAAE,KAC3C,IAAU,KAAW,GAAG,KAAK,MAAM,CAAO,EAAE,KAGzC,GAFS,KAAK,MAAM,IAAU,EAE3B,EAAQ,IADL,KAAK,MAAM,IAAU,EACZ,CAAA,CAAK,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE;AACzD;AAGA,SAAgB,EAAe,GAAoB;CACjD,CAAI,CAAC,OAAO,SAAS,CAAE,KAAK,IAAK,OAAG,IAAK;CACzC,IAAM,IAAU,KAAK,MAAM,IAAK,GAAI;CAIpC,OAHI,IAAU,KAAW,GAAG,EAAQ,KAG7B,GAFS,KAAK,MAAM,IAAU,EAE3B,EAAQ,KADL,IAAU,GAAA,CACI,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE;AACzD;AAKA,IAAa,IAAkD;CAC7D,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,SAAS;AACX;AAGA,SAAgB,EAAM,GAAe,GAAa,GAAqB;CACrE,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC3C"}

package/dist/components/pro/DataTable/DataTable.js

@@ -5,31 +5,33 @@ import { TableBody as r } from "./components/TableBody.js";
 import { TablePagination as i } from "./components/TablePagination.js";
 import { treeRowAnimationStyles as a } from "./treeDataUtils.js";
 import { useDataTableModel as o } from "./useDataTableModel.js";
-import { useColumnDragReorder as s } from "./useColumnDragReorder.js";
-import c, { useCallback as l, useEffect as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useColumnDragReorder as ee } from "./useColumnDragReorder.js";
+import s, { useCallback as c, useEffect as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/pro/DataTable/DataTable.tsx
-function h(h) {
-	let { data: g, columns: _, className: v = "", enableSorting: y = !0, enablePagination: b = !0, enableColumnReordering: x = !0, enableExpanding: S = !1, indentSize: C = 16, toolbar: w = {
+function m(m) {
+	let { data: h, columns: te, className: ne = "", viewMode: g, defaultViewMode: _ = "table", onViewModeChange: v, enableViewSwitcher: y = !1, viewSwitcherLabels: b, cardOptions: x, enableSorting: S = !0, enablePagination: C = !0, enableColumnReordering: w = !0, enableExpanding: re = !1, indentSize: ie = 16, toolbar: ae = {
 		enabled: !1,
 		enableColumnSelector: !1,
 		enableFiltering: !1,
 		enableBulkActions: !1
-	}, customFilterPanel: T, onRowClick: ee, onRowDoubleClick: te, onRowMouseEnter: ne, onRowMouseLeave: re, onCellClick: E, onCellDoubleClick: D, onCellMouseEnter: O, onCellMouseLeave: k, onColumnMouseEnter: A, onColumnMouseLeave: j, extensions: M = [] } = h, { table: N, rowSelection: P, visibilityState: F, columnOrderState: I, setColumnOrderState: L, expandedRowsState: R, handleRowExpand: z, resolveRowId: B, handlePaginationChange: V } = o(h), [H, U] = d(null), { draggedColumnId: W, handleDragStart: G, handleDragOver: K, handleDrop: q } = s(I, L), J = {
+	}, customFilterPanel: oe, onRowClick: se, onRowDoubleClick: ce, onRowMouseEnter: le, onRowMouseLeave: T, onCellClick: E, onCellDoubleClick: D, onCellMouseEnter: O, onCellMouseLeave: k, onColumnMouseEnter: A, onColumnMouseLeave: j, extensions: M = [] } = m, { table: N, rowSelection: P, visibilityState: F, columnOrderState: I, setColumnOrderState: L, expandedRowsState: R, handleRowExpand: z, resolveRowId: B, handlePaginationChange: ue } = o(m), [V, H] = u(null), [U, de] = u(_), W = g ?? U, fe = (e) => {
+		e !== W && (g === void 0 && de(e), v?.(e));
+	}, { draggedColumnId: G, handleDragStart: K, handleDragOver: pe, handleDrop: q } = ee(I, L), J = {
 		table: N,
-		data: g,
+		data: h,
 		rows: N.getRowModel().rows,
 		selectedRows: N.getSelectedRowModel().flatRows.map((e) => e.original),
 		getRowId: B
-	}, [Y, X] = d(null);
-	u(() => {
+	}, [Y, X] = u(null);
+	l(() => {
 		if (!Y) return;
 		let e = () => X(null);
 		return window.addEventListener("click", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("click", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [Y]);
-	let ie = l((e, t, n, r) => {
+	let me = c((e, t, n, r) => {
 		if (M.length === 0) return;
 		let i = n?.id ?? "", a = {
 			value: n?.id == null ? void 0 : t[n.id],
@@ -62,85 +64,102 @@ function h(h) {
 			break;
 		}
 	}
-	return u(() => {
+	return l(() => {
 		let e = document.createElement("style");
 		return e.textContent = a, document.head.appendChild(e), () => {
 			document.head.removeChild(e);
 		};
-	}, []), /* @__PURE__ */ m("div", {
-		className: `w-full ${v}`,
+	}, []), /* @__PURE__ */ p("div", {
+		className: `w-full ${ne}`,
 		children: [
-			/* @__PURE__ */ p(t, {
-				toolbar: w,
+			/* @__PURE__ */ f(t, {
+				toolbar: ae,
 				table: N,
-				columns: _,
+				columns: te,
 				columnOrderState: I,
 				visibilityState: F,
-				activeFilter: H,
-				setActiveFilter: U,
-				customFilterPanel: T,
-				draggedColumnId: W,
-				handleDragStart: G,
+				activeFilter: V,
+				setActiveFilter: H,
+				customFilterPanel: oe,
+				draggedColumnId: G,
+				handleDragStart: K,
 				toggleColumnVisibility: (e) => {
 					N.getColumn(e)?.toggleVisibility();
 				},
 				rowSelection: P,
-				data: g,
-				enableColumnReordering: x,
-				handleDrop: q
+				data: h,
+				enableColumnReordering: w,
+				handleDrop: q,
+				viewSwitcher: y && $ === void 0 ? /* @__PURE__ */ f("div", {
+					role: "group",
+					"aria-label": b?.label ?? "显示方式",
+					className: "flex items-center gap-1",
+					children: ["table", "card"].map((e) => /* @__PURE__ */ f("button", {
+						type: "button",
+						className: `btn btn-sm ${W === e ? "btn-neutral" : "btn-ghost"}`,
+						"aria-pressed": W === e,
+						disabled: g !== void 0 && !v,
+						onClick: () => fe(e),
+						children: b?.[e] ?? (e === "table" ? "表格" : "卡片")
+					}, e))
+				}) : void 0
 			}),
-			Z.length > 0 && /* @__PURE__ */ p("div", {
+			Z.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-start gap-3 mb-4",
-				children: Z.map((e) => /* @__PURE__ */ p(c.Fragment, { children: e.node }, e.name))
+				children: Z.map((e) => /* @__PURE__ */ f(s.Fragment, { children: e.node }, e.name))
 			}),
-			$ === void 0 ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			$ === void 0 ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ m(e, {
+				children: /* @__PURE__ */ p(e, {
 					className: "table-sm w-full",
-					children: [/* @__PURE__ */ p(n, {
+					card: W === "card",
+					cardOptions: x,
+					children: [/* @__PURE__ */ f(n, {
 						table: N,
 						visibilityState: F,
-						enableSorting: y,
-						enableColumnReordering: x,
-						draggedColumnId: W,
+						enableSorting: S,
+						enableColumnReordering: w,
+						draggedColumnId: G,
 						onColumnMouseEnter: A,
 						onColumnMouseLeave: j,
-						handleDragStart: G,
-						handleDragOver: K,
+						handleDragStart: K,
+						handleDragOver: pe,
 						handleDrop: q
-					}), /* @__PURE__ */ p(r, {
+					}), /* @__PURE__ */ f(r, {
 						table: N,
+						card: W === "card",
+						fieldLabels: x?.fieldLabels,
 						expandedRowsState: R,
-						onRowClick: ee,
-						onRowDoubleClick: te,
-						onRowMouseEnter: ne,
-						onRowMouseLeave: re,
+						onRowClick: se,
+						onRowDoubleClick: ce,
+						onRowMouseEnter: le,
+						onRowMouseLeave: T,
 						onCellClick: E,
 						onCellDoubleClick: D,
 						onCellMouseEnter: O,
 						onCellMouseLeave: k,
-						enableExpanding: S,
-						indentSize: C,
+						enableExpanding: re,
+						indentSize: ie,
 						handleRowExpand: z,
 						extensions: M,
 						extensionApi: J,
 						getRowId: B,
-						onCellContextMenu: ie
+						onCellContextMenu: me
 					})]
 				})
-			}), /* @__PURE__ */ p(i, {
-				enablePagination: b,
+			}), /* @__PURE__ */ f(i, {
+				enablePagination: C,
 				table: N,
-				onPaginationChange: V
-			})] }) : /* @__PURE__ */ p("div", {
+				onPaginationChange: ue
+			})] }) : /* @__PURE__ */ f("div", {
 				className: "w-full",
 				children: $
 			}),
-			Q.length > 0 && /* @__PURE__ */ p("div", {
+			Q.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-center gap-3 mt-4",
-				children: Q.map((e) => /* @__PURE__ */ p(c.Fragment, { children: e.node }, e.name))
+				children: Q.map((e) => /* @__PURE__ */ f(s.Fragment, { children: e.node }, e.name))
 			}),
-			Y && /* @__PURE__ */ p("ul", {
+			Y && /* @__PURE__ */ f("ul", {
 				className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 z-1000 p-1",
 				style: {
 					position: "fixed",
@@ -148,7 +167,7 @@ function h(h) {
 					left: Y.x,
 					minWidth: 160
 				},
-				children: Y.items.map((e) => e.separator ? /* @__PURE__ */ p("li", { className: "my-1 border-t border-base-300" }, e.key) : /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("button", {
+				children: Y.items.map((e) => e.separator ? /* @__PURE__ */ f("li", { className: "my-1 border-t border-base-300" }, e.key) : /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f("button", {
 					type: "button",
 					disabled: e.disabled,
 					onClick: () => {
@@ -161,6 +180,6 @@ function h(h) {
 	});
 }
 //#endregion
-export { h as default };
+export { m as default };
 
 //# sourceMappingURL=DataTable.js.map