@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/views/mcp/parse.js

@@ -0,0 +1,43 @@
+import { asString, isRecord } from "../../utils/common.js";
+//#region src/views/mcp/parse.ts
+const parseTool = (value) => {
+	if (!isRecord(value)) return null;
+	const name = asString(value.name);
+	if (!name) return null;
+	const description = asString(value.description);
+	return {
+		name,
+		...description ? { description } : {}
+	};
+};
+const parseServer = (value) => {
+	if (!isRecord(value)) return null;
+	const id = asString(value.id);
+	if (!id) return null;
+	const lastError = isRecord(value.lastError) ? asString(value.lastError.message) : void 0;
+	const kind = asString(value.kind);
+	const url = asString(value.url);
+	const authorizationUrl = asString(value.authorizationUrl);
+	const tools = Array.isArray(value.tools) ? value.tools.map((tool) => parseTool(tool)).filter((tool) => Boolean(tool)) : [];
+	return {
+		id,
+		name: asString(value.name) || id,
+		connectionState: asString(value.connectionState) || "unknown",
+		tools,
+		...kind ? { kind } : {},
+		...url ? { url } : {},
+		...lastError ? { lastError } : {},
+		...authorizationUrl ? { authorizationUrl } : {}
+	};
+};
+const parseMcpManager = (value) => {
+	if (!isRecord(value)) return null;
+	return {
+		servers: (Array.isArray(value.servers) ? value.servers : [...Array.isArray(value.connectors) ? value.connectors : [], ...Array.isArray(value.customServers) ? value.customServers : []]).map((server) => parseServer(server)).filter((server) => Boolean(server)),
+		...typeof value.isHydrated === "boolean" ? { isHydrated: value.isHydrated } : {}
+	};
+};
+//#endregion
+export { parseMcpManager };
+
+//# sourceMappingURL=parse.js.map

package/dist/views/mcp/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","names":["asString","isRecord","McpManagerPreview","McpServerPreview","McpToolPreview","parseTool","value","name","description","parseServer","id","lastError","message","undefined","kind","url","authorizationUrl","tools","Array","isArray","map","tool","filter","Boolean","connectionState","parseMcpManager","source","servers","connectors","customServers","server","isHydrated"],"sources":["../../../src/views/mcp/parse.ts"],"sourcesContent":["import { asString, isRecord } from \"../../utils/common\";\nimport type {\n  McpManagerPreview,\n  McpServerPreview,\n  McpToolPreview,\n} from \"./types\";\n\nconst parseTool = (value: unknown): McpToolPreview | null => {\n  if (!isRecord(value)) return null;\n  const name = asString(value.name);\n  if (!name) return null;\n  const description = asString(value.description);\n  return { name, ...(description ? { description } : {}) };\n};\n\nconst parseServer = (value: unknown): McpServerPreview | null => {\n  if (!isRecord(value)) return null;\n  const id = asString(value.id);\n  if (!id) return null;\n\n  const lastError = isRecord(value.lastError)\n    ? asString(value.lastError.message)\n    : undefined;\n  const kind = asString(value.kind);\n  const url = asString(value.url);\n  const authorizationUrl = asString(value.authorizationUrl);\n  const tools = Array.isArray(value.tools)\n    ? value.tools\n        .map((tool) => parseTool(tool))\n        .filter((tool): tool is McpToolPreview => Boolean(tool))\n    : [];\n\n  return {\n    id,\n    name: asString(value.name) || id,\n    connectionState: asString(value.connectionState) || \"unknown\",\n    tools,\n    ...(kind ? { kind } : {}),\n    ...(url ? { url } : {}),\n    ...(lastError ? { lastError } : {}),\n    ...(authorizationUrl ? { authorizationUrl } : {}),\n  };\n};\n\nexport const parseMcpManager = (value: unknown): McpManagerPreview | null => {\n  if (!isRecord(value)) return null;\n\n  const source = Array.isArray(value.servers)\n    ? value.servers\n    : [\n        ...(Array.isArray(value.connectors) ? value.connectors : []),\n        ...(Array.isArray(value.customServers) ? value.customServers : []),\n      ];\n\n  const servers = source\n    .map((server) => parseServer(server))\n    .filter((server): server is McpServerPreview => Boolean(server));\n\n  return {\n    servers,\n    ...(typeof value.isHydrated === \"boolean\"\n      ? { isHydrated: value.isHydrated }\n      : {}),\n  };\n};\n"],"mappings":";;AAOA,MAAMK,aAAaC,UAA0C;CAC3D,IAAI,CAACL,SAASK,KAAK,GAAG,OAAO;CAC7B,MAAMC,OAAOP,SAASM,MAAMC,IAAI;CAChC,IAAI,CAACA,MAAM,OAAO;CAClB,MAAMC,cAAcR,SAASM,MAAME,WAAW;CAC9C,OAAO;EAAED;EAAM,GAAIC,cAAc,EAAEA,YAAY,IAAI,CAAC;CAAG;AACzD;AAEA,MAAMC,eAAeH,UAA4C;CAC/D,IAAI,CAACL,SAASK,KAAK,GAAG,OAAO;CAC7B,MAAMI,KAAKV,SAASM,MAAMI,EAAE;CAC5B,IAAI,CAACA,IAAI,OAAO;CAEhB,MAAMC,YAAYV,SAASK,MAAMK,SAAS,IACtCX,SAASM,MAAMK,UAAUC,OAAO,IAChCC,KAAAA;CACJ,MAAMC,OAAOd,SAASM,MAAMQ,IAAI;CAChC,MAAMC,MAAMf,SAASM,MAAMS,GAAG;CAC9B,MAAMC,mBAAmBhB,SAASM,MAAMU,gBAAgB;CACxD,MAAMC,QAAQC,MAAMC,QAAQb,MAAMW,KAAK,IACnCX,MAAMW,MACHG,KAAKC,SAAShB,UAAUgB,IAAI,CAAC,CAAC,CAC9BC,QAAQD,SAAiCE,QAAQF,IAAI,CAAC,IACzD,CAAA;CAEJ,OAAO;EACLX;EACAH,MAAMP,SAASM,MAAMC,IAAI,KAAKG;EAC9Bc,iBAAiBxB,SAASM,MAAMkB,eAAe,KAAK;EACpDP;EACA,GAAIH,OAAO,EAAEA,KAAK,IAAI,CAAC;EACvB,GAAIC,MAAM,EAAEA,IAAI,IAAI,CAAC;EACrB,GAAIJ,YAAY,EAAEA,UAAU,IAAI,CAAC;EACjC,GAAIK,mBAAmB,EAAEA,iBAAiB,IAAI,CAAC;CACjD;AACF;AAEA,MAAaS,mBAAmBnB,UAA6C;CAC3E,IAAI,CAACL,SAASK,KAAK,GAAG,OAAO;CAa7B,OAAO;EACLqB,UAZaT,MAAMC,QAAQb,MAAMqB,OAAO,IACtCrB,MAAMqB,UACN,CACE,GAAIT,MAAMC,QAAQb,MAAMsB,UAAU,IAAItB,MAAMsB,aAAa,CAAA,GACzD,GAAIV,MAAMC,QAAQb,MAAMuB,aAAa,IAAIvB,MAAMuB,gBAAgB,CAAA,CAAG,EAAA,CAIrET,KAAKU,WAAWrB,YAAYqB,MAAM,CAAC,CAAC,CACpCR,QAAQQ,WAAuCP,QAAQO,MAAM,CAG9DH;EACA,GAAI,OAAOrB,MAAMyB,eAAe,YAC5B,EAAEA,YAAYzB,MAAMyB,WAAW,IAC/B,CAAC;CACP;AACF"}

package/dist/views/mcp/types.d.ts

@@ -0,0 +1,22 @@
+//#region src/views/mcp/types.d.ts
+interface McpToolPreview {
+  readonly name: string;
+  readonly description?: string;
+}
+interface McpServerPreview {
+  readonly id: string;
+  readonly name: string;
+  readonly kind?: string;
+  readonly url?: string;
+  readonly connectionState: string;
+  readonly lastError?: string;
+  readonly authorizationUrl?: string;
+  readonly tools: readonly McpToolPreview[];
+}
+interface McpManagerPreview {
+  readonly isHydrated?: boolean;
+  readonly servers: readonly McpServerPreview[];
+}
+//#endregion
+export { McpManagerPreview, McpServerPreview, McpToolPreview };
+//# sourceMappingURL=types.d.ts.map

package/dist/views/mcp/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/views/mcp/types.ts"],"mappings":";UAAiB,cAAA;EAAA,SACN,IAAA;EAAA,SACA,WAAW;AAAA;AAAA,UAGL,gBAAA;EAAA,SACN,EAAA;EAAA,SACA,IAAA;EAAA,SACA,IAAA;EAAA,SACA,GAAA;EAAA,SACA,eAAA;EAAA,SACA,SAAA;EAAA,SACA,gBAAA;EAAA,SACA,KAAA,WAAgB,cAAc;AAAA;AAAA,UAGxB,iBAAA;EAAA,SACN,UAAA;EAAA,SACA,OAAA,WAAkB,gBAAgB;AAAA"}

package/dist/views/message/ChainOfThought.d.ts

@@ -0,0 +1,11 @@
+import { PartPreview } from "./types.js";
+
+//#region src/views/message/ChainOfThought.d.ts
+declare const ChainOfThought: ({
+  parts
+}: {
+  parts: readonly PartPreview[];
+}) => import("react").JSX.Element;
+//#endregion
+export { ChainOfThought };
+//# sourceMappingURL=ChainOfThought.d.ts.map

package/dist/views/message/ChainOfThought.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainOfThought.d.ts","names":[],"sources":["../../../src/views/message/ChainOfThought.tsx"],"mappings":";;;cAkCa,cAAA;EAAkB;AAAA;EAG7B,KAAA,WAAgB,WAAW;AAAA,sBAC5B,GAAA,CAAA,OAAA"}

package/dist/views/message/ChainOfThought.js

@@ -0,0 +1,132 @@
+import { ToneBadge } from "../ui/ToneBadge.js";
+import { partKey } from "./parse.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { PartView } from "./PartView.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/message/ChainOfThought.tsx
+const rollupStatus = (parts) => {
+	const statuses = parts.map((part) => part.status).filter((status) => Boolean(status));
+	if (statuses.length === 0) return void 0;
+	if (statuses.some((status) => status.type === "running")) return { type: "running" };
+	if (statuses.some((status) => status.type === "requires-action")) return { type: "requires-action" };
+	const incomplete = statuses.find((status) => status.type === "incomplete");
+	if (incomplete) return incomplete;
+	return { type: "complete" };
+};
+const hasAwaitingTool = (parts) => parts.some((part) => part.type === "tool-call" && (part.status?.type === "requires-action" || part.approval !== void 0 && part.approval.approved === void 0 || part.interrupt !== void 0));
+const ChainOfThought = (t0) => {
+	const $ = c(22);
+	const { parts } = t0;
+	let t1;
+	if ($[0] !== parts) {
+		t1 = rollupStatus(parts);
+		$[0] = parts;
+		$[1] = t1;
+	} else t1 = $[1];
+	const status = t1;
+	let t2;
+	if ($[2] !== parts) {
+		t2 = hasAwaitingTool(parts);
+		$[2] = parts;
+		$[3] = t2;
+	} else t2 = $[3];
+	const defaultOpen = t2;
+	let t3;
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground inline-block shrink-0 transition-transform group-open:rotate-90",
+			children: "›"
+		});
+		t4 = /* @__PURE__ */ jsx(ToneBadge, {
+			tone: "violet",
+			size: "sm",
+			children: "cot"
+		});
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		t3 = $[4];
+		t4 = $[5];
+	}
+	const t5 = parts.length === 1 ? "" : "s";
+	let t6;
+	if ($[6] !== parts.length || $[7] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground text-[10px]",
+			children: [
+				parts.length,
+				" step",
+				t5
+			]
+		});
+		$[6] = parts.length;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== status) {
+		t7 = status ? /* @__PURE__ */ jsx(StatusBadge, {
+			type: status.type,
+			reason: status.reason,
+			compact: true,
+			size: "sm"
+		}) : null;
+		$[9] = status;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== t6 || $[12] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("summary", {
+			className: "hover:bg-accent/40 flex cursor-pointer list-none items-center gap-1.5 px-2 py-1.5 select-none",
+			children: [
+				t3,
+				t4,
+				t6,
+				t7
+			]
+		});
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== parts) {
+		t9 = parts.map(_temp);
+		$[14] = parts;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: "border-border divide-border divide-y border-t",
+			children: t9
+		});
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== defaultOpen || $[19] !== t10 || $[20] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("details", {
+			open: defaultOpen,
+			className: "group border-border overflow-hidden rounded-md border",
+			children: [t8, t10]
+		});
+		$[18] = defaultOpen;
+		$[19] = t10;
+		$[20] = t8;
+		$[21] = t11;
+	} else t11 = $[21];
+	return t11;
+};
+function _temp(part, index) {
+	return /* @__PURE__ */ jsx(PartView, {
+		part,
+		compact: true
+	}, partKey(part, index));
+}
+//#endregion
+export { ChainOfThought };
+
+//# sourceMappingURL=ChainOfThought.js.map

package/dist/views/message/ChainOfThought.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainOfThought.js","names":["ToneBadge","partKey","PartView","StatusBadge","PartPreview","PartStatusPreview","rollupStatus","parts","statuses","map","part","status","filter","Boolean","length","undefined","some","type","incomplete","find","hasAwaitingTool","approval","approved","interrupt","ChainOfThought","t0","$","_c","t1","t2","defaultOpen","t3","t4","Symbol","for","t5","t6","t7","reason","t8","t9","_temp","t10","t11","index"],"sources":["../../../src/views/message/ChainOfThought.tsx"],"sourcesContent":["import { ToneBadge } from \"../ui\";\nimport { partKey } from \"./parse\";\nimport { PartView } from \"./PartView\";\nimport { StatusBadge } from \"./StatusBadge\";\nimport type { PartPreview, PartStatusPreview } from \"./types\";\n\nconst rollupStatus = (\n  parts: readonly PartPreview[],\n): PartStatusPreview | undefined => {\n  const statuses = parts\n    .map((part) => part.status)\n    .filter((status): status is PartStatusPreview => Boolean(status));\n  if (statuses.length === 0) return undefined;\n\n  if (statuses.some((status) => status.type === \"running\")) {\n    return { type: \"running\" };\n  }\n  if (statuses.some((status) => status.type === \"requires-action\")) {\n    return { type: \"requires-action\" };\n  }\n  const incomplete = statuses.find((status) => status.type === \"incomplete\");\n  if (incomplete) return incomplete;\n  return { type: \"complete\" };\n};\n\nconst hasAwaitingTool = (parts: readonly PartPreview[]) =>\n  parts.some(\n    (part) =>\n      part.type === \"tool-call\" &&\n      (part.status?.type === \"requires-action\" ||\n        (part.approval !== undefined && part.approval.approved === undefined) ||\n        part.interrupt !== undefined),\n  );\n\nexport const ChainOfThought = ({\n  parts,\n}: {\n  parts: readonly PartPreview[];\n}) => {\n  const status = rollupStatus(parts);\n  const defaultOpen = hasAwaitingTool(parts);\n\n  return (\n    <details\n      open={defaultOpen}\n      className=\"group border-border overflow-hidden rounded-md border\"\n    >\n      <summary className=\"hover:bg-accent/40 flex cursor-pointer list-none items-center gap-1.5 px-2 py-1.5 select-none\">\n        <span className=\"text-muted-foreground inline-block shrink-0 transition-transform group-open:rotate-90\">\n          ›\n        </span>\n        <ToneBadge tone=\"violet\" size=\"sm\">\n          cot\n        </ToneBadge>\n        <span className=\"text-muted-foreground text-[10px]\">\n          {parts.length} step{parts.length === 1 ? \"\" : \"s\"}\n        </span>\n        {status ? (\n          <StatusBadge\n            type={status.type}\n            reason={status.reason}\n            compact\n            size=\"sm\"\n          />\n        ) : null}\n      </summary>\n      <div className=\"border-border divide-border divide-y border-t\">\n        {parts.map((part, index) => (\n          <PartView key={partKey(part, index)} part={part} compact />\n        ))}\n      </div>\n    </details>\n  );\n};\n"],"mappings":"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"}

package/dist/views/message/MessageDetailPane.d.ts

@@ -0,0 +1,12 @@
+import { MessagePreview } from "./types.js";
+
+//#region src/views/message/MessageDetailPane.d.ts
+declare const messageDetailHeader: (message: MessagePreview) => import("react").JSX.Element;
+declare const MessageDetailBody: ({
+  message
+}: {
+  message: MessagePreview;
+}) => import("react").JSX.Element;
+//#endregion
+export { MessageDetailBody, messageDetailHeader };
+//# sourceMappingURL=MessageDetailPane.d.ts.map

package/dist/views/message/MessageDetailPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetailPane.d.ts","names":[],"sources":["../../../src/views/message/MessageDetailPane.tsx"],"mappings":";;;cAKa,mBAAA,GAAuB,OAAA,EAAS,cAAc,qBAAA,GAAA,CAAA,OAAA;AAAA,cAkB9C,iBAAA;EAAqB;AAAA;EAAe,OAAA,EAAS,cAAc;AAAA,sBAAE,GAAA,CAAA,OAAA"}

package/dist/views/message/MessageDetailPane.js

@@ -0,0 +1,38 @@
+import { CopyButton } from "../ui/CopyButton.js";
+import { PaneHeader } from "../ui/PaneHeader.js";
+import { RailTime } from "../ui/RailTime.js";
+import { MessageItem } from "./MessageItem.js";
+import { messagePlainText } from "./messagePlainText.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/message/MessageDetailPane.tsx
+const messageDetailHeader = (message) => /* @__PURE__ */ jsx(PaneHeader, {
+	trailing: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CopyButton, {
+		value: messagePlainText(message),
+		label: "Copy message",
+		iconOnly: true,
+		size: "sm"
+	}), /* @__PURE__ */ jsx(RailTime, { value: message.createdAt })] }),
+	children: /* @__PURE__ */ jsx("span", {
+		className: "text-foreground capitalize",
+		children: message.role
+	})
+});
+const MessageDetailBody = (t0) => {
+	const $ = c(2);
+	const { message } = t0;
+	let t1;
+	if ($[0] !== message) {
+		t1 = /* @__PURE__ */ jsx(MessageItem, {
+			message,
+			showHeader: false
+		});
+		$[0] = message;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+//#endregion
+export { MessageDetailBody, messageDetailHeader };
+
+//# sourceMappingURL=MessageDetailPane.js.map

package/dist/views/message/MessageDetailPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetailPane.js","names":["CopyButton","PaneHeader","RailTime","MessageItem","messagePlainText","MessagePreview","messageDetailHeader","message","createdAt","role","MessageDetailBody","t0","$","_c","t1"],"sources":["../../../src/views/message/MessageDetailPane.tsx"],"sourcesContent":["import { CopyButton, PaneHeader, RailTime } from \"../ui\";\nimport { MessageItem } from \"./MessageItem\";\nimport { messagePlainText } from \"./messagePlainText\";\nimport type { MessagePreview } from \"./types\";\n\nexport const messageDetailHeader = (message: MessagePreview) => (\n  <PaneHeader\n    trailing={\n      <>\n        <CopyButton\n          value={messagePlainText(message)}\n          label=\"Copy message\"\n          iconOnly\n          size=\"sm\"\n        />\n        <RailTime value={message.createdAt} />\n      </>\n    }\n  >\n    <span className=\"text-foreground capitalize\">{message.role}</span>\n  </PaneHeader>\n);\n\nexport const MessageDetailBody = ({ message }: { message: MessagePreview }) => (\n  <MessageItem message={message} showHeader={false} />\n);\n"],"mappings":";;;;;;;;AAKA,MAAaM,uBAAuBC,YAClC,oBAAC,YAAD;CACE,UACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,OAAOH,iBAAiBG,OAAO;EAC/B,OAAM;EACN,UAAA;EACA,MAAK;CAAI,CAAA,GAEX,oBAAC,UAAD,EAAU,OAAOA,QAAQC,UAAU,CAAA,CACrC,EAAA,CAAA;WAGF,oBAAC,QAAD;EAAM,WAAU;YAA8BD,QAAQE;CAAW,CAAA;AACvD,CAAA;AAGd,MAAaC,qBAAoBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAN,YAAAI;CAAwC,IAAAG;CAAA,IAAAF,EAAA,OAAAL,SAAA;EACxEO,KAAA,oBAAC,aAAD;GAAsBP;GAAqB,YAAA;EAAK,CAAA;EAAIK,EAAA,KAAAL;EAAAK,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAApDE;AAAoD"}

package/dist/views/message/MessageItem.d.ts

@@ -0,0 +1,13 @@
+import { MessagePreview } from "./types.js";
+
+//#region src/views/message/MessageItem.d.ts
+declare const MessageItem: ({
+  message,
+  showHeader
+}: {
+  message: MessagePreview; /** When false, skips the summary header (role, badges, timestamp). */
+  showHeader?: boolean;
+}) => import("react").JSX.Element;
+//#endregion
+export { MessageItem };
+//# sourceMappingURL=MessageItem.d.ts.map

package/dist/views/message/MessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.ts","names":[],"sources":["../../../src/views/message/MessageItem.tsx"],"mappings":";;;cAUa,WAAA;EAAe,OAAA;EAAA;AAAA;EAI1B,OAAA,EAAS,cAAA,EAJE;EAMX,UAAA;AAAA,sBACD,GAAA,CAAA,OAAA"}

package/dist/views/message/MessageItem.js

@@ -0,0 +1,136 @@
+import { formatDateTime } from "../../utils/common.js";
+import { Chip } from "../ui/Chip.js";
+import { JSONTree } from "../ui/JSONTree.js";
+import { ToneBadge } from "../ui/ToneBadge.js";
+import { AttachmentList } from "../attachments/AttachmentList.js";
+import { MessageMetrics } from "./MessageMetrics.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { MessageTimeline } from "./MessageTimeline.js";
+import { RoleLabel } from "./RoleLabel.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/views/message/MessageItem.tsx
+const MessageItem = (t0) => {
+	const $ = c(28);
+	const { message, showHeader: t1 } = t0;
+	const showHeader = t1 === void 0 ? true : t1;
+	const hasBranches = message.branchNumber !== void 0 && message.branchCount !== void 0 && message.branchCount > 1;
+	const errorValue = message.status && message.status.type === "incomplete" ? message.status.error : void 0;
+	const t2 = showHeader ? "gap-3 py-3" : "gap-2 py-2";
+	let t3;
+	if ($[0] !== t2) {
+		t3 = clsx("flex flex-col px-3", t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== hasBranches || $[3] !== message.branchCount || $[4] !== message.branchNumber || $[5] !== message.createdAt || $[6] !== message.index || $[7] !== message.isOptimistic || $[8] !== message.role || $[9] !== message.status || $[10] !== message.submittedFeedback || $[11] !== showHeader) {
+		t4 = showHeader ? /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(RoleLabel, { role: message.role }),
+					message.index !== void 0 ? /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground text-[11px]",
+						children: ["#", message.index]
+					}) : null,
+					message.status ? /* @__PURE__ */ jsx(StatusBadge, {
+						type: message.status.type,
+						reason: message.status.reason
+					}) : null,
+					hasBranches ? /* @__PURE__ */ jsxs(Chip, { children: [
+						"branch ",
+						message.branchNumber,
+						"/",
+						message.branchCount
+					] }) : null,
+					message.isOptimistic ? /* @__PURE__ */ jsx(ToneBadge, {
+						tone: "amber",
+						children: "optimistic"
+					}) : null,
+					message.submittedFeedback ? /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground text-[11px]",
+						children: ["feedback: ", message.submittedFeedback]
+					}) : null
+				]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-[11px]",
+				children: formatDateTime(message.createdAt) ?? "—"
+			})]
+		}) : null;
+		$[2] = hasBranches;
+		$[3] = message.branchCount;
+		$[4] = message.branchNumber;
+		$[5] = message.createdAt;
+		$[6] = message.index;
+		$[7] = message.isOptimistic;
+		$[8] = message.role;
+		$[9] = message.status;
+		$[10] = message.submittedFeedback;
+		$[11] = showHeader;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== message) {
+		t5 = /* @__PURE__ */ jsx(MessageMetrics, { message });
+		$[13] = message;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== errorValue) {
+		t6 = errorValue !== void 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "bg-muted/40 rounded-md border p-2 text-[11px]",
+			children: [/* @__PURE__ */ jsx(ToneBadge, {
+				tone: "red",
+				children: "error"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-1",
+				children: /* @__PURE__ */ jsx(JSONTree, { value: errorValue })
+			})]
+		}) : null;
+		$[15] = errorValue;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== message.attachments) {
+		t7 = message.attachments.length ? /* @__PURE__ */ jsx(AttachmentList, { attachments: message.attachments }) : null;
+		$[17] = message.attachments;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== message.parts) {
+		t8 = message.parts.length ? /* @__PURE__ */ jsx(MessageTimeline, { parts: message.parts }) : /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground text-[11px]",
+			children: "No content parts"
+		});
+		$[19] = message.parts;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [
+				t4,
+				t5,
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t8;
+		$[27] = t9;
+	} else t9 = $[27];
+	return t9;
+};
+//#endregion
+export { MessageItem };
+
+//# sourceMappingURL=MessageItem.js.map

package/dist/views/message/MessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.js","names":["clsx","formatDateTime","AttachmentList","MessageMetrics","MessageTimeline","RoleLabel","StatusBadge","Chip","JSONTree","ToneBadge","MessagePreview","MessageItem","t0","$","_c","message","showHeader","t1","undefined","hasBranches","branchNumber","branchCount","errorValue","status","type","error","t2","t3","t4","createdAt","index","isOptimistic","role","submittedFeedback","reason","t5","t6","t7","attachments","length","t8","parts","t9"],"sources":["../../../src/views/message/MessageItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { formatDateTime } from \"../../utils/common\";\nimport { AttachmentList } from \"../attachments\";\nimport { MessageMetrics } from \"./MessageMetrics\";\nimport { MessageTimeline } from \"./MessageTimeline\";\nimport { RoleLabel } from \"./RoleLabel\";\nimport { StatusBadge } from \"./StatusBadge\";\nimport { Chip, JSONTree, ToneBadge } from \"../ui\";\nimport type { MessagePreview } from \"./types\";\n\nexport const MessageItem = ({\n  message,\n  showHeader = true,\n}: {\n  message: MessagePreview;\n  /** When false, skips the summary header (role, badges, timestamp). */\n  showHeader?: boolean;\n}) => {\n  const hasBranches =\n    message.branchNumber !== undefined &&\n    message.branchCount !== undefined &&\n    message.branchCount > 1;\n  const errorValue =\n    message.status && message.status.type === \"incomplete\"\n      ? message.status.error\n      : undefined;\n\n  return (\n    <div\n      className={clsx(\n        \"flex flex-col px-3\",\n        showHeader ? \"gap-3 py-3\" : \"gap-2 py-2\",\n      )}\n    >\n      {showHeader ? (\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <RoleLabel role={message.role} />\n            {message.index !== undefined ? (\n              <span className=\"text-muted-foreground text-[11px]\">\n                #{message.index}\n              </span>\n            ) : null}\n            {message.status ? (\n              <StatusBadge\n                type={message.status.type}\n                reason={message.status.reason}\n              />\n            ) : null}\n            {hasBranches ? (\n              <Chip>\n                branch {message.branchNumber}/{message.branchCount}\n              </Chip>\n            ) : null}\n            {message.isOptimistic ? (\n              <ToneBadge tone=\"amber\">optimistic</ToneBadge>\n            ) : null}\n            {message.submittedFeedback ? (\n              <span className=\"text-muted-foreground text-[11px]\">\n                feedback: {message.submittedFeedback}\n              </span>\n            ) : null}\n          </div>\n          <span className=\"text-muted-foreground text-[11px]\">\n            {formatDateTime(message.createdAt) ?? \"—\"}\n          </span>\n        </div>\n      ) : null}\n\n      <MessageMetrics message={message} />\n\n      {errorValue !== undefined ? (\n        <div className=\"bg-muted/40 rounded-md border p-2 text-[11px]\">\n          <ToneBadge tone=\"red\">error</ToneBadge>\n          <div className=\"mt-1\">\n            <JSONTree value={errorValue} />\n          </div>\n        </div>\n      ) : null}\n\n      {message.attachments.length ? (\n        <AttachmentList attachments={message.attachments} />\n      ) : null}\n\n      {message.parts.length ? (\n        <MessageTimeline parts={message.parts} />\n      ) : (\n        <div className=\"text-muted-foreground text-[11px]\">\n          No content parts\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/views/message/MessageList.d.ts

@@ -0,0 +1,13 @@
+import { MessagePreview } from "./types.js";
+
+//#region src/views/message/MessageList.d.ts
+declare const MessageList: ({
+  messages,
+  title
+}: {
+  messages: readonly MessagePreview[];
+  title?: string;
+}) => import("react").JSX.Element;
+//#endregion
+export { MessageList };
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/views/message/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","names":[],"sources":["../../../src/views/message/MessageList.tsx"],"mappings":";;;cAOa,WAAA;EAAe,QAAA;EAAA;AAAA;EAI1B,QAAA,WAAmB,cAAA;EACnB,KAAA;AAAA,sBACD,GAAA,CAAA,OAAA"}

package/dist/views/message/MessageList.js

@@ -0,0 +1,95 @@
+import { InfoCard } from "../ui/InfoCard.js";
+import { MessageItem } from "./MessageItem.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useState } from "@assistant-ui/tap/react-shim";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/message/MessageList.tsx
+const DEFAULT_LIMIT = 20;
+const MessageList = (t0) => {
+	const $ = c(17);
+	const { messages, title: t1 } = t0;
+	const title = t1 === void 0 ? "Messages" : t1;
+	const [showAll, setShowAll] = useState(false);
+	if (!messages.length) {
+		let t2;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-[12px]",
+				children: "No messages in this thread."
+			});
+			$[0] = t2;
+		} else t2 = $[0];
+		let t3;
+		if ($[1] !== title) {
+			t3 = /* @__PURE__ */ jsx(InfoCard, {
+				title,
+				children: t2
+			});
+			$[1] = title;
+			$[2] = t3;
+		} else t3 = $[2];
+		return t3;
+	}
+	const hidden = showAll ? 0 : Math.max(0, messages.length - DEFAULT_LIMIT);
+	let t2;
+	if ($[3] !== hidden || $[4] !== messages) {
+		t2 = hidden > 0 ? messages.slice(-20) : messages;
+		$[3] = hidden;
+		$[4] = messages;
+		$[5] = t2;
+	} else t2 = $[5];
+	const visible = t2;
+	const t3 = messages.length;
+	let t4;
+	if ($[6] !== hidden) {
+		t4 = hidden > 0 ? /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: () => setShowAll(true),
+			className: "text-muted-foreground hover:text-foreground self-start text-[11px] font-medium transition-colors",
+			children: [
+				"Show ",
+				hidden,
+				" older message",
+				hidden === 1 ? "" : "s"
+			]
+		}) : null;
+		$[6] = hidden;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== visible) {
+		t5 = visible.map(_temp);
+		$[8] = visible;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: "divide-border divide-y",
+			children: t5
+		});
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== messages.length || $[13] !== t4 || $[14] !== t6 || $[15] !== title) {
+		t7 = /* @__PURE__ */ jsxs(InfoCard, {
+			title,
+			count: t3,
+			children: [t4, t6]
+		});
+		$[12] = messages.length;
+		$[13] = t4;
+		$[14] = t6;
+		$[15] = title;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
+};
+function _temp(message) {
+	return /* @__PURE__ */ jsx(MessageItem, { message }, message.id);
+}
+//#endregion
+export { MessageList };
+
+//# sourceMappingURL=MessageList.js.map

package/dist/views/message/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","names":["useState","InfoCard","MessageItem","MessagePreview","DEFAULT_LIMIT","MessageList","t0","$","_c","messages","title","t1","undefined","showAll","setShowAll","length","t2","Symbol","for","t3","hidden","Math","max","slice","visible","t4","t5","map","_temp","t6","t7","message","id"],"sources":["../../../src/views/message/MessageList.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { InfoCard } from \"../ui\";\nimport { MessageItem } from \"./MessageItem\";\nimport type { MessagePreview } from \"./types\";\n\nconst DEFAULT_LIMIT = 20;\n\nexport const MessageList = ({\n  messages,\n  title = \"Messages\",\n}: {\n  messages: readonly MessagePreview[];\n  title?: string;\n}) => {\n  const [showAll, setShowAll] = useState(false);\n\n  if (!messages.length) {\n    return (\n      <InfoCard title={title}>\n        <p className=\"text-muted-foreground text-[12px]\">\n          No messages in this thread.\n        </p>\n      </InfoCard>\n    );\n  }\n\n  const hidden = showAll ? 0 : Math.max(0, messages.length - DEFAULT_LIMIT);\n  const visible = hidden > 0 ? messages.slice(-DEFAULT_LIMIT) : messages;\n\n  return (\n    <InfoCard title={title} count={messages.length}>\n      {hidden > 0 ? (\n        <button\n          type=\"button\"\n          onClick={() => setShowAll(true)}\n          className=\"text-muted-foreground hover:text-foreground self-start text-[11px] font-medium transition-colors\"\n        >\n          Show {hidden} older message{hidden === 1 ? \"\" : \"s\"}\n        </button>\n      ) : null}\n      <div className=\"divide-border divide-y\">\n        {visible.map((message) => (\n          <MessageItem key={message.id} message={message} />\n        ))}\n      </div>\n    </InfoCard>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAMI,gBAAgB;AAEtB,MAAaC,eAAcC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,UAAAC,OAAAC,OAAAL;CAE1B,MAAAI,QAAAC,OAAAC,KAAAA,IAAA,aAAAD;CAKA,MAAA,CAAAE,SAAAC,cAA8Bd,SAAS,KAAK;CAE5C,IAAI,CAACS,SAAQM,QAAO;EAAA,IAAAC;EAAA,IAAAT,EAAA,OAAAU,OAAAC,IAAA,2BAAA,GAAA;GAGdF,KAAA,oBAAA,KAAA;IAAa,WAAA;cAAoC;GAE7C,CAAA;GAAAT,EAAA,KAAAS;EAAA,OAAAA,KAAAT,EAAA;EAAA,IAAAY;EAAA,IAAAZ,EAAA,OAAAG,OAAA;GAHNS,KAAA,oBAAC,UAAD;IAAiBT;cACfM;GADO,CAAA;GAIET,EAAA,KAAAG;GAAAH,EAAA,KAAAY;EAAA,OAAAA,KAAAZ,EAAA;EAAA,OAJXY;CAIW;CAIf,MAAAC,SAAeP,UAAA,IAAcQ,KAAIC,IAAK,GAAGb,SAAQM,SAAUX,aAAa;CAAE,IAAAY;CAAA,IAAAT,EAAA,OAAAa,UAAAb,EAAA,OAAAE,UAAA;EAC1DO,KAAAI,SAAS,IAAIX,SAAQc,MAAO,GAAyB,IAArDd;EAAsDF,EAAA,KAAAa;EAAAb,EAAA,KAAAE;EAAAF,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAtE,MAAAiB,UAAgBR;CAGiB,MAAAG,KAAAV,SAAQM;CAAO,IAAAU;CAAA,IAAAlB,EAAA,OAAAa,QAAA;EAC3CK,KAAAL,SAAS,IACR,qBAAA,UAAA;GACO,MAAA;GACI,eAAMN,WAAW,IAAI;GACpB,WAAA;aAHZ;IAIC;IACOM;IAAO;IAAeA,WAAW,IAAX,KAAA;GACrB;OAPV;EAQOb,EAAA,KAAAa;EAAAb,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAiB,SAAA;EAELE,KAAAF,QAAOG,IAAKC,KAEZ;EAACrB,EAAA,KAAAiB;EAAAjB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAmB,IAAA;EAHJG,KAAA,oBAAA,OAAA;GAAe,WAAA;aACZH;EAGG,CAAA;EAAAnB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,QAAAE,SAAAM,UAAAR,EAAA,QAAAkB,MAAAlB,EAAA,QAAAsB,MAAAtB,EAAA,QAAAG,OAAA;EAdRoB,KAAA,qBAAC,UAAD;GAAiBpB;GAAc,OAAAS;aAA/B,CACGM,IASDI,EAVO;;EAeEtB,EAAA,MAAAE,SAAAM;EAAAR,EAAA,MAAAkB;EAAAlB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAG;EAAAH,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OAfXuB;AAeW;AAtCY,SAAAF,MAAAG,SAAA;CAAA,OAmCjB,oBAAC,aAAD,EAAuCA,QAAO,GAA5BA,QAAOC,EAAqB;AAAI"}

package/dist/views/message/MessageMetrics.d.ts

@@ -0,0 +1,11 @@
+import { MessagePreview } from "./types.js";
+
+//#region src/views/message/MessageMetrics.d.ts
+declare const MessageMetrics: ({
+  message
+}: {
+  message: MessagePreview;
+}) => import("react").JSX.Element | null;
+//#endregion
+export { MessageMetrics };
+//# sourceMappingURL=MessageMetrics.d.ts.map

package/dist/views/message/MessageMetrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMetrics.d.ts","names":[],"sources":["../../../src/views/message/MessageMetrics.tsx"],"mappings":";;;cAkDa,cAAA;EAAkB;AAAA;EAAe,OAAA,EAAS,cAAc;AAAA,sBAAE,GAAA,CAAA,OAAA"}