@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/views/thread/ComposerQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQueue.js","names":["SectionLabel","ComposerQueueItem","ComposerQueue","t0","$","_c","queue","length","t1","t2","map","_temp","t3","t4","item","index","id","prompt"],"sources":["../../../src/views/thread/ComposerQueue.tsx"],"sourcesContent":["import { SectionLabel } from \"../ui\";\nimport type { ComposerQueueItem } from \"./types\";\n\nexport const ComposerQueue = ({\n  queue,\n}: {\n  queue: readonly ComposerQueueItem[];\n}) => {\n  if (!queue.length) return null;\n\n  return (\n    <div className=\"bg-card rounded-md border p-3\">\n      <SectionLabel>Message queue ({queue.length})</SectionLabel>\n      <ol className=\"text-foreground mt-1 list-decimal space-y-0.5 pl-5 text-[11px]\">\n        {queue.map((item, index) => (\n          <li\n            key={item.id ?? index}\n            className=\"wrap-break-word whitespace-pre-wrap\"\n          >\n            {item.prompt || \"(empty)\"}\n          </li>\n        ))}\n      </ol>\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,MAAaE,iBAAgBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAC,UAAAH;CAK5B,IAAI,CAACG,MAAKC,QAAO,OAAS;CAAK,IAAAC;CAAA,IAAAJ,EAAA,OAAAE,MAAAC,QAAA;EAI3BC,KAAA,qBAAC,cAAD,EAAA,UAAA;GAAc;GAAgBF,MAAKC;GAAQ;EAA9B,EAAA,CAAA;EAA8CH,EAAA,KAAAE,MAAAC;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAE,OAAA;EAExDG,KAAAH,MAAKI,IAAKC,KAOV;EAACP,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAK,IAAA;EARJG,KAAA,oBAAA,MAAA;GAAc,WAAA;aACXH;EAQE,CAAA;EAAAL,EAAA,KAAAK;EAAAL,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAI,MAAAJ,EAAA,OAAAQ,IAAA;EAXPC,KAAA,qBAAA,OAAA;GAAe,WAAA;aAAf,CACEL,IACAI,EAUI;;EAAAR,EAAA,KAAAI;EAAAJ,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAZNS;AAYM;AApBmB,SAAAF,MAAAG,MAAAC,OAAA;CAAA,OAYnB,oBAAA,MAAA;EAEY,WAAA;YAETD,KAAIG,UAAJ;CACE,GAJEH,KAAIE,MAAJD,KAIF;AAAA"}

package/dist/views/thread/ConversationList.d.ts

@@ -0,0 +1,18 @@
+import { ThreadListPreview } from "./types.js";
+
+//#region src/views/thread/ConversationList.d.ts
+declare const conversationListHeader: (threadList: ThreadListPreview) => import("react").JSX.Element;
+declare const ConversationList: ({
+  threadList,
+  snapshots,
+  selectedId,
+  onSelect
+}: {
+  threadList: ThreadListPreview;
+  snapshots: Readonly<Record<string, unknown>> | undefined;
+  selectedId: string;
+  onSelect: (threadId: string) => void;
+}) => import("react").JSX.Element;
+//#endregion
+export { ConversationList, conversationListHeader };
+//# sourceMappingURL=ConversationList.d.ts.map

package/dist/views/thread/ConversationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationList.d.ts","names":[],"sources":["../../../src/views/thread/ConversationList.tsx"],"mappings":";;;cAiBa,sBAAA,GAA0B,UAAA,EAAY,iBAAiB,qBAAA,GAAA,CAAA,OAAA;AAAA,cAkDvD,gBAAA;EAAoB,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA;AAAA;EAM/B,UAAA,EAAY,iBAAA;EACZ,SAAA,EAAW,QAAA,CAAS,MAAA;EACpB,UAAA;EACA,QAAA,GAAW,QAAA;AAAA,sBACZ,GAAA,CAAA,OAAA"}

package/dist/views/thread/ConversationList.js

@@ -0,0 +1,228 @@
+import { truncate } from "../../utils/common.js";
+import { PaneHeader } from "../ui/PaneHeader.js";
+import { RailTime } from "../ui/RailTime.js";
+import { SelectableRow } from "../ui/SelectableRow.js";
+import { parseThreadPreview } from "./utils.js";
+import { ConversationStatusDot } from "./ConversationStatusDot.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/thread/ConversationList.tsx
+const lastMessageAt = (snapshots, threadId, fallback) => {
+	if (fallback) return fallback;
+	const raw = snapshots?.[threadId];
+	return (raw ? parseThreadPreview(raw) : null)?.messages.at(-1)?.createdAt;
+};
+const conversationListHeader = (threadList) => {
+	const regular = threadList.threadIds.length;
+	const archived = threadList.archivedThreadIds.length;
+	return /* @__PURE__ */ jsxs(PaneHeader, { children: [
+		regular,
+		" conversation",
+		regular === 1 ? "" : "s",
+		archived ? ` · ${archived} archived` : null
+	] });
+};
+const ROW = "flex h-8 items-center gap-1.5";
+const ConversationRow = (t0) => {
+	const $ = c(42);
+	const { item, selected, mainThreadId, main, snapshots, onSelect } = t0;
+	let T0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let whenSource;
+	if ($[0] !== item || $[1] !== main || $[2] !== mainThreadId || $[3] !== onSelect || $[4] !== selected || $[5] !== snapshots) {
+		const title = item.title?.trim() || "(untitled)";
+		let t9;
+		if ($[16] !== item.id || $[17] !== item.lastMessageAt || $[18] !== snapshots) {
+			t9 = lastMessageAt(snapshots, item.id, item.lastMessageAt);
+			$[16] = item.id;
+			$[17] = item.lastMessageAt;
+			$[18] = snapshots;
+			$[19] = t9;
+		} else t9 = $[19];
+		whenSource = t9;
+		T0 = SelectableRow;
+		t6 = selected;
+		t7 = onSelect;
+		t8 = true;
+		t3 = ROW;
+		t4 = title;
+		if ($[20] !== item || $[21] !== main || $[22] !== mainThreadId || $[23] !== snapshots) {
+			t5 = /* @__PURE__ */ jsx(ConversationStatusDot, {
+				item,
+				mainThreadId,
+				main,
+				snapshots
+			});
+			$[20] = item;
+			$[21] = main;
+			$[22] = mainThreadId;
+			$[23] = snapshots;
+			$[24] = t5;
+		} else t5 = $[24];
+		t1 = "text-foreground min-w-0 flex-1 truncate text-[12px] font-medium";
+		t2 = truncate(title, 64);
+		$[0] = item;
+		$[1] = main;
+		$[2] = mainThreadId;
+		$[3] = onSelect;
+		$[4] = selected;
+		$[5] = snapshots;
+		$[6] = T0;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+		$[14] = t8;
+		$[15] = whenSource;
+	} else {
+		T0 = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+		t4 = $[10];
+		t5 = $[11];
+		t6 = $[12];
+		t7 = $[13];
+		t8 = $[14];
+		whenSource = $[15];
+	}
+	let t9;
+	if ($[25] !== t1 || $[26] !== t2) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: t1,
+			children: t2
+		});
+		$[25] = t1;
+		$[26] = t2;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== whenSource) {
+		t10 = whenSource ? /* @__PURE__ */ jsx(RailTime, { value: whenSource }) : null;
+		$[28] = whenSource;
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== t10 || $[31] !== t3 || $[32] !== t4 || $[33] !== t5 || $[34] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			title: t4,
+			children: [
+				t5,
+				t9,
+				t10
+			]
+		});
+		$[30] = t10;
+		$[31] = t3;
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t9;
+		$[35] = t11;
+	} else t11 = $[35];
+	let t12;
+	if ($[36] !== T0 || $[37] !== t11 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8) {
+		t12 = /* @__PURE__ */ jsx(T0, {
+			selected: t6,
+			onSelect: t7,
+			dense: t8,
+			children: t11
+		});
+		$[36] = T0;
+		$[37] = t11;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t8;
+		$[41] = t12;
+	} else t12 = $[41];
+	return t12;
+};
+const ConversationList = (t0) => {
+	const $ = c(19);
+	const { threadList, snapshots, selectedId, onSelect } = t0;
+	let t1;
+	let t2;
+	if ($[0] !== onSelect || $[1] !== selectedId || $[2] !== snapshots || $[3] !== threadList.archivedThreadIds || $[4] !== threadList.main || $[5] !== threadList.mainThreadId || $[6] !== threadList.threadIds || $[7] !== threadList.threadItems) {
+		const itemsById = new Map(threadList.threadItems.map(_temp));
+		const regular = threadList.threadIds.map((id) => itemsById.get(id)).filter(_temp2);
+		const archived = threadList.archivedThreadIds.map((id_0) => itemsById.get(id_0)).filter(_temp3);
+		const mainThreadId = threadList.mainThreadId;
+		const main = threadList.main;
+		let t3;
+		if ($[10] !== main || $[11] !== mainThreadId || $[12] !== onSelect || $[13] !== selectedId || $[14] !== snapshots) {
+			t3 = (item_2) => /* @__PURE__ */ jsx(ConversationRow, {
+				item: item_2,
+				selected: selectedId === item_2.id,
+				mainThreadId,
+				main,
+				snapshots,
+				onSelect: () => onSelect(item_2.id)
+			}, item_2.id);
+			$[10] = main;
+			$[11] = mainThreadId;
+			$[12] = onSelect;
+			$[13] = selectedId;
+			$[14] = snapshots;
+			$[15] = t3;
+		} else t3 = $[15];
+		t1 = regular.map(t3);
+		t2 = archived.length ? /* @__PURE__ */ jsxs("div", {
+			className: "border-border border-t",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground px-3 py-1 text-[9px] font-medium tracking-wide uppercase",
+				children: "Archived"
+			}), archived.map((item_3) => /* @__PURE__ */ jsx(ConversationRow, {
+				item: item_3,
+				selected: selectedId === item_3.id,
+				mainThreadId,
+				main,
+				snapshots,
+				onSelect: () => onSelect(item_3.id)
+			}, item_3.id))]
+		}) : null;
+		$[0] = onSelect;
+		$[1] = selectedId;
+		$[2] = snapshots;
+		$[3] = threadList.archivedThreadIds;
+		$[4] = threadList.main;
+		$[5] = threadList.mainThreadId;
+		$[6] = threadList.threadIds;
+		$[7] = threadList.threadItems;
+		$[8] = t1;
+		$[9] = t2;
+	} else {
+		t1 = $[8];
+		t2 = $[9];
+	}
+	let t3;
+	if ($[16] !== t1 || $[17] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	return t3;
+};
+function _temp(item) {
+	return [item.id, item];
+}
+function _temp2(item_0) {
+	return Boolean(item_0);
+}
+function _temp3(item_1) {
+	return Boolean(item_1);
+}
+//#endregion
+export { ConversationList, conversationListHeader };
+
+//# sourceMappingURL=ConversationList.js.map

package/dist/views/thread/ConversationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationList.js","names":["truncate","PaneHeader","RailTime","SelectableRow","ConversationStatusDot","ThreadListItemPreview","ThreadListPreview","parseThreadPreview","lastMessageAt","snapshots","Readonly","Record","threadId","fallback","raw","thread","messages","at","createdAt","conversationListHeader","threadList","regular","threadIds","length","archived","archivedThreadIds","ROW","ConversationRow","t0","$","_c","item","selected","mainThreadId","main","onSelect","T0","t1","t2","t3","t4","t5","t6","t7","t8","whenSource","title","trim","t9","id","t10","t11","t12","ConversationList","selectedId","threadItems","itemsById","Map","map","_temp","get","filter","_temp2","id_0","_temp3","item_2","item_3","item_0","Boolean","item_1"],"sources":["../../../src/views/thread/ConversationList.tsx"],"sourcesContent":["import { truncate } from \"../../utils/common\";\nimport { PaneHeader, RailTime, SelectableRow } from \"../ui\";\nimport { ConversationStatusDot } from \"./ConversationStatusDot\";\nimport type { ThreadListItemPreview, ThreadListPreview } from \"./types\";\nimport { parseThreadPreview } from \"./utils\";\n\nconst lastMessageAt = (\n  snapshots: Readonly<Record<string, unknown>> | undefined,\n  threadId: string,\n  fallback?: string,\n) => {\n  if (fallback) return fallback;\n  const raw = snapshots?.[threadId];\n  const thread = raw ? parseThreadPreview(raw) : null;\n  return thread?.messages.at(-1)?.createdAt;\n};\n\nexport const conversationListHeader = (threadList: ThreadListPreview) => {\n  const regular = threadList.threadIds.length;\n  const archived = threadList.archivedThreadIds.length;\n\n  return (\n    <PaneHeader>\n      {regular} conversation{regular === 1 ? \"\" : \"s\"}\n      {archived ? ` · ${archived} archived` : null}\n    </PaneHeader>\n  );\n};\n\nconst ROW = \"flex h-8 items-center gap-1.5\";\n\nconst ConversationRow = ({\n  item,\n  selected,\n  mainThreadId,\n  main,\n  snapshots,\n  onSelect,\n}: {\n  item: ThreadListItemPreview;\n  selected: boolean;\n  mainThreadId: string | undefined;\n  main: ThreadListPreview[\"main\"];\n  snapshots: Readonly<Record<string, unknown>> | undefined;\n  onSelect: () => void;\n}) => {\n  const title = item.title?.trim() || \"(untitled)\";\n  const whenSource = lastMessageAt(snapshots, item.id, item.lastMessageAt);\n\n  return (\n    <SelectableRow selected={selected} onSelect={onSelect} dense>\n      <div className={ROW} title={title}>\n        <ConversationStatusDot\n          item={item}\n          mainThreadId={mainThreadId}\n          main={main}\n          snapshots={snapshots}\n        />\n        <span className=\"text-foreground min-w-0 flex-1 truncate text-[12px] font-medium\">\n          {truncate(title, 64)}\n        </span>\n        {whenSource ? <RailTime value={whenSource} /> : null}\n      </div>\n    </SelectableRow>\n  );\n};\n\nexport const ConversationList = ({\n  threadList,\n  snapshots,\n  selectedId,\n  onSelect,\n}: {\n  threadList: ThreadListPreview;\n  snapshots: Readonly<Record<string, unknown>> | undefined;\n  selectedId: string;\n  onSelect: (threadId: string) => void;\n}) => {\n  const itemsById = new Map(\n    threadList.threadItems.map((item) => [item.id, item]),\n  );\n\n  const regular = threadList.threadIds\n    .map((id) => itemsById.get(id))\n    .filter((item): item is ThreadListItemPreview => Boolean(item));\n\n  const archived = threadList.archivedThreadIds\n    .map((id) => itemsById.get(id))\n    .filter((item): item is ThreadListItemPreview => Boolean(item));\n\n  const mainThreadId = threadList.mainThreadId;\n  const main = threadList.main;\n\n  return (\n    <>\n      {regular.map((item) => (\n        <ConversationRow\n          key={item.id}\n          item={item}\n          selected={selectedId === item.id}\n          mainThreadId={mainThreadId}\n          main={main}\n          snapshots={snapshots}\n          onSelect={() => onSelect(item.id)}\n        />\n      ))}\n      {archived.length ? (\n        <div className=\"border-border border-t\">\n          <div className=\"text-muted-foreground px-3 py-1 text-[9px] font-medium tracking-wide uppercase\">\n            Archived\n          </div>\n          {archived.map((item) => (\n            <ConversationRow\n              key={item.id}\n              item={item}\n              selected={selectedId === item.id}\n              mainThreadId={mainThreadId}\n              main={main}\n              snapshots={snapshots}\n              onSelect={() => onSelect(item.id)}\n            />\n          ))}\n        </div>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/views/thread/ConversationStatusDot.d.ts

@@ -0,0 +1,29 @@
+import { ThreadListItemPreview, ThreadPreview } from "./types.js";
+
+//#region src/views/thread/ConversationStatusDot.d.ts
+type ConversationDotState = "unloaded" | "loading" | "loaded" | "running" | "active" | "active-running" | "error" | "new";
+declare const resolveConversationDotState: ({
+  item,
+  mainThreadId,
+  main,
+  snapshots
+}: {
+  item: ThreadListItemPreview;
+  mainThreadId: string | undefined;
+  main: ThreadPreview | undefined;
+  snapshots: Readonly<Record<string, unknown>> | undefined;
+}) => ConversationDotState;
+declare const ConversationStatusDot: ({
+  item,
+  mainThreadId,
+  main,
+  snapshots
+}: {
+  item: ThreadListItemPreview;
+  mainThreadId: string | undefined;
+  main: ThreadPreview | undefined;
+  snapshots: Readonly<Record<string, unknown>> | undefined;
+}) => import("react").JSX.Element;
+//#endregion
+export { ConversationDotState, ConversationStatusDot, resolveConversationDotState };
+//# sourceMappingURL=ConversationStatusDot.d.ts.map

package/dist/views/thread/ConversationStatusDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationStatusDot.d.ts","names":[],"sources":["../../../src/views/thread/ConversationStatusDot.tsx"],"mappings":";;;KAIY,oBAAA;AAAA,cAyDC,2BAAA;EAA+B,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA;AAAA;EAM1C,IAAA,EAAM,qBAAA;EACN,YAAA;EACA,IAAA,EAAM,aAAA;EACN,SAAA,EAAW,QAAA,CAAS,MAAA;AAAA,MAClB,oBAAA;AAAA,cAqBS,qBAAA;EAAyB,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA;AAAA;EAMpC,IAAA,EAAM,qBAAA;EACN,YAAA;EACA,IAAA,EAAM,aAAA;EACN,SAAA,EAAW,QAAA,CAAS,MAAA;AAAA,sBACrB,GAAA,CAAA,OAAA"}

package/dist/views/thread/ConversationStatusDot.js

@@ -0,0 +1,91 @@
+import { parseThreadPreview } from "./utils.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/views/thread/ConversationStatusDot.tsx
+const DOT_CLASS = {
+	unloaded: "bg-muted-foreground/30",
+	loading: "bg-muted-foreground/45",
+	loaded: "bg-blue-500",
+	running: "bg-blue-500",
+	active: "bg-emerald-500",
+	"active-running": "bg-emerald-500",
+	error: "bg-red-500",
+	new: "bg-violet-500"
+};
+const DOT_LABEL = {
+	unloaded: "Not loaded in DevTools",
+	loading: "Loading",
+	loaded: "Loaded",
+	running: "Running",
+	active: "Active in app",
+	"active-running": "Active · running",
+	error: "Error",
+	new: "New conversation"
+};
+const threadHasError = (thread) => Boolean(thread?.messages.some((message) => message.status?.type === "incomplete"));
+const threadForItem = (item, mainThreadId, main, snapshots) => {
+	if (item.id === mainThreadId && main) return main;
+	const raw = snapshots?.[item.id];
+	return raw ? parseThreadPreview(raw) : null;
+};
+const isLoadedInDevtools = (item, mainThreadId, main, snapshots) => snapshots?.[item.id] !== void 0 || item.id === mainThreadId && main !== void 0;
+const resolveConversationDotState = ({ item, mainThreadId, main, snapshots }) => {
+	const isActive = item.id === mainThreadId;
+	const loaded = isLoadedInDevtools(item, mainThreadId, main, snapshots);
+	const thread = threadForItem(item, mainThreadId, main, snapshots);
+	if (item.status === "new") return "new";
+	if (!loaded) return "unloaded";
+	if (threadHasError(thread)) return "error";
+	if (isActive) return thread?.isRunning ? "active-running" : "active";
+	if (thread?.isRunning) return "running";
+	if (thread?.isLoading) return "loading";
+	return "loaded";
+};
+const ConversationStatusDot = (t0) => {
+	const $ = c(11);
+	const { item, mainThreadId, main, snapshots } = t0;
+	let t1;
+	if ($[0] !== item || $[1] !== main || $[2] !== mainThreadId || $[3] !== snapshots) {
+		t1 = resolveConversationDotState({
+			item,
+			mainThreadId,
+			main,
+			snapshots
+		});
+		$[0] = item;
+		$[1] = main;
+		$[2] = mainThreadId;
+		$[3] = snapshots;
+		$[4] = t1;
+	} else t1 = $[4];
+	const state = t1;
+	const label = DOT_LABEL[state];
+	const pulse = state === "loading" || state === "running" || state === "active-running";
+	const t2 = DOT_CLASS[state];
+	const t3 = pulse && "animate-pulse";
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3) {
+		t4 = clsx("size-1.5 shrink-0 rounded-full", t2, t3);
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== label || $[9] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			role: "img",
+			"aria-label": label,
+			title: label,
+			className: t4
+		});
+		$[8] = label;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
+};
+//#endregion
+export { ConversationStatusDot, resolveConversationDotState };
+
+//# sourceMappingURL=ConversationStatusDot.js.map

package/dist/views/thread/ConversationStatusDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationStatusDot.js","names":["clsx","ThreadListItemPreview","ThreadPreview","parseThreadPreview","ConversationDotState","DOT_CLASS","Record","unloaded","loading","loaded","running","active","error","new","DOT_LABEL","threadHasError","thread","Boolean","messages","some","message","status","type","threadForItem","item","mainThreadId","main","snapshots","Readonly","id","raw","isLoadedInDevtools","undefined","resolveConversationDotState","isActive","isRunning","isLoading","ConversationStatusDot","t0","$","_c","t1","state","label","pulse","t2","t3","t4","t5"],"sources":["../../../src/views/thread/ConversationStatusDot.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { ThreadListItemPreview, ThreadPreview } from \"./types\";\nimport { parseThreadPreview } from \"./utils\";\n\nexport type ConversationDotState =\n  | \"unloaded\"\n  | \"loading\"\n  | \"loaded\"\n  | \"running\"\n  | \"active\"\n  | \"active-running\"\n  | \"error\"\n  | \"new\";\n\nconst DOT_CLASS: Record<ConversationDotState, string> = {\n  unloaded: \"bg-muted-foreground/30\",\n  loading: \"bg-muted-foreground/45\",\n  loaded: \"bg-blue-500\",\n  running: \"bg-blue-500\",\n  active: \"bg-emerald-500\",\n  \"active-running\": \"bg-emerald-500\",\n  error: \"bg-red-500\",\n  new: \"bg-violet-500\",\n};\n\nconst DOT_LABEL: Record<ConversationDotState, string> = {\n  unloaded: \"Not loaded in DevTools\",\n  loading: \"Loading\",\n  loaded: \"Loaded\",\n  running: \"Running\",\n  active: \"Active in app\",\n  \"active-running\": \"Active · running\",\n  error: \"Error\",\n  new: \"New conversation\",\n};\n\nconst threadHasError = (thread: ThreadPreview | null | undefined) =>\n  Boolean(\n    thread?.messages.some((message) => message.status?.type === \"incomplete\"),\n  );\n\nconst threadForItem = (\n  item: ThreadListItemPreview,\n  mainThreadId: string | undefined,\n  main: ThreadPreview | undefined,\n  snapshots: Readonly<Record<string, unknown>> | undefined,\n): ThreadPreview | null => {\n  if (item.id === mainThreadId && main) return main;\n  const raw = snapshots?.[item.id];\n  return raw ? parseThreadPreview(raw) : null;\n};\n\nconst isLoadedInDevtools = (\n  item: ThreadListItemPreview,\n  mainThreadId: string | undefined,\n  main: ThreadPreview | undefined,\n  snapshots: Readonly<Record<string, unknown>> | undefined,\n) =>\n  snapshots?.[item.id] !== undefined ||\n  (item.id === mainThreadId && main !== undefined);\n\nexport const resolveConversationDotState = ({\n  item,\n  mainThreadId,\n  main,\n  snapshots,\n}: {\n  item: ThreadListItemPreview;\n  mainThreadId: string | undefined;\n  main: ThreadPreview | undefined;\n  snapshots: Readonly<Record<string, unknown>> | undefined;\n}): ConversationDotState => {\n  const isActive = item.id === mainThreadId;\n  const loaded = isLoadedInDevtools(item, mainThreadId, main, snapshots);\n  const thread = threadForItem(item, mainThreadId, main, snapshots);\n\n  if (item.status === \"new\") return \"new\";\n\n  if (!loaded) return \"unloaded\";\n\n  if (threadHasError(thread)) return \"error\";\n\n  if (isActive) {\n    return thread?.isRunning ? \"active-running\" : \"active\";\n  }\n\n  if (thread?.isRunning) return \"running\";\n  if (thread?.isLoading) return \"loading\";\n\n  return \"loaded\";\n};\n\nexport const ConversationStatusDot = ({\n  item,\n  mainThreadId,\n  main,\n  snapshots,\n}: {\n  item: ThreadListItemPreview;\n  mainThreadId: string | undefined;\n  main: ThreadPreview | undefined;\n  snapshots: Readonly<Record<string, unknown>> | undefined;\n}) => {\n  const state = resolveConversationDotState({\n    item,\n    mainThreadId,\n    main,\n    snapshots,\n  });\n  const label = DOT_LABEL[state];\n  const pulse =\n    state === \"loading\" || state === \"running\" || state === \"active-running\";\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={label}\n      title={label}\n      className={clsx(\n        \"size-1.5 shrink-0 rounded-full\",\n        DOT_CLASS[state],\n        pulse && \"animate-pulse\",\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;AAcA,MAAMK,YAAkD;CACtDE,UAAU;CACVC,SAAS;CACTC,QAAQ;CACRC,SAAS;CACTC,QAAQ;CACR,kBAAkB;CAClBC,OAAO;CACPC,KAAK;AACP;AAEA,MAAMC,YAAkD;CACtDP,UAAU;CACVC,SAAS;CACTC,QAAQ;CACRC,SAAS;CACTC,QAAQ;CACR,kBAAkB;CAClBC,OAAO;CACPC,KAAK;AACP;AAEA,MAAME,kBAAkBC,WACtBC,QACED,QAAQE,SAASC,MAAMC,YAAYA,QAAQC,QAAQC,SAAS,YAAY,CAC1E;AAEF,MAAMC,iBACJC,MACAC,cACAC,MACAC,cACyB;CACzB,IAAIH,KAAKK,OAAOJ,gBAAgBC,MAAM,OAAOA;CAC7C,MAAMI,MAAMH,YAAYH,KAAKK;CAC7B,OAAOC,MAAM3B,mBAAmB2B,GAAG,IAAI;AACzC;AAEA,MAAMC,sBACJP,MACAC,cACAC,MACAC,cAEAA,YAAYH,KAAKK,QAAQG,KAAAA,KACxBR,KAAKK,OAAOJ,gBAAgBC,SAASM,KAAAA;AAExC,MAAaC,+BAA+B,EAC1CT,MACAC,cACAC,MACAC,gBAM0B;CAC1B,MAAMO,WAAWV,KAAKK,OAAOJ;CAC7B,MAAMhB,SAASsB,mBAAmBP,MAAMC,cAAcC,MAAMC,SAAS;CACrE,MAAMX,SAASO,cAAcC,MAAMC,cAAcC,MAAMC,SAAS;CAEhE,IAAIH,KAAKH,WAAW,OAAO,OAAO;CAElC,IAAI,CAACZ,QAAQ,OAAO;CAEpB,IAAIM,eAAeC,MAAM,GAAG,OAAO;CAEnC,IAAIkB,UACF,OAAOlB,QAAQmB,YAAY,mBAAmB;CAGhD,IAAInB,QAAQmB,WAAW,OAAO;CAC9B,IAAInB,QAAQoB,WAAW,OAAO;CAE9B,OAAO;AACT;AAEA,MAAaC,yBAAwBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAhB,MAAAC,cAAAC,MAAAC,cAAAW;CAUrC,IAAAG;CAAA,IAAAF,EAAA,OAAAf,QAAAe,EAAA,OAAAb,QAAAa,EAAA,OAAAd,gBAAAc,EAAA,OAAAZ,WAAA;EACec,KAAAR,4BAA4B;GAAAT;GAAAC;GAAAC;GAAAC;EAK1C,CAAC;EAACY,EAAA,KAAAf;EAAAe,EAAA,KAAAb;EAAAa,EAAA,KAAAd;EAAAc,EAAA,KAAAZ;EAAAY,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CALF,MAAAG,QAAcD;CAMd,MAAAE,QAAc7B,UAAU4B;CACxB,MAAAE,QACEF,UAAU,aAAaA,UAAU,aAAaA,UAAU;CASpD,MAAAG,KAAAxC,UAAUqC;CACV,MAAAI,KAAAF,SAAA;CAAwB,IAAAG;CAAA,IAAAR,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;EAHfC,KAAA/C,KACT,kCACA6C,IACAC,EACF;EAACP,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAI,SAAAJ,EAAA,OAAAQ,IAAA;EARHC,KAAA,oBAAA,QAAA;GACO,MAAA;GACOL,cAAAA;GACLA,OAAAA;GACI,WAAAI;EAIV,CAAA;EACDR,EAAA,KAAAI;EAAAJ,EAAA,KAAAQ;EAAAR,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OATFS;AASE"}

package/dist/views/thread/ThreadDetails.d.ts

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

package/dist/views/thread/ThreadDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadDetails.d.ts","names":[],"sources":["../../../src/views/thread/ThreadDetails.tsx"],"mappings":";;;cAQa,aAAA;EAAiB,MAAA;EAAA;AAAA;EAI5B,MAAA,EAAQ,aAAA;EACR,KAAA;AAAA,sBACD,GAAA,CAAA,OAAA"}

package/dist/views/thread/ThreadDetails.js

@@ -0,0 +1,170 @@
+import { formatBoolean } from "../../utils/common.js";
+import { Chip } from "../ui/Chip.js";
+import { InfoCard } from "../ui/InfoCard.js";
+import { SummaryItem, SummaryList } from "../ui/SummaryItem.js";
+import { MessageList } from "../message/MessageList.js";
+import { ComposerAttachments } from "./ComposerAttachments.js";
+import { ComposerFlags } from "./ComposerFlags.js";
+import { ComposerQueue } from "./ComposerQueue.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/thread/ThreadDetails.tsx
+const ThreadDetails = (t0) => {
+	const $ = c(30);
+	const { thread, title } = t0;
+	const t1 = title ?? "Thread";
+	const t2 = String(thread.messages.length);
+	let t3;
+	if ($[0] !== t2) {
+		t3 = /* @__PURE__ */ jsx(SummaryItem, {
+			label: "Messages",
+			value: t2
+		});
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== thread.isLoading) {
+		t4 = typeof thread.isLoading === "boolean" ? /* @__PURE__ */ jsx(SummaryItem, {
+			label: "Loading",
+			value: formatBoolean(thread.isLoading) ?? "—"
+		}) : null;
+		$[2] = thread.isLoading;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== thread.isRunning) {
+		t5 = typeof thread.isRunning === "boolean" ? /* @__PURE__ */ jsx(SummaryItem, {
+			label: "Running",
+			value: formatBoolean(thread.isRunning) ?? "—"
+		}) : null;
+		$[4] = thread.isRunning;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== thread.isDisabled) {
+		t6 = thread.isDisabled !== void 0 ? /* @__PURE__ */ jsx(SummaryItem, {
+			label: "Disabled",
+			value: formatBoolean(thread.isDisabled) ?? "—"
+		}) : null;
+		$[6] = thread.isDisabled;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== t3 || $[9] !== t4 || $[10] !== t5 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(SummaryList, { children: [
+			t3,
+			t4,
+			t5,
+			t6
+		] });
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== t1 || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(InfoCard, {
+			title: t1,
+			children: t7
+		});
+		$[13] = t1;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== thread.capabilities) {
+		t9 = thread.capabilities.length ? /* @__PURE__ */ jsx(InfoCard, {
+			title: "Capabilities",
+			count: thread.capabilities.length,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: thread.capabilities.map(_temp)
+			})
+		}) : null;
+		$[16] = thread.capabilities;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== thread.messages) {
+		t10 = /* @__PURE__ */ jsx(MessageList, { messages: thread.messages });
+		$[18] = thread.messages;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== thread.suggestions) {
+		t11 = thread.suggestions.length ? /* @__PURE__ */ jsx(InfoCard, {
+			title: "Suggestions",
+			count: thread.suggestions.length,
+			children: /* @__PURE__ */ jsx("ul", {
+				className: "text-foreground list-disc space-y-1 pl-4 text-[12px]",
+				children: thread.suggestions.map(_temp2)
+			})
+		}) : null;
+		$[20] = thread.suggestions;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== thread.composer) {
+		t12 = thread.composer ? /* @__PURE__ */ jsxs(InfoCard, {
+			title: "Composer",
+			children: [
+				/* @__PURE__ */ jsxs(SummaryList, { children: [
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "Role",
+						value: thread.composer.role ?? "—"
+					}),
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "Text length",
+						value: String(thread.composer.textLength)
+					}),
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "Attachments",
+						value: String(thread.composer.attachments.length)
+					}),
+					typeof thread.composer.type === "string" ? /* @__PURE__ */ jsx(SummaryItem, {
+						label: "Mode",
+						value: thread.composer.type
+					}) : null
+				] }),
+				/* @__PURE__ */ jsx(ComposerFlags, { composer: thread.composer }),
+				/* @__PURE__ */ jsx(ComposerAttachments, { attachments: thread.composer.attachments }),
+				/* @__PURE__ */ jsx(ComposerQueue, { queue: thread.composer.queue })
+			]
+		}) : null;
+		$[22] = thread.composer;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== t10 || $[25] !== t11 || $[26] !== t12 || $[27] !== t8 || $[28] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-6",
+			children: [
+				t8,
+				t9,
+				t10,
+				t11,
+				t12
+			]
+		});
+		$[24] = t10;
+		$[25] = t11;
+		$[26] = t12;
+		$[27] = t8;
+		$[28] = t9;
+		$[29] = t13;
+	} else t13 = $[29];
+	return t13;
+};
+function _temp(capability) {
+	return /* @__PURE__ */ jsx(Chip, { children: capability }, capability);
+}
+function _temp2(suggestion, index) {
+	return /* @__PURE__ */ jsx("li", { children: suggestion.prompt || "(empty)" }, index);
+}
+//#endregion
+export { ThreadDetails };
+
+//# sourceMappingURL=ThreadDetails.js.map

package/dist/views/thread/ThreadDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadDetails.js","names":["formatBoolean","MessageList","Chip","InfoCard","SummaryItem","SummaryList","ComposerAttachments","ComposerFlags","ComposerQueue","ThreadPreview","ThreadDetails","t0","$","_c","thread","title","t1","t2","String","messages","length","t3","t4","isLoading","t5","isRunning","t6","isDisabled","undefined","t7","t8","t9","capabilities","map","_temp","t10","t11","suggestions","_temp2","t12","composer","role","textLength","attachments","type","queue","t13","capability","suggestion","index","prompt"],"sources":["../../../src/views/thread/ThreadDetails.tsx"],"sourcesContent":["import { formatBoolean } from \"../../utils/common\";\nimport { MessageList } from \"../message\";\nimport { Chip, InfoCard, SummaryItem, SummaryList } from \"../ui\";\nimport { ComposerAttachments } from \"./ComposerAttachments\";\nimport { ComposerFlags } from \"./ComposerFlags\";\nimport { ComposerQueue } from \"./ComposerQueue\";\nimport type { ThreadPreview } from \"./types\";\n\nexport const ThreadDetails = ({\n  thread,\n  title,\n}: {\n  thread: ThreadPreview;\n  title?: string;\n}) => (\n  <div className=\"flex flex-col gap-6\">\n    <InfoCard title={title ?? \"Thread\"}>\n      <SummaryList>\n        <SummaryItem label=\"Messages\" value={String(thread.messages.length)} />\n        {typeof thread.isLoading === \"boolean\" ? (\n          <SummaryItem\n            label=\"Loading\"\n            value={formatBoolean(thread.isLoading) ?? \"—\"}\n          />\n        ) : null}\n        {typeof thread.isRunning === \"boolean\" ? (\n          <SummaryItem\n            label=\"Running\"\n            value={formatBoolean(thread.isRunning) ?? \"—\"}\n          />\n        ) : null}\n        {thread.isDisabled !== undefined ? (\n          <SummaryItem\n            label=\"Disabled\"\n            value={formatBoolean(thread.isDisabled) ?? \"—\"}\n          />\n        ) : null}\n      </SummaryList>\n    </InfoCard>\n\n    {thread.capabilities.length ? (\n      <InfoCard title=\"Capabilities\" count={thread.capabilities.length}>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {thread.capabilities.map((capability) => (\n            <Chip key={capability}>{capability}</Chip>\n          ))}\n        </div>\n      </InfoCard>\n    ) : null}\n\n    <MessageList messages={thread.messages} />\n\n    {thread.suggestions.length ? (\n      <InfoCard title=\"Suggestions\" count={thread.suggestions.length}>\n        <ul className=\"text-foreground list-disc space-y-1 pl-4 text-[12px]\">\n          {thread.suggestions.map((suggestion, index) => (\n            <li key={index}>{suggestion.prompt || \"(empty)\"}</li>\n          ))}\n        </ul>\n      </InfoCard>\n    ) : null}\n\n    {thread.composer ? (\n      <InfoCard title=\"Composer\">\n        <SummaryList>\n          <SummaryItem label=\"Role\" value={thread.composer.role ?? \"—\"} />\n          <SummaryItem\n            label=\"Text length\"\n            value={String(thread.composer.textLength)}\n          />\n          <SummaryItem\n            label=\"Attachments\"\n            value={String(thread.composer.attachments.length)}\n          />\n          {typeof thread.composer.type === \"string\" ? (\n            <SummaryItem label=\"Mode\" value={thread.composer.type} />\n          ) : null}\n        </SummaryList>\n        <ComposerFlags composer={thread.composer} />\n        <ComposerAttachments attachments={thread.composer.attachments} />\n        <ComposerQueue queue={thread.composer.queue} />\n      </InfoCard>\n    ) : null}\n  </div>\n);\n"],"mappings":"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"}

package/dist/views/thread/Transcript.d.ts

@@ -0,0 +1,21 @@
+import { ThreadPreview } from "./types.js";
+
+//#region src/views/thread/Transcript.d.ts
+declare const messageNodeId: (id: string) => string;
+declare const TranscriptHeader: import("react").MemoExoticComponent<({
+  thread
+}: {
+  thread: ThreadPreview;
+}) => import("react").JSX.Element>;
+declare const Transcript: ({
+  thread,
+  selection,
+  onSelect
+}: {
+  thread: ThreadPreview;
+  selection: string | null;
+  onSelect: (nodeId: string) => void;
+}) => import("react").JSX.Element;
+//#endregion
+export { Transcript, TranscriptHeader, messageNodeId };
+//# sourceMappingURL=Transcript.d.ts.map

package/dist/views/thread/Transcript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcript.d.ts","names":[],"sources":["../../../src/views/thread/Transcript.tsx"],"mappings":";;;cAyBa,aAAA,GAAiB,EAAU;AAAA,cAiK3B,gBAAA,kBAAgB,mBAAA;EAAA;AAAA;EAG3B,MAAA,EAAQ,aAAa;AAAA,sBACtB,GAAA,CAAA,OAAA;AAAA,cAkGY,UAAA;EAAc,MAAA;EAAA,SAAA;EAAA;AAAA;EAKzB,MAAA,EAAQ,aAAA;EACR,SAAA;EACA,QAAA,GAAW,MAAA;AAAA,sBACZ,GAAA,CAAA,OAAA"}