dishui 0.0.91 → 0.0.101

package/dist/.release-verified.json

@@ -0,0 +1,6 @@
+{
+  "version": "0.0.101",
+  "full": false,
+  "node": "v22.13.1",
+  "verifiedAt": "2026-09-23T16:41:18.570Z"
+}

package/dist/ai.js

@@ -0,0 +1,24 @@
+import e from "./components/ai/ApprovalCard/index.js";
+import { AGENT_STATUS_LABEL as t, formatDuration as n, formatElapsed as r } from "./components/ai/shared.js";
+import i, { confidenceLevel as a } from "./components/ai/RecommendationCard/index.js";
+import o from "./components/ai/ContextCards/index.js";
+import s from "./components/ai/InsightCards/index.js";
+import c from "./components/ai/FineTuneCard/index.js";
+import l from "./components/ai/IssueCard/index.js";
+import u from "./components/ai/AgentRunCard/index.js";
+import d from "./components/ai/StreamingText/index.js";
+import f from "./components/ai/LoadingState/index.js";
+import p from "./components/ai/Thinking/index.js";
+import m from "./components/ai/ToolChips/index.js";
+import h from "./components/ai/TaskRows/index.js";
+import g from "./components/ai/AgentChat/index.js";
+import _ from "./components/ai/PromptBar/index.js";
+import v, { diffRowChange as y, isDiffCellChange as b } from "./components/ai/DiffTable/index.js";
+import x, { STRENGTH_LABEL as S, formatRelativeTime as C, strengthPercent as w } from "./components/ai/RecordsTable/index.js";
+import T from "./components/ai/FilterTable/index.js";
+import E from "./components/ai/CommandSearch/index.js";
+import D from "./components/ai/StateFlow/index.js";
+import O from "./components/ai/CodeView/index.js";
+import k from "./components/ai/SelectionActions/index.js";
+import A from "./components/ai/AgentScreen/index.js";
+export { t as AGENT_STATUS_LABEL, g as AgentChat, u as AgentRunCard, A as AgentScreen, e as ApprovalCard, O as CodeView, E as CommandSearch, o as ContextCards, v as DiffTable, T as FilterTable, c as FineTuneCard, s as InsightCards, l as IssueCard, f as LoadingState, _ as PromptBar, i as RecommendationCard, x as RecordsTable, S as STRENGTH_LABEL, k as SelectionActions, D as StateFlow, d as StreamingText, h as TaskRows, p as Thinking, m as ToolChips, a as confidenceLevel, y as diffRowChange, n as formatDuration, r as formatElapsed, C as formatRelativeTime, b as isDiffCellChange, w as strengthPercent };

package/dist/components/Card/Metric2.js

@@ -5,40 +5,40 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Card/Metric.tsx
 var r = [], i = ({ title: i, meta: a, period: o, value: s, description: c, items: l = r, loading: u = !1, className: d, ...f }) => /* @__PURE__ */ n("article", {
 	...f,
-	className: e("blade-card-metric", d),
+	className: e("dishui-card-metric", d),
 	"aria-busy": u || void 0,
 	children: [/* @__PURE__ */ n("div", {
-		className: "blade-card-metric__body",
+		className: "dishui-card-metric__body",
 		children: [
 			(a != null || o != null) && /* @__PURE__ */ n("div", {
-				className: "blade-card-metric__meta",
+				className: "dishui-card-metric__meta",
 				children: [/* @__PURE__ */ t("span", { children: a }), /* @__PURE__ */ t("span", {
-					className: "blade-card-metric__period",
+					className: "dishui-card-metric__period",
 					children: o
 				})]
 			}),
 			/* @__PURE__ */ t("h3", {
-				className: "blade-card-metric__title",
+				className: "dishui-card-metric__title",
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: "blade-card-metric__value",
+				className: "dishui-card-metric__value",
 				children: u ? /* @__PURE__ */ t("span", {
-					className: "blade-card-metric__skeleton",
+					className: "dishui-card-metric__skeleton",
 					"aria-hidden": "true"
 				}) : s
 			}),
 			c != null && /* @__PURE__ */ t("div", {
-				className: "blade-card-metric__description",
+				className: "dishui-card-metric__description",
 				children: c
 			})
 		]
 	}), l.length > 0 && /* @__PURE__ */ t("dl", {
-		className: "blade-card-metric__footer",
+		className: "dishui-card-metric__footer",
 		children: l.map((e, r) => /* @__PURE__ */ n("div", {
-			className: "blade-card-metric__item",
+			className: "dishui-card-metric__item",
 			children: [/* @__PURE__ */ t("dt", { children: e.label }), /* @__PURE__ */ t("dd", { children: u ? /* @__PURE__ */ t("span", {
-				className: "blade-card-metric__skeleton",
+				className: "dishui-card-metric__skeleton",
 				"aria-hidden": "true"
 			}) : e.value })]
 		}, e.key ?? r))

package/dist/components/Card/Metric2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Metric2.js","names":[],"sources":["../../../src/components/Card/Metric.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './Metric.css';\n\nexport type CardMetricItem = {\n  /** Stable identity for items that may be reordered. */\n  key?: React.Key;\n  label: React.ReactNode;\n  value: React.ReactNode;\n};\n\nexport type CardMetricProps = Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children'> & {\n  title: React.ReactNode;\n  meta?: React.ReactNode;\n  period?: React.ReactNode;\n  value: React.ReactNode;\n  description?: React.ReactNode;\n  items?: CardMetricItem[];\n  loading?: boolean;\n};\n\nconst EMPTY_ITEMS: CardMetricItem[] = [];\n\nexport const CardMetric = ({\n  title, meta, period, value, description, items = EMPTY_ITEMS, loading = false,\n  className, ...rest\n}: CardMetricProps) => (\n  <article {...rest} className={cn('blade-card-metric', className)} aria-busy={loading || undefined}>\n    <div className=\"blade-card-metric__body\">\n      {((meta !== null && meta !== undefined) || (period !== null && period !== undefined)) && (\n        <div className=\"blade-card-metric__meta\">\n          <span>{meta}</span>\n          <span className=\"blade-card-metric__period\">{period}</span>\n        </div>\n      )}\n      <h3 className=\"blade-card-metric__title\">{title}</h3>\n      <div className=\"blade-card-metric__value\">\n        {loading ? <span className=\"blade-card-metric__skeleton\" aria-hidden=\"true\" /> : value}\n      </div>\n      {description !== null && description !== undefined && <div className=\"blade-card-metric__description\">{description}</div>}\n    </div>\n    {items.length > 0 && (\n      <dl className=\"blade-card-metric__footer\">\n        {items.map((item, index) => (\n          <div className=\"blade-card-metric__item\" key={item.key ?? index}>\n            <dt>{item.label}</dt>\n            <dd>{loading ? <span className=\"blade-card-metric__skeleton\" aria-hidden=\"true\" /> : item.value}</dd>\n          </div>\n        ))}\n      </dl>\n    )}\n  </article>\n);\n"],"mappings":";;;;;AAqBA,IAAM,IAAgC,CAAC,GAE1B,KAAc,EACzB,UAAO,SAAM,WAAQ,UAAO,gBAAa,WAAQ,GAAa,aAAU,IACxE,cAAW,GAAG,QAEd,kBAAC,WAAD;CAAS,GAAI;CAAM,WAAW,EAAG,qBAAqB,CAAS;CAAG,aAAW,KAAW,KAAA;CAAxF,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;IACK,KAAS,QAAgC,KAAW,SACrD,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD,EAAA,UAAO,EAAW,CAAA,GAClB,kBAAC,QAAD;KAAM,WAAU;KAA6B,UAAA;IAAa,CAAA,CACvD;;GAEP,kBAAC,MAAD;IAAI,WAAU;IAA4B,UAAA;GAAU,CAAA;GACpD,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,IAAU,kBAAC,QAAD;KAAM,WAAU;KAA8B,eAAY;IAAQ,CAAA,IAAI;GAC9E,CAAA;GACJ,KAAgB,QAAqC,kBAAC,OAAD;IAAK,WAAU;IAAkC,UAAA;GAAiB,CAAA;EACrH;CACJ,CAAA,GAAA,EAAM,SAAS,KACd,kBAAC,MAAD;EAAI,WAAU;EACX,UAAA,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,MAAD,EAAA,UAAK,EAAK,MAAU,CAAA,GACpB,kBAAC,MAAD,EAAA,UAAK,IAAU,kBAAC,QAAD;IAAM,WAAU;IAA8B,eAAY;GAAQ,CAAA,IAAI,EAAK,MAAU,CAAA,CACjG;EAHyC,GAAA,EAAK,OAAO,CAGrD,CACN;CACC,CAAA,CAEC"}
+{"version":3,"file":"Metric2.js","names":[],"sources":["../../../src/components/Card/Metric.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './Metric.css';\n\nexport type CardMetricItem = {\n  /** Stable identity for items that may be reordered. */\n  key?: React.Key;\n  label: React.ReactNode;\n  value: React.ReactNode;\n};\n\nexport type CardMetricProps = Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children'> & {\n  title: React.ReactNode;\n  meta?: React.ReactNode;\n  period?: React.ReactNode;\n  value: React.ReactNode;\n  description?: React.ReactNode;\n  items?: CardMetricItem[];\n  loading?: boolean;\n};\n\nconst EMPTY_ITEMS: CardMetricItem[] = [];\n\nexport const CardMetric = ({\n  title, meta, period, value, description, items = EMPTY_ITEMS, loading = false,\n  className, ...rest\n}: CardMetricProps) => (\n  <article {...rest} className={cn('dishui-card-metric', className)} aria-busy={loading || undefined}>\n    <div className=\"dishui-card-metric__body\">\n      {((meta !== null && meta !== undefined) || (period !== null && period !== undefined)) && (\n        <div className=\"dishui-card-metric__meta\">\n          <span>{meta}</span>\n          <span className=\"dishui-card-metric__period\">{period}</span>\n        </div>\n      )}\n      <h3 className=\"dishui-card-metric__title\">{title}</h3>\n      <div className=\"dishui-card-metric__value\">\n        {loading ? <span className=\"dishui-card-metric__skeleton\" aria-hidden=\"true\" /> : value}\n      </div>\n      {description !== null && description !== undefined && <div className=\"dishui-card-metric__description\">{description}</div>}\n    </div>\n    {items.length > 0 && (\n      <dl className=\"dishui-card-metric__footer\">\n        {items.map((item, index) => (\n          <div className=\"dishui-card-metric__item\" key={item.key ?? index}>\n            <dt>{item.label}</dt>\n            <dd>{loading ? <span className=\"dishui-card-metric__skeleton\" aria-hidden=\"true\" /> : item.value}</dd>\n          </div>\n        ))}\n      </dl>\n    )}\n  </article>\n);\n"],"mappings":";;;;;AAqBA,IAAM,IAAgC,CAAC,GAE1B,KAAc,EACzB,UAAO,SAAM,WAAQ,UAAO,gBAAa,WAAQ,GAAa,aAAU,IACxE,cAAW,GAAG,QAEd,kBAAC,WAAD;CAAS,GAAI;CAAM,WAAW,EAAG,sBAAsB,CAAS;CAAG,aAAW,KAAW,KAAA;CAAzF,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;IACK,KAAS,QAAgC,KAAW,SACrD,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD,EAAA,UAAO,EAAW,CAAA,GAClB,kBAAC,QAAD;KAAM,WAAU;KAA8B,UAAA;IAAa,CAAA,CACxD;;GAEP,kBAAC,MAAD;IAAI,WAAU;IAA6B,UAAA;GAAU,CAAA;GACrD,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,IAAU,kBAAC,QAAD;KAAM,WAAU;KAA+B,eAAY;IAAQ,CAAA,IAAI;GAC/E,CAAA;GACJ,KAAgB,QAAqC,kBAAC,OAAD;IAAK,WAAU;IAAmC,UAAA;GAAiB,CAAA;EACtH;CACJ,CAAA,GAAA,EAAM,SAAS,KACd,kBAAC,MAAD;EAAI,WAAU;EACX,UAAA,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,MAAD,EAAA,UAAK,EAAK,MAAU,CAAA,GACpB,kBAAC,MAAD,EAAA,UAAK,IAAU,kBAAC,QAAD;IAAM,WAAU;IAA+B,eAAY;GAAQ,CAAA,IAAI,EAAK,MAAU,CAAA,CAClG;EAH0C,GAAA,EAAK,OAAO,CAGtD,CACN;CACC,CAAA,CAEC"}

package/dist/components/Card/Ticket.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+export type CardTicketTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+export type CardTicketPriorityLevel = 'none' | 'lowest' | 'low' | 'medium' | 'high' | 'highest';
+export type CardTicketStatus = {
+    label: React.ReactNode;
+    tone?: CardTicketTone;
+};
+export type CardTicketIssueType = {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    tone?: CardTicketTone;
+};
+export type CardTicketAssignee = {
+    id?: React.Key;
+    name: string;
+    avatarUrl?: string;
+    avatarAlt?: string;
+};
+export type CardTicketPriority = {
+    level: CardTicketPriorityLevel;
+    label?: React.ReactNode;
+};
+export type CardTicketLabel = {
+    id?: React.Key;
+    label: React.ReactNode;
+};
+export type CardTicketSubtaskProgress = {
+    completed: number;
+    total: number;
+    label?: React.ReactNode;
+};
+export type CardTicketProps = Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'id' | 'onClick'> & {
+    /** DOM id for linking the ticket to other UI. Use React's reserved `key` separately in lists. */
+    id?: string;
+    /** Human-facing issue key, for example `WEB-142`. */
+    issueKey?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: CardTicketStatus | React.ReactNode;
+    issueType?: CardTicketIssueType | React.ReactNode;
+    assignees?: CardTicketAssignee[];
+    priority?: CardTicketPriority | CardTicketPriorityLevel;
+    labels?: Array<CardTicketLabel | React.ReactNode>;
+    dueDate?: React.ReactNode;
+    estimate?: React.ReactNode;
+    subtaskProgress?: CardTicketSubtaskProgress;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    className?: string;
+};
+export declare const CardTicket: ({ id, issueKey, title, description, status, issueType, assignees, priority, labels, dueDate, estimate, subtaskProgress, selected, disabled, onClick, className, ...rest }: CardTicketProps) => React.JSX.Element;

package/dist/components/Card/Ticket2.js

@@ -0,0 +1,218 @@
+import { cn as e } from "../../utils/cn.js";
+/* empty css       */
+import t, { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Card/Ticket.tsx
+var a = [], o = [], s = {
+	none: "No priority",
+	lowest: "Lowest priority",
+	low: "Low priority",
+	medium: "Medium priority",
+	high: "High priority",
+	highest: "Highest priority"
+}, c = (e) => {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.slice(0, 2).map((e) => Array.from(e)[0]).join("").toUpperCase();
+}, l = () => /* @__PURE__ */ i("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ r("rect", {
+		x: "2.5",
+		y: "2.5",
+		width: "11",
+		height: "11",
+		rx: "2",
+		stroke: "currentColor"
+	}), /* @__PURE__ */ r("path", {
+		d: "M5 6h6M5 8.5h4.5",
+		stroke: "currentColor",
+		strokeLinecap: "round"
+	})]
+}), u = ({ type: e }) => e === "calendar" ? /* @__PURE__ */ i("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ r("rect", {
+		x: "2.5",
+		y: "3.5",
+		width: "11",
+		height: "10",
+		rx: "2",
+		stroke: "currentColor"
+	}), /* @__PURE__ */ r("path", {
+		d: "M5 2v3M11 2v3M3 6.5h10",
+		stroke: "currentColor"
+	})]
+}) : e === "estimate" ? /* @__PURE__ */ i("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ r("circle", {
+		cx: "8",
+		cy: "8",
+		r: "5.5",
+		stroke: "currentColor"
+	}), /* @__PURE__ */ r("path", {
+		d: "M8 5v3.5l2 1",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+}) : /* @__PURE__ */ i("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ r("rect", {
+		x: "2.5",
+		y: "2.5",
+		width: "11",
+		height: "11",
+		rx: "2",
+		stroke: "currentColor"
+	}), /* @__PURE__ */ r("path", {
+		d: "m5 8 2 2 4-4",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+}), d = ({ assignee: e }) => {
+	let [t, i] = n(!1), a = !!e.avatarUrl && !t;
+	return /* @__PURE__ */ r("span", {
+		className: "dishui-card-ticket__avatar",
+		title: e.name,
+		"aria-label": e.name,
+		children: a ? /* @__PURE__ */ r("img", {
+			src: e.avatarUrl,
+			alt: e.avatarAlt ?? "",
+			onError: () => i(!0)
+		}) : /* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			children: c(e.name)
+		})
+	});
+}, f = (e) => {
+	if (e != null) return typeof e == "object" && !t.isValidElement(e) && "label" in e ? e : {
+		label: e,
+		tone: "neutral"
+	};
+}, p = (e) => {
+	if (e != null) return typeof e == "object" && !t.isValidElement(e) && "label" in e ? e : {
+		label: e,
+		tone: "neutral"
+	};
+}, m = ({ id: n, issueKey: c, title: m, description: h, status: g, issueType: _, assignees: v = a, priority: y = "none", labels: b = o, dueDate: x, estimate: S, subtaskProgress: C, selected: w = !1, disabled: T = !1, onClick: E, className: D, ...O }) => {
+	let k = !!E, A = f(g), j = p(_), M = typeof y == "string" ? { level: y } : y, N = M.label ?? s[M.level], P = Math.max(0, C?.completed ?? 0), F = Math.max(0, C?.total ?? 0), I = F > 0 ? Math.min(100, P / F * 100) : 0;
+	return /* @__PURE__ */ i("article", {
+		...O,
+		id: n,
+		className: e("dishui-card-ticket", k && !T && "dishui-card-ticket--interactive", w && "dishui-card-ticket--selected", T && "dishui-card-ticket--disabled", D),
+		role: k ? "button" : void 0,
+		tabIndex: k && !T ? 0 : void 0,
+		"aria-pressed": k ? w : void 0,
+		"aria-disabled": T || void 0,
+		onClick: k && !T ? E : void 0,
+		onKeyDown: k && !T ? (e) => {
+			e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.repeat || e.currentTarget.click());
+		} : void 0,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "dishui-card-ticket__header",
+				children: [
+					j && /* @__PURE__ */ i("span", {
+						className: e("dishui-card-ticket__type", `dishui-card-ticket__type--${j.tone ?? "neutral"}`),
+						title: typeof j.label == "string" ? j.label : void 0,
+						children: [/* @__PURE__ */ r("span", {
+							className: "dishui-card-ticket__type-icon",
+							"aria-hidden": "true",
+							children: j.icon ?? /* @__PURE__ */ r(l, {})
+						}), /* @__PURE__ */ r("span", {
+							className: "dishui-card-ticket__type-label",
+							children: j.label
+						})]
+					}),
+					c != null && /* @__PURE__ */ r("span", {
+						className: "dishui-card-ticket__key",
+						children: c
+					}),
+					A && /* @__PURE__ */ r("span", {
+						className: e("dishui-card-ticket__status", `dishui-card-ticket__status--${A.tone ?? "neutral"}`),
+						children: A.label
+					})
+				]
+			}),
+			/* @__PURE__ */ r("h3", {
+				className: "dishui-card-ticket__title",
+				children: m
+			}),
+			h != null && /* @__PURE__ */ r("div", {
+				className: "dishui-card-ticket__description",
+				children: h
+			}),
+			b.length > 0 && /* @__PURE__ */ r("div", {
+				className: "dishui-card-ticket__labels",
+				"aria-label": "Labels",
+				children: b.map((e, n) => {
+					let i = typeof e == "object" && e && !t.isValidElement(e) && "label" in e ? e : { label: e };
+					return /* @__PURE__ */ r("span", {
+						className: "dishui-card-ticket__label",
+						children: i.label
+					}, i.id ?? n);
+				})
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "dishui-card-ticket__footer",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: e("dishui-card-ticket__priority", `dishui-card-ticket__priority--${M.level}`),
+						title: typeof N == "string" ? N : void 0,
+						children: [/* @__PURE__ */ i("span", {
+							className: "dishui-card-ticket__priority-bars",
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ r("i", {}),
+								/* @__PURE__ */ r("i", {}),
+								/* @__PURE__ */ r("i", {})
+							]
+						}), /* @__PURE__ */ r("span", { children: N })]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "dishui-card-ticket__metadata",
+						children: [
+							x != null && /* @__PURE__ */ i("span", {
+								className: "dishui-card-ticket__meta",
+								children: [/* @__PURE__ */ r(u, { type: "calendar" }), /* @__PURE__ */ r("span", { children: x })]
+							}),
+							S != null && /* @__PURE__ */ i("span", {
+								className: "dishui-card-ticket__meta",
+								children: [/* @__PURE__ */ r(u, { type: "estimate" }), /* @__PURE__ */ r("span", { children: S })]
+							}),
+							C && /* @__PURE__ */ i("span", {
+								className: "dishui-card-ticket__meta dishui-card-ticket__subtasks",
+								"aria-label": typeof C.label == "string" ? C.label : `${P} of ${F} subtasks complete`,
+								children: [
+									/* @__PURE__ */ r(u, { type: "subtask" }),
+									/* @__PURE__ */ r("span", { children: C.label ?? `${P}/${F}` }),
+									/* @__PURE__ */ r("span", {
+										className: "dishui-card-ticket__progress",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ r("span", { style: { width: `${I}%` } })
+									})
+								]
+							})
+						]
+					}),
+					v.length > 0 && /* @__PURE__ */ r("div", {
+						className: "dishui-card-ticket__assignees",
+						"aria-label": "Assignees",
+						children: v.map((e, t) => /* @__PURE__ */ r(d, { assignee: e }, e.id ?? `${e.name}-${t}`))
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { m as CardTicket };
+
+//# sourceMappingURL=Ticket2.js.map

package/dist/components/Card/Ticket2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticket2.js","names":[],"sources":["../../../src/components/Card/Ticket.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport './Ticket.css';\n\nexport type CardTicketTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\nexport type CardTicketPriorityLevel = 'none' | 'lowest' | 'low' | 'medium' | 'high' | 'highest';\n\nexport type CardTicketStatus = {\n  label: React.ReactNode;\n  tone?: CardTicketTone;\n};\n\nexport type CardTicketIssueType = {\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  tone?: CardTicketTone;\n};\n\nexport type CardTicketAssignee = {\n  id?: React.Key;\n  name: string;\n  avatarUrl?: string;\n  avatarAlt?: string;\n};\n\nexport type CardTicketPriority = {\n  level: CardTicketPriorityLevel;\n  label?: React.ReactNode;\n};\n\nexport type CardTicketLabel = {\n  id?: React.Key;\n  label: React.ReactNode;\n};\n\nexport type CardTicketSubtaskProgress = {\n  completed: number;\n  total: number;\n  label?: React.ReactNode;\n};\n\nexport type CardTicketProps = Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'id' | 'onClick'> & {\n  /** DOM id for linking the ticket to other UI. Use React's reserved `key` separately in lists. */\n  id?: string;\n  /** Human-facing issue key, for example `WEB-142`. */\n  issueKey?: React.ReactNode;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  status?: CardTicketStatus | React.ReactNode;\n  issueType?: CardTicketIssueType | React.ReactNode;\n  assignees?: CardTicketAssignee[];\n  priority?: CardTicketPriority | CardTicketPriorityLevel;\n  labels?: Array<CardTicketLabel | React.ReactNode>;\n  dueDate?: React.ReactNode;\n  estimate?: React.ReactNode;\n  subtaskProgress?: CardTicketSubtaskProgress;\n  selected?: boolean;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  className?: string;\n};\n\nconst EMPTY_ASSIGNEES: CardTicketAssignee[] = [];\nconst EMPTY_LABELS: Array<CardTicketLabel | React.ReactNode> = [];\n\nconst PRIORITY_LABELS: Record<CardTicketPriorityLevel, string> = {\n  none: 'No priority',\n  lowest: 'Lowest priority',\n  low: 'Low priority',\n  medium: 'Medium priority',\n  high: 'High priority',\n  highest: 'Highest priority',\n};\n\nconst getInitials = (name: string) => {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '?';\n  return parts.slice(0, 2).map(part => Array.from(part)[0]).join('').toUpperCase();\n};\n\nconst DefaultIssueIcon = () => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"2.5\" y=\"2.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" />\n    <path d=\"M5 6h6M5 8.5h4.5\" stroke=\"currentColor\" strokeLinecap=\"round\" />\n  </svg>\n);\n\nconst MetaIcon = ({ type }: { type: 'calendar' | 'estimate' | 'subtask' }) => {\n  if (type === 'calendar') return <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"3.5\" width=\"11\" height=\"10\" rx=\"2\" stroke=\"currentColor\" /><path d=\"M5 2v3M11 2v3M3 6.5h10\" stroke=\"currentColor\" /></svg>;\n  if (type === 'estimate') return <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"5.5\" stroke=\"currentColor\" /><path d=\"M8 5v3.5l2 1\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" /></svg>;\n  return <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"2.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" /><path d=\"m5 8 2 2 4-4\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" /></svg>;\n};\n\nconst TicketAvatar = ({ assignee }: { assignee: CardTicketAssignee }) => {\n  const [failed, setFailed] = useState(false);\n  const showImage = !!assignee.avatarUrl && !failed;\n\n  return (\n    <span className=\"dishui-card-ticket__avatar\" title={assignee.name} aria-label={assignee.name}>\n      {showImage ? (\n        <img\n          src={assignee.avatarUrl}\n          alt={assignee.avatarAlt ?? ''}\n          onError={() => setFailed(true)}\n        />\n      ) : (\n        <span aria-hidden=\"true\">{getInitials(assignee.name)}</span>\n      )}\n    </span>\n  );\n};\n\nconst normalizeStatus = (status: CardTicketProps['status']): CardTicketStatus | undefined => {\n  if (status === null || status === undefined) return undefined;\n  if (typeof status === 'object' && !React.isValidElement(status) && 'label' in status) return status as CardTicketStatus;\n  return { label: status, tone: 'neutral' };\n};\n\nconst normalizeIssueType = (issueType: CardTicketProps['issueType']): CardTicketIssueType | undefined => {\n  if (issueType === null || issueType === undefined) return undefined;\n  if (typeof issueType === 'object' && !React.isValidElement(issueType) && 'label' in issueType) return issueType as CardTicketIssueType;\n  return { label: issueType, tone: 'neutral' };\n};\n\nexport const CardTicket = ({\n  id,\n  issueKey,\n  title,\n  description,\n  status,\n  issueType,\n  assignees = EMPTY_ASSIGNEES,\n  priority = 'none',\n  labels = EMPTY_LABELS,\n  dueDate,\n  estimate,\n  subtaskProgress,\n  selected = false,\n  disabled = false,\n  onClick,\n  className,\n  ...rest\n}: CardTicketProps) => {\n  const interactive = !!onClick;\n  const statusValue = normalizeStatus(status);\n  const issueTypeValue = normalizeIssueType(issueType);\n  const priorityValue = typeof priority === 'string' ? { level: priority } : priority;\n  const priorityLabel = priorityValue.label ?? PRIORITY_LABELS[priorityValue.level];\n  const completed = Math.max(0, subtaskProgress?.completed ?? 0);\n  const total = Math.max(0, subtaskProgress?.total ?? 0);\n  const progress = total > 0 ? Math.min(100, (completed / total) * 100) : 0;\n\n  return (\n    <article\n      {...rest}\n      id={id}\n      className={cn(\n        'dishui-card-ticket',\n        interactive && !disabled && 'dishui-card-ticket--interactive',\n        selected && 'dishui-card-ticket--selected',\n        disabled && 'dishui-card-ticket--disabled',\n        className,\n      )}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled ? 0 : undefined}\n      aria-pressed={interactive ? selected : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={interactive && !disabled ? onClick : undefined}\n      onKeyDown={interactive && !disabled ? event => {\n        if (event.target !== event.currentTarget) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          if (!event.repeat) event.currentTarget.click();\n        }\n      } : undefined}\n    >\n      <div className=\"dishui-card-ticket__header\">\n        {issueTypeValue && (\n          <span\n            className={cn('dishui-card-ticket__type', `dishui-card-ticket__type--${issueTypeValue.tone ?? 'neutral'}`)}\n            title={typeof issueTypeValue.label === 'string' ? issueTypeValue.label : undefined}\n          >\n            <span className=\"dishui-card-ticket__type-icon\" aria-hidden=\"true\">{issueTypeValue.icon ?? <DefaultIssueIcon />}</span>\n            <span className=\"dishui-card-ticket__type-label\">{issueTypeValue.label}</span>\n          </span>\n        )}\n        {issueKey !== null && issueKey !== undefined && <span className=\"dishui-card-ticket__key\">{issueKey}</span>}\n        {statusValue && (\n          <span className={cn('dishui-card-ticket__status', `dishui-card-ticket__status--${statusValue.tone ?? 'neutral'}`)}>\n            {statusValue.label}\n          </span>\n        )}\n      </div>\n\n      <h3 className=\"dishui-card-ticket__title\">{title}</h3>\n      {description !== null && description !== undefined && <div className=\"dishui-card-ticket__description\">{description}</div>}\n\n      {labels.length > 0 && (\n        <div className=\"dishui-card-ticket__labels\" aria-label=\"Labels\">\n          {labels.map((item, index) => {\n            const value = typeof item === 'object' && item !== null && !React.isValidElement(item) && 'label' in item\n              ? item as CardTicketLabel\n              : { label: item };\n            return <span className=\"dishui-card-ticket__label\" key={value.id ?? index}>{value.label}</span>;\n          })}\n        </div>\n      )}\n\n      <div className=\"dishui-card-ticket__footer\">\n        <span\n          className={cn('dishui-card-ticket__priority', `dishui-card-ticket__priority--${priorityValue.level}`)}\n          title={typeof priorityLabel === 'string' ? priorityLabel : undefined}\n        >\n          <span className=\"dishui-card-ticket__priority-bars\" aria-hidden=\"true\"><i /><i /><i /></span>\n          <span>{priorityLabel}</span>\n        </span>\n\n        <div className=\"dishui-card-ticket__metadata\">\n          {dueDate !== null && dueDate !== undefined && <span className=\"dishui-card-ticket__meta\"><MetaIcon type=\"calendar\" /><span>{dueDate}</span></span>}\n          {estimate !== null && estimate !== undefined && <span className=\"dishui-card-ticket__meta\"><MetaIcon type=\"estimate\" /><span>{estimate}</span></span>}\n          {subtaskProgress && (\n            <span className=\"dishui-card-ticket__meta dishui-card-ticket__subtasks\" aria-label={typeof subtaskProgress.label === 'string' ? subtaskProgress.label : `${completed} of ${total} subtasks complete`}>\n              <MetaIcon type=\"subtask\" />\n              <span>{subtaskProgress.label ?? `${completed}/${total}`}</span>\n              <span className=\"dishui-card-ticket__progress\" aria-hidden=\"true\"><span style={{ width: `${progress}%` }} /></span>\n            </span>\n          )}\n        </div>\n\n        {assignees.length > 0 && (\n          <div className=\"dishui-card-ticket__assignees\" aria-label=\"Assignees\">\n            {assignees.map((assignee, index) => <TicketAvatar key={assignee.id ?? `${assignee.name}-${index}`} assignee={assignee} />)}\n          </div>\n        )}\n      </div>\n    </article>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,6 +1,22 @@
 import React from 'react';
 import { type CardMetricProps } from './Metric';
+import { type CardTicketProps } from './Ticket';
+import { type ApprovalCardProps } from '../ai/ApprovalCard';
+import { type RecommendationCardProps } from '../ai/RecommendationCard';
+import { type ContextCardsProps } from '../ai/ContextCards';
+import { type InsightCardsProps } from '../ai/InsightCards';
+import { type FineTuneCardProps } from '../ai/FineTuneCard';
+import { type IssueCardProps } from '../ai/IssueCard';
+import { type AgentRunCardProps } from '../ai/AgentRunCard';
 export type { CardMetricProps, CardMetricItem } from './Metric';
+export type { CardTicketProps, CardTicketTone, CardTicketPriorityLevel, CardTicketStatus, CardTicketIssueType, CardTicketAssignee, CardTicketPriority, CardTicketLabel, CardTicketSubtaskProgress, } from './Ticket';
+export type { ApprovalCardProps, ApprovalOption } from '../ai/ApprovalCard';
+export type { RecommendationCardProps, Recommendation, RecommendationAlternative, RecommendationCardLabels, ConfidenceLevel } from '../ai/RecommendationCard';
+export type { ContextCardsProps, ContextChunk, ContextSource, ContextSourceKind, ContextCardsLabels } from '../ai/ContextCards';
+export type { InsightCardsProps, InsightCardItem } from '../ai/InsightCards';
+export type { FineTuneCardProps, FineTuneMetric } from '../ai/FineTuneCard';
+export type { IssueCardProps, IssueLabel, IssuePriority, IssueAccent } from '../ai/IssueCard';
+export type { AgentRunCardProps, AgentRunStatus, AgentRunMeta } from '../ai/AgentRunCard';
 export type CardProps = {
     children: React.ReactNode;
     variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
@@ -187,6 +203,8 @@ export type CardStatProps = {
 };
 interface CardCompound extends React.FC<CardProps> {
     Metric: React.FC<CardMetricProps>;
+    /** Jira 风格工单卡：状态、类型、负责人、优先级、日期、估算与子任务进度。 */
+    Ticket: React.FC<CardTicketProps>;
     Title: React.FC<CardTitleProps>;
     Body: React.FC<CardBodyProps>;
     Actions: React.FC<CardActionsProps>;
@@ -201,6 +219,20 @@ interface CardCompound extends React.FC<CardProps> {
     Info: React.FC<CardInfoProps>;
     /** 统计面板：Grafana 风格超大数值 + 迷你折线 / 面积 / 柱状图 / 角标 / 填充色 */
     Stat: React.FC<CardStatProps>;
+    /** AI 审批卡片：明确展示待批准操作及可选方案。 */
+    Approval: React.FC<ApprovalCardProps>;
+    /** AI 推荐卡片：首选建议、置信度与替代方案。 */
+    Recommendation: React.FC<RecommendationCardProps>;
+    /** AI 上下文卡片集合：检索片段与来源。 */
+    Context: React.FC<ContextCardsProps>;
+    /** AI 洞察指标卡片集合。 */
+    Insights: React.FC<InsightCardsProps>;
+    /** AI 微调任务状态卡片。 */
+    FineTune: React.FC<FineTuneCardProps>;
+    /** Linear 风格的工单卡片：标题、标签、类型图标、编号、优先级点、估点与负责人。 */
+    Issue: React.FC<IssueCardProps>;
+    /** Agent 运行卡片：头像 + 名称 + 模型、状态徽章、任务、当前动作、进度条、元信息与分支页脚。 */
+    Run: React.FC<AgentRunCardProps>;
 }
 declare const CardWithCompounds: CardCompound;
 export default CardWithCompounds;