@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/views/runs/parse.js

@@ -0,0 +1,78 @@
+import { eventScope, isRecord } from "../../utils/common.js";
+//#region src/views/runs/parse.ts
+const RUN_START = "thread.runStart";
+const RUN_END = "thread.runEnd";
+const threadIdOf = (data) => isRecord(data) && typeof data.threadId === "string" ? data.threadId : void 0;
+const entryFor = (log, offsetMs) => ({
+	time: log.time,
+	event: log.event,
+	scope: eventScope(log.event),
+	offsetMs: Math.max(0, offsetMs),
+	data: log.data
+});
+const groupRuns = (logs) => {
+	const sorted = [...logs].sort((a, b) => a.time.getTime() - b.time.getTime());
+	const builders = [];
+	const openByThread = /* @__PURE__ */ new Map();
+	const orphans = [];
+	const targetRun = (tid) => {
+		const exact = openByThread.get(tid);
+		if (exact) return exact;
+		if (tid === void 0 && openByThread.size === 1) return [...openByThread.values()][0];
+	};
+	for (const log of sorted) {
+		const tid = threadIdOf(log.data);
+		if (log.event === RUN_START) {
+			const stale = openByThread.get(tid);
+			if (stale) {
+				stale.endTime = log.time;
+				openByThread.delete(tid);
+			}
+			const builder = {
+				id: `run-${builders.length}`,
+				...tid !== void 0 ? { threadId: tid } : {},
+				index: builders.length,
+				startTime: log.time,
+				events: [entryFor(log, 0)]
+			};
+			builders.push(builder);
+			openByThread.set(tid, builder);
+			continue;
+		}
+		if (log.event === RUN_END) {
+			const run = targetRun(tid);
+			if (run && run.endTime === void 0) {
+				run.endTime = log.time;
+				run.events.push(entryFor(log, log.time.getTime() - run.startTime.getTime()));
+				openByThread.delete(run.threadId);
+				continue;
+			}
+			orphans.push(entryFor(log, 0));
+			continue;
+		}
+		const run = targetRun(tid);
+		if (run) run.events.push(entryFor(log, log.time.getTime() - run.startTime.getTime()));
+		else orphans.push(entryFor(log, 0));
+	}
+	return {
+		runs: builders.map((b) => {
+			const maxOffset = b.events.reduce((max, e) => Math.max(max, e.offsetMs), 0);
+			const durationMs = b.endTime ? b.endTime.getTime() - b.startTime.getTime() : void 0;
+			return {
+				id: b.id,
+				...b.threadId !== void 0 ? { threadId: b.threadId } : {},
+				index: b.index,
+				startTime: b.startTime,
+				...b.endTime !== void 0 ? { endTime: b.endTime } : {},
+				...durationMs !== void 0 ? { durationMs } : {},
+				spanMs: Math.max(durationMs ?? 0, maxOffset),
+				events: b.events
+			};
+		}),
+		orphans
+	};
+};
+//#endregion
+export { groupRuns };
+
+//# sourceMappingURL=parse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","names":["eventScope","isRecord","EventLogEntry","RunEventEntry","RunGrouping","RunPreview","RUN_START","RUN_END","threadIdOf","data","threadId","undefined","RunBuilder","id","index","startTime","Date","endTime","events","entryFor","log","offsetMs","time","event","scope","Math","max","groupRuns","logs","sorted","sort","a","b","getTime","builders","openByThread","Map","orphans","targetRun","tid","exact","get","size","values","stale","delete","builder","length","push","set","run","runs","map","maxOffset","reduce","e","durationMs","spanMs"],"sources":["../../../src/views/runs/parse.ts"],"sourcesContent":["import { eventScope, isRecord } from \"../../utils/common\";\nimport type { EventLogEntry } from \"../../data/types\";\nimport type { RunEventEntry, RunGrouping, RunPreview } from \"./types\";\n\n// thread.runStart/runEnd are @deprecated in core but kept for backward\n// compatibility; they are the only run-boundary signal in the event log.\nconst RUN_START = \"thread.runStart\";\nconst RUN_END = \"thread.runEnd\";\n\nconst threadIdOf = (data: unknown): string | undefined =>\n  isRecord(data) && typeof data.threadId === \"string\"\n    ? data.threadId\n    : undefined;\n\ninterface RunBuilder {\n  id: string;\n  threadId?: string;\n  index: number;\n  startTime: Date;\n  endTime?: Date;\n  events: RunEventEntry[];\n}\n\nconst entryFor = (log: EventLogEntry, offsetMs: number): RunEventEntry => ({\n  time: log.time,\n  event: log.event,\n  scope: eventScope(log.event),\n  offsetMs: Math.max(0, offsetMs),\n  data: log.data,\n});\n\nexport const groupRuns = (logs: readonly EventLogEntry[]): RunGrouping => {\n  const sorted = [...logs].sort((a, b) => a.time.getTime() - b.time.getTime());\n  const builders: RunBuilder[] = [];\n  const openByThread = new Map<string | undefined, RunBuilder>();\n  const orphans: RunEventEntry[] = [];\n\n  const targetRun = (tid: string | undefined): RunBuilder | undefined => {\n    const exact = openByThread.get(tid);\n    if (exact) return exact;\n    if (tid === undefined && openByThread.size === 1) {\n      return [...openByThread.values()][0];\n    }\n    return undefined;\n  };\n\n  for (const log of sorted) {\n    const tid = threadIdOf(log.data);\n\n    if (log.event === RUN_START) {\n      const stale = openByThread.get(tid);\n      if (stale) {\n        stale.endTime = log.time;\n        openByThread.delete(tid);\n      }\n      const builder: RunBuilder = {\n        id: `run-${builders.length}`,\n        ...(tid !== undefined ? { threadId: tid } : {}),\n        index: builders.length,\n        startTime: log.time,\n        events: [entryFor(log, 0)],\n      };\n      builders.push(builder);\n      openByThread.set(tid, builder);\n      continue;\n    }\n\n    if (log.event === RUN_END) {\n      const run = targetRun(tid);\n      if (run && run.endTime === undefined) {\n        run.endTime = log.time;\n        run.events.push(\n          entryFor(log, log.time.getTime() - run.startTime.getTime()),\n        );\n        openByThread.delete(run.threadId);\n        continue;\n      }\n      orphans.push(entryFor(log, 0));\n      continue;\n    }\n\n    const run = targetRun(tid);\n    if (run) {\n      run.events.push(\n        entryFor(log, log.time.getTime() - run.startTime.getTime()),\n      );\n    } else {\n      orphans.push(entryFor(log, 0));\n    }\n  }\n\n  const runs: RunPreview[] = builders.map((b) => {\n    const maxOffset = b.events.reduce((max, e) => Math.max(max, e.offsetMs), 0);\n    const durationMs = b.endTime\n      ? b.endTime.getTime() - b.startTime.getTime()\n      : undefined;\n    return {\n      id: b.id,\n      ...(b.threadId !== undefined ? { threadId: b.threadId } : {}),\n      index: b.index,\n      startTime: b.startTime,\n      ...(b.endTime !== undefined ? { endTime: b.endTime } : {}),\n      ...(durationMs !== undefined ? { durationMs } : {}),\n      spanMs: Math.max(durationMs ?? 0, maxOffset),\n      events: b.events,\n    };\n  });\n\n  return { runs, orphans };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+//#region src/views/runs/types.d.ts
+interface RunEventEntry {
+  readonly time: Date;
+  readonly event: string;
+  readonly scope: string;
+  readonly offsetMs: number;
+  readonly data: unknown;
+}
+interface RunPreview {
+  readonly id: string;
+  readonly threadId?: string;
+  readonly index: number;
+  readonly startTime: Date;
+  readonly endTime?: Date;
+  readonly durationMs?: number;
+  readonly spanMs: number;
+  readonly events: readonly RunEventEntry[];
+}
+interface RunGrouping {
+  readonly runs: readonly RunPreview[];
+  readonly orphans: readonly RunEventEntry[];
+}
+//#endregion
+export { RunEventEntry, RunGrouping, RunPreview };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/views/runs/types.ts"],"mappings":";UAAiB,aAAA;EAAA,SACN,IAAA,EAAM,IAAI;EAAA,SACV,KAAA;EAAA,SACA,KAAA;EAAA,SACA,QAAA;EAAA,SACA,IAAA;AAAA;AAAA,UAGM,UAAA;EAAA,SACN,EAAA;EAAA,SACA,QAAA;EAAA,SACA,KAAA;EAAA,SACA,SAAA,EAAW,IAAA;EAAA,SACX,OAAA,GAAU,IAAA;EAAA,SACV,UAAA;EAAA,SACA,MAAA;EAAA,SACA,MAAA,WAAiB,aAAA;AAAA;AAAA,UAGX,WAAA;EAAA,SACN,IAAA,WAAe,UAAA;EAAA,SACf,OAAA,WAAkB,aAAa;AAAA"}

package/dist/views/scopes/ScopesView.d.ts

@@ -0,0 +1,9 @@
+//#region src/views/scopes/ScopesView.d.ts
+declare const ScopesView: ({
+  scopes
+}: {
+  scopes?: unknown;
+}) => import("react").JSX.Element;
+//#endregion
+export { ScopesView };
+//# sourceMappingURL=ScopesView.d.ts.map

package/dist/views/scopes/ScopesView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopesView.d.ts","names":[],"sources":["../../../src/views/scopes/ScopesView.tsx"],"mappings":";cAkEa,UAAA;EAAc;AAAA;EAAc,MAAA;AAAA,sBAAkB,GAAA,CAAA,OAAA"}

package/dist/views/scopes/ScopesView.js

@@ -0,0 +1,235 @@
+import { isRecord } from "../../utils/common.js";
+import { Chip } from "../ui/Chip.js";
+import { EmptyState } from "../ui/EmptyState.js";
+import { SummaryItem, SummaryList } from "../ui/SummaryItem.js";
+import { ToneBadge } from "../ui/ToneBadge.js";
+import { parseScopes } from "./parse.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/scopes/ScopesView.tsx
+const SourceBadge = (t0) => {
+	const $ = c(3);
+	const { source } = t0;
+	if (!source) return null;
+	if (source === "root") {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(ToneBadge, {
+				tone: "emerald",
+				children: "root"
+			});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	let t1;
+	if ($[1] !== source) {
+		t1 = /* @__PURE__ */ jsxs(Chip, { children: ["← ", source] });
+		$[1] = source;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+const ScopeNode = (t0) => {
+	const $ = c(26);
+	const { scope, scopes, path } = t0;
+	let t1;
+	if ($[0] !== scope.query) {
+		t1 = isRecord(scope.query) && Object.keys(scope.query).length > 0;
+		$[0] = scope.query;
+		$[1] = t1;
+	} else t1 = $[1];
+	const hasQuery = t1;
+	let t2;
+	if ($[2] !== hasQuery || $[3] !== path || $[4] !== scope.methods || $[5] !== scope.name || $[6] !== scope.query || $[7] !== scope.source || $[8] !== scopes) {
+		const children = path.has(scope.name) ? [] : scopes.filter((candidate) => candidate.source === scope.name);
+		let t3;
+		if ($[10] !== path || $[11] !== scope.name) {
+			t3 = new Set(path).add(scope.name);
+			$[10] = path;
+			$[11] = scope.name;
+			$[12] = t3;
+		} else t3 = $[12];
+		const nextPath = t3;
+		let t4;
+		if ($[13] !== scope.name) {
+			t4 = /* @__PURE__ */ jsx("span", {
+				className: "text-foreground text-[13px] font-medium",
+				children: scope.name
+			});
+			$[13] = scope.name;
+			$[14] = t4;
+		} else t4 = $[14];
+		let t5;
+		if ($[15] !== scope.source) {
+			t5 = /* @__PURE__ */ jsx(SourceBadge, { source: scope.source });
+			$[15] = scope.source;
+			$[16] = t5;
+		} else t5 = $[16];
+		let t6;
+		if ($[17] !== hasQuery || $[18] !== scope.query) {
+			t6 = hasQuery ? /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground font-mono text-[11px]",
+				children: JSON.stringify(scope.query)
+			}) : null;
+			$[17] = hasQuery;
+			$[18] = scope.query;
+			$[19] = t6;
+		} else t6 = $[19];
+		let t7;
+		if ($[20] !== t4 || $[21] !== t5 || $[22] !== t6) {
+			t7 = /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					t4,
+					t5,
+					t6
+				]
+			});
+			$[20] = t4;
+			$[21] = t5;
+			$[22] = t6;
+			$[23] = t7;
+		} else t7 = $[23];
+		let t8;
+		if ($[24] !== scope.methods) {
+			t8 = scope.methods.length ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: scope.methods.map(_temp)
+			}) : null;
+			$[24] = scope.methods;
+			$[25] = t8;
+		} else t8 = $[25];
+		t2 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1.5",
+			children: [
+				t7,
+				t8,
+				children.length ? /* @__PURE__ */ jsx("div", {
+					className: "border-border/60 ms-1 mt-1 flex flex-col gap-3 border-s ps-3",
+					children: children.map((child) => /* @__PURE__ */ jsx(ScopeNode, {
+						scope: child,
+						scopes,
+						path: nextPath
+					}, child.name))
+				}) : null
+			]
+		});
+		$[2] = hasQuery;
+		$[3] = path;
+		$[4] = scope.methods;
+		$[5] = scope.name;
+		$[6] = scope.query;
+		$[7] = scope.source;
+		$[8] = scopes;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+};
+const ScopesView = (t0) => {
+	const $ = c(21);
+	const { scopes } = t0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] !== scopes) {
+		t5 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const list = parseScopes(scopes);
+			if (list.length === 0) {
+				let t6;
+				if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+					t6 = /* @__PURE__ */ jsx(EmptyState, { children: "No scopes reported. Update `@assistant-ui/react-devtools` to forward the scope graph." });
+					$[6] = t6;
+				} else t6 = $[6];
+				t5 = t6;
+				break bb0;
+			}
+			const names = new Set(list.map(_temp2));
+			const roots = list.filter((scope_0) => scope_0.source === "root" || scope_0.source === null || !names.has(scope_0.source));
+			t3 = "flex flex-col gap-4";
+			const t6 = String(list.length);
+			let t7;
+			if ($[7] !== t6) {
+				t7 = /* @__PURE__ */ jsx(SummaryItem, {
+					label: "Scopes",
+					value: t6
+				});
+				$[7] = t6;
+				$[8] = t7;
+			} else t7 = $[8];
+			const t8 = String(roots.length);
+			let t9;
+			if ($[9] !== t8) {
+				t9 = /* @__PURE__ */ jsx(SummaryItem, {
+					label: "Roots",
+					value: t8
+				});
+				$[9] = t8;
+				$[10] = t9;
+			} else t9 = $[10];
+			if ($[11] !== t7 || $[12] !== t9) {
+				t4 = /* @__PURE__ */ jsxs(SummaryList, { children: [t7, t9] });
+				$[11] = t7;
+				$[12] = t9;
+				$[13] = t4;
+			} else t4 = $[13];
+			t1 = "flex flex-col gap-3";
+			t2 = roots.map((scope_1) => /* @__PURE__ */ jsx(ScopeNode, {
+				scope: scope_1,
+				scopes: list,
+				path: /* @__PURE__ */ new Set()
+			}, scope_1.name));
+		}
+		$[0] = scopes;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+	}
+	if (t5 !== Symbol.for("react.early_return_sentinel")) return t5;
+	let t6;
+	if ($[14] !== t1 || $[15] !== t2) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== t3 || $[18] !== t4 || $[19] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t4, t6]
+		});
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t6;
+		$[20] = t7;
+	} else t7 = $[20];
+	return t7;
+};
+function _temp(method) {
+	return /* @__PURE__ */ jsx(Chip, {
+		className: "font-mono",
+		children: method
+	}, method);
+}
+function _temp2(scope) {
+	return scope.name;
+}
+//#endregion
+export { ScopesView };
+
+//# sourceMappingURL=ScopesView.js.map

package/dist/views/scopes/ScopesView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopesView.js","names":["isRecord","Chip","EmptyState","SummaryItem","SummaryList","ToneBadge","parseScopes","ScopePreview","SourceBadge","t0","$","_c","source","t1","Symbol","for","ScopeNode","scope","scopes","path","query","Object","keys","length","hasQuery","t2","methods","name","children","has","filter","candidate","t3","Set","add","nextPath","t4","t5","t6","JSON","stringify","t7","t8","map","_temp","child","ScopesView","bb0","list","names","_temp2","roots","scope_0","String","t9","scope_1","method"],"sources":["../../../src/views/scopes/ScopesView.tsx"],"sourcesContent":["import { isRecord } from \"../../utils/common\";\nimport { Chip, EmptyState, SummaryItem, SummaryList, ToneBadge } from \"../ui\";\nimport { parseScopes } from \"./parse\";\nimport type { ScopePreview } from \"./types\";\n\nconst SourceBadge = ({ source }: { source: string | null }) => {\n  if (!source) return null;\n  if (source === \"root\") return <ToneBadge tone=\"emerald\">root</ToneBadge>;\n  return <Chip>← {source}</Chip>;\n};\n\nconst ScopeNode = ({\n  scope,\n  scopes,\n  path,\n}: {\n  scope: ScopePreview;\n  scopes: readonly ScopePreview[];\n  path: ReadonlySet<string>;\n}) => {\n  const hasQuery = isRecord(scope.query) && Object.keys(scope.query).length > 0;\n  const children = path.has(scope.name)\n    ? []\n    : scopes.filter((candidate) => candidate.source === scope.name);\n  const nextPath = new Set(path).add(scope.name);\n\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <span className=\"text-foreground text-[13px] font-medium\">\n          {scope.name}\n        </span>\n        <SourceBadge source={scope.source} />\n        {hasQuery ? (\n          <span className=\"text-muted-foreground font-mono text-[11px]\">\n            {JSON.stringify(scope.query)}\n          </span>\n        ) : null}\n      </div>\n\n      {scope.methods.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {scope.methods.map((method) => (\n            <Chip key={method} className=\"font-mono\">\n              {method}\n            </Chip>\n          ))}\n        </div>\n      ) : null}\n\n      {children.length ? (\n        <div className=\"border-border/60 ms-1 mt-1 flex flex-col gap-3 border-s ps-3\">\n          {children.map((child) => (\n            <ScopeNode\n              key={child.name}\n              scope={child}\n              scopes={scopes}\n              path={nextPath}\n            />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const ScopesView = ({ scopes }: { scopes?: unknown }) => {\n  const list = parseScopes(scopes);\n\n  if (list.length === 0) {\n    return (\n      <EmptyState>\n        No scopes reported. Update `@assistant-ui/react-devtools` to forward the\n        scope graph.\n      </EmptyState>\n    );\n  }\n\n  const names = new Set(list.map((scope) => scope.name));\n  const roots = list.filter(\n    (scope) =>\n      scope.source === \"root\" ||\n      scope.source === null ||\n      !names.has(scope.source),\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <SummaryList>\n        <SummaryItem label=\"Scopes\" value={String(list.length)} />\n        <SummaryItem label=\"Roots\" value={String(roots.length)} />\n      </SummaryList>\n      <div className=\"flex flex-col gap-3\">\n        {roots.map((scope) => (\n          <ScopeNode\n            key={scope.name}\n            scope={scope}\n            scopes={list}\n            path={new Set()}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/views/scopes/index.d.ts

@@ -0,0 +1,2 @@
+import { ScopesView } from "./ScopesView.js";
+export { ScopesView };

package/dist/views/scopes/index.js

@@ -0,0 +1,2 @@
+import { ScopesView } from "./ScopesView.js";
+export { ScopesView };

package/dist/views/scopes/parse.d.ts

@@ -0,0 +1,7 @@
+import { ScopePreview } from "./types.js";
+
+//#region src/views/scopes/parse.d.ts
+declare const parseScopes: (value: unknown) => ScopePreview[];
+//#endregion
+export { parseScopes };
+//# sourceMappingURL=parse.d.ts.map

package/dist/views/scopes/parse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.d.ts","names":[],"sources":["../../../src/views/scopes/parse.ts"],"mappings":";;;cAgBa,WAAA,GAAe,KAAA,cAAiB,YAAY"}

package/dist/views/scopes/parse.js

@@ -0,0 +1,23 @@
+import { isRecord, isStringArray } from "../../utils/common.js";
+//#region src/views/scopes/parse.ts
+const parseScope = (value) => {
+	if (!isRecord(value) || typeof value.name !== "string") return null;
+	const methods = isStringArray(value.methods);
+	return {
+		name: value.name,
+		source: typeof value.source === "string" ? value.source : null,
+		query: value.query,
+		methods
+	};
+};
+const parseScopes = (value) => {
+	if (!Array.isArray(value)) return [];
+	return value.map((scope) => parseScope(scope)).filter((scope) => Boolean(scope)).sort((a, b) => {
+		const rootDelta = Number(b.source === "root") - Number(a.source === "root");
+		return rootDelta !== 0 ? rootDelta : a.name.localeCompare(b.name);
+	});
+};
+//#endregion
+export { parseScopes };
+
+//# sourceMappingURL=parse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","names":["isRecord","isStringArray","ScopePreview","parseScope","value","name","methods","source","query","parseScopes","Array","isArray","scopes","map","scope","filter","Boolean","sort","a","b","rootDelta","Number","localeCompare"],"sources":["../../../src/views/scopes/parse.ts"],"sourcesContent":["import { isRecord, isStringArray } from \"../../utils/common\";\nimport type { ScopePreview } from \"./types\";\n\nconst parseScope = (value: unknown): ScopePreview | null => {\n  if (!isRecord(value) || typeof value.name !== \"string\") return null;\n\n  const methods = isStringArray(value.methods);\n\n  return {\n    name: value.name,\n    source: typeof value.source === \"string\" ? value.source : null,\n    query: value.query,\n    methods,\n  };\n};\n\nexport const parseScopes = (value: unknown): ScopePreview[] => {\n  if (!Array.isArray(value)) return [];\n\n  const scopes = value\n    .map((scope) => parseScope(scope))\n    .filter((scope): scope is ScopePreview => Boolean(scope));\n\n  // Root scopes first, then alphabetically by name. This is not a full\n  // hierarchy sort: a derived scope can sort before its parent.\n  return scopes.sort((a, b) => {\n    const rootDelta = Number(b.source === \"root\") - Number(a.source === \"root\");\n    return rootDelta !== 0 ? rootDelta : a.name.localeCompare(b.name);\n  });\n};\n"],"mappings":";;AAGA,MAAMG,cAAcC,UAAwC;CAC1D,IAAI,CAACJ,SAASI,KAAK,KAAK,OAAOA,MAAMC,SAAS,UAAU,OAAO;CAE/D,MAAMC,UAAUL,cAAcG,MAAME,OAAO;CAE3C,OAAO;EACLD,MAAMD,MAAMC;EACZE,QAAQ,OAAOH,MAAMG,WAAW,WAAWH,MAAMG,SAAS;EAC1DC,OAAOJ,MAAMI;EACbF;CACF;AACF;AAEA,MAAaG,eAAeL,UAAmC;CAC7D,IAAI,CAACM,MAAMC,QAAQP,KAAK,GAAG,OAAO,CAAA;CAQlC,OANeA,MACZS,KAAKC,UAAUX,WAAWW,KAAK,CAAC,CAAC,CACjCC,QAAQD,UAAiCE,QAAQF,KAAK,CAIlDF,CAAM,CAACK,MAAMC,GAAGC,MAAM;EAC3B,MAAMC,YAAYC,OAAOF,EAAEZ,WAAW,MAAM,IAAIc,OAAOH,EAAEX,WAAW,MAAM;EAC1E,OAAOa,cAAc,IAAIA,YAAYF,EAAEb,KAAKiB,cAAcH,EAAEd,IAAI;CAClE,CAAC;AACH"}

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

@@ -0,0 +1,10 @@
+//#region src/views/scopes/types.d.ts
+interface ScopePreview {
+  readonly name: string;
+  readonly source: string | null;
+  readonly query: unknown;
+  readonly methods: readonly string[];
+}
+//#endregion
+export { ScopePreview };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/views/scopes/types.ts"],"mappings":";UAAiB,YAAA;EAAA,SACN,IAAA;EAAA,SACA,MAAA;EAAA,SACA,KAAA;EAAA,SACA,OAAA;AAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerAttachments.d.ts","names":[],"sources":["../../../src/views/thread/ComposerAttachments.tsx"],"mappings":";;;cAGa,mBAAA;EAAuB;AAAA;EAGlC,WAAA,WAAsB,iBAAiB;AAAA,sBACxC,GAAA,CAAA,OAAA"}

package/dist/views/thread/ComposerAttachments.js

@@ -0,0 +1,22 @@
+import { AttachmentList } from "../attachments/AttachmentList.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/views/thread/ComposerAttachments.tsx
+const ComposerAttachments = (t0) => {
+	const $ = c(2);
+	const { attachments } = t0;
+	let t1;
+	if ($[0] !== attachments) {
+		t1 = /* @__PURE__ */ jsx(AttachmentList, {
+			attachments,
+			label: "Composer attachments"
+		});
+		$[0] = attachments;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+//#endregion
+export { ComposerAttachments };
+
+//# sourceMappingURL=ComposerAttachments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerAttachments.js","names":["AttachmentPreview","AttachmentList","ComposerAttachments","t0","$","_c","attachments","t1"],"sources":["../../../src/views/thread/ComposerAttachments.tsx"],"sourcesContent":["import type { AttachmentPreview } from \"../attachments/types\";\nimport { AttachmentList } from \"../attachments\";\n\nexport const ComposerAttachments = ({\n  attachments,\n}: {\n  attachments: readonly AttachmentPreview[];\n}) => <AttachmentList attachments={attachments} label=\"Composer attachments\" />;\n"],"mappings":";;;;AAGA,MAAaE,uBAAsBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAC,gBAAAH;CAInC,IAAAI;CAAA,IAAAH,EAAA,OAAAE,aAAA;EAAKC,KAAA,oBAAC,gBAAD;GAA6BD;GAAmB,OAAA;EAAsB,CAAA;EAAGF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAAzEG;AAAyE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerFlags.d.ts","names":[],"sources":["../../../src/views/thread/ComposerFlags.tsx"],"mappings":";;;cAGa,aAAA;EAAiB;AAAA;EAAgB,QAAA,EAAU,eAAe;AAAA,sBAAE,GAAA,CAAA,OAAA"}

package/dist/views/thread/ComposerFlags.js

@@ -0,0 +1,54 @@
+import { formatBoolean } from "../../utils/common.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsxs } from "react/jsx-runtime";
+//#region src/views/thread/ComposerFlags.tsx
+const ComposerFlags = (t0) => {
+	const $ = c(13);
+	const { composer } = t0;
+	let t1;
+	if ($[0] !== composer.isEditing) {
+		t1 = typeof composer.isEditing === "boolean" ? /* @__PURE__ */ jsxs("span", { children: ["Edit: ", formatBoolean(composer.isEditing)] }) : null;
+		$[0] = composer.isEditing;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== composer.canCancel) {
+		t2 = typeof composer.canCancel === "boolean" ? /* @__PURE__ */ jsxs("span", { children: ["Can cancel: ", formatBoolean(composer.canCancel)] }) : null;
+		$[2] = composer.canCancel;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== composer.canSend) {
+		t3 = typeof composer.canSend === "boolean" ? /* @__PURE__ */ jsxs("span", { children: ["Can send: ", formatBoolean(composer.canSend)] }) : null;
+		$[4] = composer.canSend;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== composer.isEmpty) {
+		t4 = typeof composer.isEmpty === "boolean" ? /* @__PURE__ */ jsxs("span", { children: ["Empty: ", formatBoolean(composer.isEmpty)] }) : null;
+		$[6] = composer.isEmpty;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground flex flex-wrap gap-2 text-[11px]",
+			children: [
+				t1,
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+};
+//#endregion
+export { ComposerFlags };
+
+//# sourceMappingURL=ComposerFlags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerFlags.js","names":["formatBoolean","ComposerPreview","ComposerFlags","t0","$","_c","composer","t1","isEditing","t2","canCancel","t3","canSend","t4","isEmpty","t5"],"sources":["../../../src/views/thread/ComposerFlags.tsx"],"sourcesContent":["import { formatBoolean } from \"../../utils/common\";\nimport type { ComposerPreview } from \"./types\";\n\nexport const ComposerFlags = ({ composer }: { composer: ComposerPreview }) => (\n  <div className=\"text-muted-foreground flex flex-wrap gap-2 text-[11px]\">\n    {typeof composer.isEditing === \"boolean\" ? (\n      <span>Edit: {formatBoolean(composer.isEditing)}</span>\n    ) : null}\n    {typeof composer.canCancel === \"boolean\" ? (\n      <span>Can cancel: {formatBoolean(composer.canCancel)}</span>\n    ) : null}\n    {typeof composer.canSend === \"boolean\" ? (\n      <span>Can send: {formatBoolean(composer.canSend)}</span>\n    ) : null}\n    {typeof composer.isEmpty === \"boolean\" ? (\n      <span>Empty: {formatBoolean(composer.isEmpty)}</span>\n    ) : null}\n  </div>\n);\n"],"mappings":";;;;AAGA,MAAaE,iBAAgBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,aAAAH;CAA2C,IAAAI;CAAA,IAAAH,EAAA,OAAAE,SAAAE,WAAA;EAEpED,KAAA,OAAOD,SAAQE,cAAe,YAC7B,qBAAA,QAAA,EAAA,UAAA,CAAM,UAAOR,cAAcM,SAAQE,SAAU,CAAS,EAAA,CAAA,IADvD;EAEOJ,EAAA,KAAAE,SAAAE;EAAAJ,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAE,SAAAI,WAAA;EACPD,KAAA,OAAOH,SAAQI,cAAe,YAC7B,qBAAA,QAAA,EAAA,UAAA,CAAM,gBAAaV,cAAcM,SAAQI,SAAU,CAAS,EAAA,CAAA,IAD7D;EAEON,EAAA,KAAAE,SAAAI;EAAAN,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAE,SAAAM,SAAA;EACPD,KAAA,OAAOL,SAAQM,YAAa,YAC3B,qBAAA,QAAA,EAAA,UAAA,CAAM,cAAWZ,cAAcM,SAAQM,OAAQ,CAAS,EAAA,CAAA,IADzD;EAEOR,EAAA,KAAAE,SAAAM;EAAAR,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAE,SAAAQ,SAAA;EACPD,KAAA,OAAOP,SAAQQ,YAAa,YAC3B,qBAAA,QAAA,EAAA,UAAA,CAAM,WAAQd,cAAcM,SAAQQ,OAAQ,CAAS,EAAA,CAAA,IADtD;EAEOV,EAAA,KAAAE,SAAAQ;EAAAV,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAW;CAAA,IAAAX,EAAA,OAAAG,MAAAH,EAAA,OAAAK,MAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAS,IAAA;EAZVE,KAAA,qBAAA,OAAA;GAAe,WAAA;aAAf;IACGR;IAGAE;IAGAE;IAGAE;GAGG;;EAAAT,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,MAAAO;EAAAP,EAAA,MAAAS;EAAAT,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OAbNW;AAaM"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQueue.d.ts","names":[],"sources":["../../../src/views/thread/ComposerQueue.tsx"],"mappings":";;;cAGa,aAAA;EAAiB;AAAA;EAG5B,KAAA,WAAgB,iBAAiB;AAAA,sBAClC,GAAA,CAAA,OAAA"}

package/dist/views/thread/ComposerQueue.js

@@ -0,0 +1,55 @@
+import { SectionLabel } from "../ui/SectionLabel.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/thread/ComposerQueue.tsx
+const ComposerQueue = (t0) => {
+	const $ = c(9);
+	const { queue } = t0;
+	if (!queue.length) return null;
+	let t1;
+	if ($[0] !== queue.length) {
+		t1 = /* @__PURE__ */ jsxs(SectionLabel, { children: [
+			"Message queue (",
+			queue.length,
+			")"
+		] });
+		$[0] = queue.length;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== queue) {
+		t2 = queue.map(_temp);
+		$[2] = queue;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t2) {
+		t3 = /* @__PURE__ */ jsx("ol", {
+			className: "text-foreground mt-1 list-decimal space-y-0.5 pl-5 text-[11px]",
+			children: t2
+		});
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t1 || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "bg-card rounded-md border p-3",
+			children: [t1, t3]
+		});
+		$[6] = t1;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+};
+function _temp(item, index) {
+	return /* @__PURE__ */ jsx("li", {
+		className: "wrap-break-word whitespace-pre-wrap",
+		children: item.prompt || "(empty)"
+	}, item.id ?? index);
+}
+//#endregion
+export { ComposerQueue };
+
+//# sourceMappingURL=ComposerQueue.js.map