@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/shell/tabs/RawTab.js

@@ -0,0 +1,238 @@
+import { Chip } from "../../views/ui/Chip.js";
+import { EmptyState } from "../../views/ui/EmptyState.js";
+import { PaneHeader } from "../../views/ui/PaneHeader.js";
+import { SelectableRow } from "../../views/ui/SelectableRow.js";
+import { NAV_COL, SplitLayout } from "../SplitLayout.js";
+import { useNavSelectionSync } from "./navSelection.js";
+import { findNavNode, firstNavId } from "../../views/nav.js";
+import { RawDetail } from "../../views/raw/RawDetail.js";
+import { buildRawNav } from "../../views/raw/rawNodes.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/shell/tabs/RawTab.tsx
+const detailTitle = (node) => {
+	if (!node) return "Raw";
+	if (node.kind === "scopes") return "Scopes";
+	return node.key;
+};
+const RawTab = (t0) => {
+	const $ = c(52);
+	const { data, selection, setSelection } = t0;
+	let t1;
+	if ($[0] !== data) {
+		t1 = buildRawNav(data);
+		$[0] = data;
+		$[1] = t1;
+	} else t1 = $[1];
+	const groups = t1;
+	let t2;
+	if ($[2] !== data.state) {
+		t2 = Object.keys(data.state);
+		$[2] = data.state;
+		$[3] = t2;
+	} else t2 = $[3];
+	const sliceCount = t2.length;
+	let t3;
+	bb0: {
+		if (selection && findNavNode(groups, selection)) {
+			t3 = selection;
+			break bb0;
+		}
+		let t4;
+		if ($[4] !== groups) {
+			t4 = firstNavId(groups);
+			$[4] = groups;
+			$[5] = t4;
+		} else t4 = $[5];
+		t3 = t4;
+	}
+	const selectedId = t3;
+	useNavSelectionSync(selectedId, selection, setSelection);
+	let T0;
+	let T1;
+	let active;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[6] !== groups || $[7] !== selectedId || $[8] !== setSelection || $[9] !== sliceCount) {
+		t9 = Symbol.for("react.early_return_sentinel");
+		bb1: {
+			active = findNavNode(groups, selectedId);
+			if (!groups.length) {
+				let t10;
+				if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+					t10 = /* @__PURE__ */ jsx("div", {
+						className: "flex h-full items-center justify-center p-3",
+						children: /* @__PURE__ */ jsx(EmptyState, { children: "No runtime state reported for this instance." })
+					});
+					$[19] = t10;
+				} else t10 = $[19];
+				t9 = t10;
+				break bb1;
+			}
+			T1 = SplitLayout;
+			t8 = NAV_COL;
+			const t10 = sliceCount === 1 ? "" : "s";
+			let t11;
+			if ($[20] !== sliceCount || $[21] !== t10) {
+				t11 = /* @__PURE__ */ jsx(PaneHeader, {
+					trailing: /* @__PURE__ */ jsxs("span", { children: [
+						sliceCount,
+						" slice",
+						t10
+					] }),
+					children: "Raw"
+				});
+				$[20] = sliceCount;
+				$[21] = t10;
+				$[22] = t11;
+			} else t11 = $[22];
+			let t12;
+			if ($[23] !== groups || $[24] !== selectedId || $[25] !== setSelection) {
+				let t13;
+				if ($[27] !== selectedId || $[28] !== setSelection) {
+					t13 = (group) => /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-muted-foreground px-3 pt-2 pb-0.5 text-[10px] font-medium tracking-wide uppercase",
+							children: group.label
+						}), group.nodes.map((node) => /* @__PURE__ */ jsx(SelectableRow, {
+							selected: selectedId === node.id,
+							dense: true,
+							onSelect: () => setSelection(node.id),
+							children: node.kind === "slice" ? /* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 items-center justify-between gap-2 py-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "text-foreground truncate font-medium",
+									children: node.key
+								}), node.hint ? /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground shrink-0 text-[10px]",
+									children: node.hint
+								}) : null]
+							}) : /* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 items-center justify-between gap-2 py-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "text-foreground font-medium",
+									children: "scopes"
+								}), node.count ? /* @__PURE__ */ jsx(Chip, {
+									className: "shrink-0",
+									children: node.count
+								}) : null]
+							})
+						}, node.id))]
+					}, group.label);
+					$[27] = selectedId;
+					$[28] = setSelection;
+					$[29] = t13;
+				} else t13 = $[29];
+				t12 = groups.map(t13);
+				$[23] = groups;
+				$[24] = selectedId;
+				$[25] = setSelection;
+				$[26] = t12;
+			} else t12 = $[26];
+			if ($[30] !== t11 || $[31] !== t12) {
+				t7 = {
+					key: "nav",
+					header: t11,
+					children: t12
+				};
+				$[30] = t11;
+				$[31] = t12;
+				$[32] = t7;
+			} else t7 = $[32];
+			t6 = "detail";
+			T0 = PaneHeader;
+			t4 = active?.kind === "slice" && active.hint ? /* @__PURE__ */ jsx("span", { children: active.hint }) : active?.kind === "scopes" && active.count ? /* @__PURE__ */ jsx(Chip, { children: active.count }) : void 0;
+			t5 = detailTitle(active);
+		}
+		$[6] = groups;
+		$[7] = selectedId;
+		$[8] = setSelection;
+		$[9] = sliceCount;
+		$[10] = T0;
+		$[11] = T1;
+		$[12] = active;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else {
+		T0 = $[10];
+		T1 = $[11];
+		active = $[12];
+		t4 = $[13];
+		t5 = $[14];
+		t6 = $[15];
+		t7 = $[16];
+		t8 = $[17];
+		t9 = $[18];
+	}
+	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
+	let t10;
+	if ($[33] !== T0 || $[34] !== t4 || $[35] !== t5) {
+		t10 = /* @__PURE__ */ jsx(T0, {
+			trailing: t4,
+			children: t5
+		});
+		$[33] = T0;
+		$[34] = t4;
+		$[35] = t5;
+		$[36] = t10;
+	} else t10 = $[36];
+	let t11;
+	if ($[37] !== active || $[38] !== data.scopes || $[39] !== data.state) {
+		t11 = active ? /* @__PURE__ */ jsx("div", {
+			className: "p-3",
+			children: /* @__PURE__ */ jsx(RawDetail, {
+				node: active,
+				state: data.state,
+				scopes: data.scopes
+			})
+		}) : null;
+		$[37] = active;
+		$[38] = data.scopes;
+		$[39] = data.state;
+		$[40] = t11;
+	} else t11 = $[40];
+	let t12;
+	if ($[41] !== t10 || $[42] !== t11 || $[43] !== t6) {
+		t12 = {
+			key: t6,
+			header: t10,
+			children: t11
+		};
+		$[41] = t10;
+		$[42] = t11;
+		$[43] = t6;
+		$[44] = t12;
+	} else t12 = $[44];
+	let t13;
+	if ($[45] !== t12 || $[46] !== t7) {
+		t13 = [t7, t12];
+		$[45] = t12;
+		$[46] = t7;
+		$[47] = t13;
+	} else t13 = $[47];
+	let t14;
+	if ($[48] !== T1 || $[49] !== t13 || $[50] !== t8) {
+		t14 = /* @__PURE__ */ jsx(T1, {
+			sizes: t8,
+			columns: t13
+		});
+		$[48] = T1;
+		$[49] = t13;
+		$[50] = t8;
+		$[51] = t14;
+	} else t14 = $[51];
+	return t14;
+};
+//#endregion
+export { RawTab };
+
+//# sourceMappingURL=RawTab.js.map

package/dist/shell/tabs/RawTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawTab.js","names":["useMemo","buildRawNav","RawDetail","RawNode","findNavNode","firstNavId","Chip","EmptyState","PaneHeader","SelectableRow","NAV_COL","SplitLayout","useNavSelectionSync","DevToolsTabContext","detailTitle","node","kind","key","RawTab","t0","$","_c","data","selection","setSelection","t1","groups","t2","state","Object","keys","sliceCount","length","t3","bb0","t4","selectedId","T0","T1","active","t5","t6","t7","t8","t9","Symbol","for","bb1","t10","t11","t12","t13","group","label","nodes","map","id","hint","count","header","children","undefined","scopes","t14"],"sources":["../../../src/shell/tabs/RawTab.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { buildRawNav, RawDetail, type RawNode } from \"../../views/raw\";\nimport { findNavNode, firstNavId } from \"../../views/nav\";\nimport { Chip, EmptyState, PaneHeader, SelectableRow } from \"../../views/ui\";\nimport { NAV_COL, SplitLayout } from \"../SplitLayout\";\nimport { useNavSelectionSync } from \"./navSelection\";\nimport type { DevToolsTabContext } from \"../registry\";\n\nconst detailTitle = (node: RawNode | undefined) => {\n  if (!node) return \"Raw\";\n  if (node.kind === \"scopes\") return \"Scopes\";\n  return node.key;\n};\n\nexport const RawTab = ({\n  data,\n  selection,\n  setSelection,\n}: DevToolsTabContext) => {\n  const groups = useMemo(() => buildRawNav(data), [data]);\n  const sliceCount = Object.keys(data.state).length;\n\n  const selectedId = useMemo(() => {\n    if (selection && findNavNode(groups, selection)) return selection;\n    return firstNavId(groups);\n  }, [groups, selection]);\n\n  useNavSelectionSync(selectedId, selection, setSelection);\n\n  const active = findNavNode(groups, selectedId);\n\n  if (!groups.length) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-3\">\n        <EmptyState>No runtime state reported for this instance.</EmptyState>\n      </div>\n    );\n  }\n\n  return (\n    <SplitLayout\n      sizes={NAV_COL}\n      columns={[\n        {\n          key: \"nav\",\n          header: (\n            <PaneHeader\n              trailing={\n                <span>\n                  {sliceCount} slice{sliceCount === 1 ? \"\" : \"s\"}\n                </span>\n              }\n            >\n              Raw\n            </PaneHeader>\n          ),\n          children: groups.map((group) => (\n            <div key={group.label} className=\"flex flex-col\">\n              <div className=\"text-muted-foreground px-3 pt-2 pb-0.5 text-[10px] font-medium tracking-wide uppercase\">\n                {group.label}\n              </div>\n              {group.nodes.map((node) => (\n                <SelectableRow\n                  key={node.id}\n                  selected={selectedId === node.id}\n                  dense\n                  onSelect={() => setSelection(node.id)}\n                >\n                  {node.kind === \"slice\" ? (\n                    <div className=\"flex min-w-0 items-center justify-between gap-2 py-1.5\">\n                      <span className=\"text-foreground truncate font-medium\">\n                        {node.key}\n                      </span>\n                      {node.hint ? (\n                        <span className=\"text-muted-foreground shrink-0 text-[10px]\">\n                          {node.hint}\n                        </span>\n                      ) : null}\n                    </div>\n                  ) : (\n                    <div className=\"flex min-w-0 items-center justify-between gap-2 py-1.5\">\n                      <span className=\"text-foreground font-medium\">\n                        scopes\n                      </span>\n                      {node.count ? (\n                        <Chip className=\"shrink-0\">{node.count}</Chip>\n                      ) : null}\n                    </div>\n                  )}\n                </SelectableRow>\n              ))}\n            </div>\n          )),\n        },\n        {\n          key: \"detail\",\n          header: (\n            <PaneHeader\n              trailing={\n                active?.kind === \"slice\" && active.hint ? (\n                  <span>{active.hint}</span>\n                ) : active?.kind === \"scopes\" && active.count ? (\n                  <Chip>{active.count}</Chip>\n                ) : undefined\n              }\n            >\n              {detailTitle(active)}\n            </PaneHeader>\n          ),\n          children: active ? (\n            <div className=\"p-3\">\n              <RawDetail\n                node={active}\n                state={data.state}\n                scopes={data.scopes}\n              />\n            </div>\n          ) : null,\n        },\n      ]}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/shell/tabs/ThreadTab.d.ts

@@ -0,0 +1,12 @@
+import { DevToolsTabContext } from "../registry.js";
+
+//#region src/shell/tabs/ThreadTab.d.ts
+declare const ThreadTab: ({
+  data,
+  selection,
+  setSelection,
+  switchToThread
+}: DevToolsTabContext) => import("react").JSX.Element;
+//#endregion
+export { ThreadTab };
+//# sourceMappingURL=ThreadTab.d.ts.map

package/dist/shell/tabs/ThreadTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadTab.d.ts","names":[],"sources":["../../../src/shell/tabs/ThreadTab.tsx"],"mappings":";;;cA8Da,SAAA;EAAa,IAAA;EAAA,SAAA;EAAA,YAAA;EAAA;AAAA,GAKvB,kBAAA,qBAAkB,GAAA,CAAA,OAAA"}

package/dist/shell/tabs/ThreadTab.js

@@ -0,0 +1,426 @@
+import { CenteredMessage } from "../../views/ui/CenteredMessage.js";
+import { ControlButton } from "../../views/ui/ControlButton.js";
+import { EmptyState } from "../../views/ui/EmptyState.js";
+import { SplitLayout } from "../SplitLayout.js";
+import { MessageDetailBody, messageDetailHeader } from "../../views/message/MessageDetailPane.js";
+import { parseThreadListPreview } from "../../views/thread/utils.js";
+import { ConversationList, conversationListHeader } from "../../views/thread/ConversationList.js";
+import { Transcript, TranscriptHeader, messageNodeId } from "../../views/thread/Transcript.js";
+import { resolveSingleThread, resolveThreadForId } from "../../views/thread/resolve.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useEffect, useRef, useState } from "@assistant-ui/tap/react-shim";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/shell/tabs/ThreadTab.tsx
+const TWO_COL = "clamp(16rem,32%,22rem)_minmax(0,1fr)";
+const THREE_COL = "clamp(12rem,26%,15rem)_clamp(14rem,32%,20rem)_minmax(0,1fr)";
+const useSelectedMessage = (thread, selection, setSelection) => {
+	const $ = c(10);
+	let t0;
+	bb0: {
+		if (!thread || thread.messages.length === 0) {
+			t0 = null;
+			break bb0;
+		}
+		let t1;
+		if ($[0] !== selection || $[1] !== thread.messages) {
+			let t2;
+			if ($[3] !== selection) {
+				t2 = (message) => messageNodeId(message.id) === selection;
+				$[3] = selection;
+				$[4] = t2;
+			} else t2 = $[4];
+			t1 = thread.messages.find(t2);
+			$[0] = selection;
+			$[1] = thread.messages;
+			$[2] = t1;
+		} else t1 = $[2];
+		t0 = t1 ?? thread.messages[thread.messages.length - 1];
+	}
+	const selectedMessage = t0;
+	let t1;
+	let t2;
+	if ($[5] !== selection || $[6] !== setSelection || $[7] !== thread) {
+		t1 = () => {
+			if (!thread || thread.messages.length === 0 || selection !== null) return;
+			const last = thread.messages[thread.messages.length - 1];
+			setSelection(messageNodeId(last.id));
+		};
+		t2 = [
+			thread,
+			selection,
+			setSelection
+		];
+		$[5] = selection;
+		$[6] = setSelection;
+		$[7] = thread;
+		$[8] = t1;
+		$[9] = t2;
+	} else {
+		t1 = $[8];
+		t2 = $[9];
+	}
+	useEffect(t1, t2);
+	return selectedMessage;
+};
+const UnloadedConversation = (t0) => {
+	const $ = c(6);
+	const { switchToThread, threadId } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(EmptyState, { children: "This conversation has not been opened in the app yet, so its messages are not cached in DevTools." });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== switchToThread || $[2] !== threadId) {
+		t2 = switchToThread ? /* @__PURE__ */ jsx(ControlButton, {
+			onClick: () => switchToThread(threadId),
+			children: "Load conversation"
+		}) : null;
+		$[1] = switchToThread;
+		$[2] = threadId;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: "flex h-full flex-col items-center justify-center gap-3 p-6",
+			children: [t1, t2]
+		});
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+};
+const ThreadTab = (t0) => {
+	const $ = c(89);
+	const { data, selection, setSelection, switchToThread } = t0;
+	let t1;
+	if ($[0] !== data.state.threads) {
+		t1 = parseThreadListPreview(data.state.threads);
+		$[0] = data.state.threads;
+		$[1] = t1;
+	} else t1 = $[1];
+	const threadList = t1;
+	const snapshots = data.threadSnapshots;
+	const hasConversationList = threadList !== null && threadList.threadIds.length > 0;
+	let t2;
+	if ($[2] !== threadList?.mainThreadId || $[3] !== threadList?.threadIds) {
+		t2 = () => threadList?.mainThreadId ?? threadList?.threadIds[0] ?? "";
+		$[2] = threadList?.mainThreadId;
+		$[3] = threadList?.threadIds;
+		$[4] = t2;
+	} else t2 = $[4];
+	const [activeThreadId, setActiveThreadId] = useState(t2);
+	let t3;
+	let t4;
+	if ($[5] !== activeThreadId || $[6] !== hasConversationList || $[7] !== threadList) {
+		t3 = () => {
+			if (!hasConversationList || !threadList) return;
+			if ([...threadList.threadIds, ...threadList.archivedThreadIds].includes(activeThreadId)) return;
+			setActiveThreadId(threadList.mainThreadId ?? threadList.threadIds[0] ?? "");
+		};
+		t4 = [
+			hasConversationList,
+			threadList,
+			activeThreadId
+		];
+		$[5] = activeThreadId;
+		$[6] = hasConversationList;
+		$[7] = threadList;
+		$[8] = t3;
+		$[9] = t4;
+	} else {
+		t3 = $[8];
+		t4 = $[9];
+	}
+	useEffect(t3, t4);
+	const prevThreadIdRef = useRef(activeThreadId);
+	let t5;
+	let t6;
+	if ($[10] !== activeThreadId || $[11] !== setSelection) {
+		t5 = () => {
+			if (prevThreadIdRef.current === activeThreadId) return;
+			prevThreadIdRef.current = activeThreadId;
+			setSelection(null);
+		};
+		t6 = [activeThreadId, setSelection];
+		$[10] = activeThreadId;
+		$[11] = setSelection;
+		$[12] = t5;
+		$[13] = t6;
+	} else {
+		t5 = $[12];
+		t6 = $[13];
+	}
+	useEffect(t5, t6);
+	let t7;
+	bb0: {
+		if (!hasConversationList) {
+			let t8;
+			if ($[14] !== data.state) {
+				t8 = resolveSingleThread(data.state);
+				$[14] = data.state;
+				$[15] = t8;
+			} else t8 = $[15];
+			t7 = t8;
+			break bb0;
+		}
+		let t8;
+		if ($[16] !== activeThreadId || $[17] !== data.state || $[18] !== snapshots || $[19] !== threadList) {
+			t8 = resolveThreadForId(data.state, snapshots, activeThreadId, threadList);
+			$[16] = activeThreadId;
+			$[17] = data.state;
+			$[18] = snapshots;
+			$[19] = threadList;
+			$[20] = t8;
+		} else t8 = $[20];
+		t7 = t8;
+	}
+	const activeThread = t7;
+	const selectedMessage = useSelectedMessage(activeThread, selection, setSelection);
+	if (!hasConversationList) {
+		if (!activeThread || activeThread.messages.length === 0) {
+			let t8;
+			if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+				t8 = /* @__PURE__ */ jsx(CenteredMessage, { children: "No thread messages for this assistant instance." });
+				$[21] = t8;
+			} else t8 = $[21];
+			return t8;
+		}
+		let t8;
+		if ($[22] !== selectedMessage.id) {
+			t8 = messageNodeId(selectedMessage.id);
+			$[22] = selectedMessage.id;
+			$[23] = t8;
+		} else t8 = $[23];
+		const activeNodeId = t8;
+		let t9;
+		if ($[24] !== activeThread) {
+			t9 = /* @__PURE__ */ jsx(TranscriptHeader, { thread: activeThread });
+			$[24] = activeThread;
+			$[25] = t9;
+		} else t9 = $[25];
+		let t10;
+		if ($[26] !== activeNodeId || $[27] !== activeThread || $[28] !== setSelection) {
+			t10 = /* @__PURE__ */ jsx(Transcript, {
+				thread: activeThread,
+				selection: activeNodeId,
+				onSelect: setSelection
+			});
+			$[26] = activeNodeId;
+			$[27] = activeThread;
+			$[28] = setSelection;
+			$[29] = t10;
+		} else t10 = $[29];
+		let t11;
+		if ($[30] !== t10 || $[31] !== t9) {
+			t11 = {
+				key: "transcript",
+				header: t9,
+				children: t10
+			};
+			$[30] = t10;
+			$[31] = t9;
+			$[32] = t11;
+		} else t11 = $[32];
+		let t12;
+		if ($[33] !== selectedMessage) {
+			t12 = messageDetailHeader(selectedMessage);
+			$[33] = selectedMessage;
+			$[34] = t12;
+		} else t12 = $[34];
+		let t13;
+		if ($[35] !== selectedMessage) {
+			t13 = /* @__PURE__ */ jsx(MessageDetailBody, { message: selectedMessage });
+			$[35] = selectedMessage;
+			$[36] = t13;
+		} else t13 = $[36];
+		let t14;
+		if ($[37] !== t12 || $[38] !== t13) {
+			t14 = {
+				key: "detail",
+				header: t12,
+				children: t13
+			};
+			$[37] = t12;
+			$[38] = t13;
+			$[39] = t14;
+		} else t14 = $[39];
+		let t15;
+		if ($[40] !== t11 || $[41] !== t14) {
+			t15 = /* @__PURE__ */ jsx(SplitLayout, {
+				sizes: TWO_COL,
+				columns: [t11, t14]
+			});
+			$[40] = t11;
+			$[41] = t14;
+			$[42] = t15;
+		} else t15 = $[42];
+		return t15;
+	}
+	if (!(activeThread !== null && activeThread.messages.length > 0)) {
+		let t8;
+		if ($[43] !== threadList) {
+			t8 = conversationListHeader(threadList);
+			$[43] = threadList;
+			$[44] = t8;
+		} else t8 = $[44];
+		let t9;
+		if ($[45] !== activeThreadId || $[46] !== snapshots || $[47] !== threadList) {
+			t9 = /* @__PURE__ */ jsx(ConversationList, {
+				threadList,
+				snapshots,
+				selectedId: activeThreadId,
+				onSelect: setActiveThreadId
+			});
+			$[45] = activeThreadId;
+			$[46] = snapshots;
+			$[47] = threadList;
+			$[48] = t9;
+		} else t9 = $[48];
+		let t10;
+		if ($[49] !== t8 || $[50] !== t9) {
+			t10 = {
+				key: "conversations",
+				header: t8,
+				children: t9
+			};
+			$[49] = t8;
+			$[50] = t9;
+			$[51] = t10;
+		} else t10 = $[51];
+		let t11;
+		if ($[52] !== activeThreadId || $[53] !== switchToThread) {
+			t11 = {
+				key: "empty",
+				children: /* @__PURE__ */ jsx(UnloadedConversation, {
+					threadId: activeThreadId,
+					switchToThread
+				})
+			};
+			$[52] = activeThreadId;
+			$[53] = switchToThread;
+			$[54] = t11;
+		} else t11 = $[54];
+		let t12;
+		if ($[55] !== t10 || $[56] !== t11) {
+			t12 = /* @__PURE__ */ jsx(SplitLayout, {
+				sizes: "clamp(12rem,26%,15rem)_minmax(0,1fr)",
+				columns: [t10, t11]
+			});
+			$[55] = t10;
+			$[56] = t11;
+			$[57] = t12;
+		} else t12 = $[57];
+		return t12;
+	}
+	let t8;
+	if ($[58] !== selectedMessage.id) {
+		t8 = messageNodeId(selectedMessage.id);
+		$[58] = selectedMessage.id;
+		$[59] = t8;
+	} else t8 = $[59];
+	const activeNodeId_0 = t8;
+	let t9;
+	if ($[60] !== threadList) {
+		t9 = conversationListHeader(threadList);
+		$[60] = threadList;
+		$[61] = t9;
+	} else t9 = $[61];
+	let t10;
+	if ($[62] !== activeThreadId || $[63] !== snapshots || $[64] !== threadList) {
+		t10 = /* @__PURE__ */ jsx(ConversationList, {
+			threadList,
+			snapshots,
+			selectedId: activeThreadId,
+			onSelect: setActiveThreadId
+		});
+		$[62] = activeThreadId;
+		$[63] = snapshots;
+		$[64] = threadList;
+		$[65] = t10;
+	} else t10 = $[65];
+	let t11;
+	if ($[66] !== t10 || $[67] !== t9) {
+		t11 = {
+			key: "conversations",
+			header: t9,
+			children: t10
+		};
+		$[66] = t10;
+		$[67] = t9;
+		$[68] = t11;
+	} else t11 = $[68];
+	let t12;
+	if ($[69] !== activeThread) {
+		t12 = /* @__PURE__ */ jsx(TranscriptHeader, { thread: activeThread });
+		$[69] = activeThread;
+		$[70] = t12;
+	} else t12 = $[70];
+	let t13;
+	if ($[71] !== activeNodeId_0 || $[72] !== activeThread || $[73] !== setSelection) {
+		t13 = /* @__PURE__ */ jsx(Transcript, {
+			thread: activeThread,
+			selection: activeNodeId_0,
+			onSelect: setSelection
+		});
+		$[71] = activeNodeId_0;
+		$[72] = activeThread;
+		$[73] = setSelection;
+		$[74] = t13;
+	} else t13 = $[74];
+	let t14;
+	if ($[75] !== t12 || $[76] !== t13) {
+		t14 = {
+			key: "transcript",
+			header: t12,
+			children: t13
+		};
+		$[75] = t12;
+		$[76] = t13;
+		$[77] = t14;
+	} else t14 = $[77];
+	let t15;
+	if ($[78] !== selectedMessage) {
+		t15 = messageDetailHeader(selectedMessage);
+		$[78] = selectedMessage;
+		$[79] = t15;
+	} else t15 = $[79];
+	let t16;
+	if ($[80] !== selectedMessage) {
+		t16 = /* @__PURE__ */ jsx(MessageDetailBody, { message: selectedMessage });
+		$[80] = selectedMessage;
+		$[81] = t16;
+	} else t16 = $[81];
+	let t17;
+	if ($[82] !== t15 || $[83] !== t16) {
+		t17 = {
+			key: "detail",
+			header: t15,
+			children: t16
+		};
+		$[82] = t15;
+		$[83] = t16;
+		$[84] = t17;
+	} else t17 = $[84];
+	let t18;
+	if ($[85] !== t11 || $[86] !== t14 || $[87] !== t17) {
+		t18 = /* @__PURE__ */ jsx(SplitLayout, {
+			sizes: THREE_COL,
+			columns: [
+				t11,
+				t14,
+				t17
+			]
+		});
+		$[85] = t11;
+		$[86] = t14;
+		$[87] = t17;
+		$[88] = t18;
+	} else t18 = $[88];
+	return t18;
+};
+//#endregion
+export { ThreadTab };
+
+//# sourceMappingURL=ThreadTab.js.map