@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/views/nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","names":[],"sources":["../../src/views/nav.ts"],"mappings":";KAAY,QAAA;EAAqB,EAAA;AAAA;EAC/B,KAAA;EACA,KAAA,EAAO,CAAC;AAAA;AAAA,cAGG,UAAA;EAA0B,EAAA;AAAA,GACrC,MAAA,WAAiB,QAAA,CAAS,CAAA,QACzB,CAAA;AAAA,cAEU,WAAA;EAA2B,EAAA;AAAA,GACtC,MAAA,WAAiB,QAAA,CAAS,CAAA,KAC1B,MAAA,oBACC,CAAA;AAAA,cAGU,UAAA;EAA0B,EAAA;AAAA,GACrC,MAAA,WAAiB,QAAQ,CAAC,CAAA"}

package/dist/views/nav.js

@@ -0,0 +1,8 @@
+//#region src/views/nav.ts
+const flattenNav = (groups) => groups.flatMap((group) => group.nodes);
+const findNavNode = (groups, nodeId) => nodeId ? flattenNav(groups).find((node) => node.id === nodeId) : void 0;
+const firstNavId = (groups) => flattenNav(groups)[0]?.id ?? null;
+//#endregion
+export { findNavNode, firstNavId, flattenNav };
+
+//# sourceMappingURL=nav.js.map

package/dist/views/nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.js","names":["NavGroup","id","label","nodes","N","flattenNav","groups","flatMap","group","findNavNode","nodeId","find","node","undefined","firstNavId"],"sources":["../../src/views/nav.ts"],"sourcesContent":["export type NavGroup<N extends { id: string }> = {\n  label: string;\n  nodes: N[];\n};\n\nexport const flattenNav = <N extends { id: string }>(\n  groups: readonly NavGroup<N>[],\n): N[] => groups.flatMap((group) => group.nodes);\n\nexport const findNavNode = <N extends { id: string }>(\n  groups: readonly NavGroup<N>[],\n  nodeId: string | null,\n): N | undefined =>\n  nodeId ? flattenNav(groups).find((node) => node.id === nodeId) : undefined;\n\nexport const firstNavId = <N extends { id: string }>(\n  groups: readonly NavGroup<N>[],\n): string | null => flattenNav(groups)[0]?.id ?? null;\n"],"mappings":";AAKA,MAAaK,cACXC,WACQA,OAAOC,SAASC,UAAUA,MAAML,KAAK;AAE/C,MAAaM,eACXH,QACAI,WAEAA,SAASL,WAAWC,MAAM,CAAC,CAACK,MAAMC,SAASA,KAAKX,OAAOS,MAAM,IAAIG,KAAAA;AAEnE,MAAaC,cACXR,WACkBD,WAAWC,MAAM,CAAC,CAAC,EAAE,EAAEL,MAAM"}

package/dist/views/raw/RawDetail.d.ts

@@ -0,0 +1,15 @@
+import { RawNode } from "./rawNodes.js";
+
+//#region src/views/raw/RawDetail.d.ts
+declare const RawDetail: ({
+  node,
+  state,
+  scopes
+}: {
+  node: RawNode;
+  state: Record<string, unknown>;
+  scopes: unknown;
+}) => import("react").JSX.Element;
+//#endregion
+export { RawDetail };
+//# sourceMappingURL=RawDetail.d.ts.map

package/dist/views/raw/RawDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawDetail.d.ts","names":[],"sources":["../../../src/views/raw/RawDetail.tsx"],"mappings":";;;cAMa,SAAA;EAAa,IAAA;EAAA,KAAA;EAAA;AAAA;EAKxB,IAAA,EAAM,OAAA;EACN,KAAA,EAAO,MAAA;EACP,MAAA;AAAA,sBACD,GAAA,CAAA,OAAA"}

package/dist/views/raw/RawDetail.js

@@ -0,0 +1,79 @@
+import { JSONTree } from "../ui/JSONTree.js";
+import { PartDisclosure } from "../message/PartDisclosure.js";
+import { ScopesView } from "../scopes/ScopesView.js";
+import { renderStatePreview } from "./statePreview.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/raw/RawDetail.tsx
+const RawDetail = (t0) => {
+	const $ = c(14);
+	const { node, state, scopes } = t0;
+	if (node.kind === "scopes") {
+		let t1;
+		let t2;
+		if ($[0] !== scopes) {
+			t1 = /* @__PURE__ */ jsx(ScopesView, { scopes });
+			t2 = scopes !== void 0 ? /* @__PURE__ */ jsx(PartDisclosure, {
+				label: "Raw JSON",
+				children: /* @__PURE__ */ jsx(JSONTree, {
+					value: scopes,
+					openDepth: 1,
+					compact: true
+				})
+			}) : null;
+			$[0] = scopes;
+			$[1] = t1;
+			$[2] = t2;
+		} else {
+			t1 = $[1];
+			t2 = $[2];
+		}
+		let t3;
+		if ($[3] !== t1 || $[4] !== t2) {
+			t3 = /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3",
+				children: [t1, t2]
+			});
+			$[3] = t1;
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		return t3;
+	}
+	const value = state[node.key];
+	let t1;
+	if ($[6] !== node.key || $[7] !== value) {
+		t1 = renderStatePreview(node.key, value);
+		$[6] = node.key;
+		$[7] = value;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== value) {
+		t2 = /* @__PURE__ */ jsx(PartDisclosure, {
+			label: "Raw JSON",
+			children: /* @__PURE__ */ jsx(JSONTree, {
+				value,
+				openDepth: 1,
+				compact: true
+			})
+		});
+		$[9] = value;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3",
+			children: [t1, t2]
+		});
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+};
+//#endregion
+export { RawDetail };
+
+//# sourceMappingURL=RawDetail.js.map

package/dist/views/raw/RawDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawDetail.js","names":["PartDisclosure","ScopesView","JSONTree","renderStatePreview","RawNode","RawDetail","t0","$","_c","node","state","scopes","kind","t1","t2","undefined","t3","value","key"],"sources":["../../../src/views/raw/RawDetail.tsx"],"sourcesContent":["import { PartDisclosure } from \"../message/PartDisclosure\";\nimport { ScopesView } from \"../scopes\";\nimport { JSONTree } from \"../ui\";\nimport { renderStatePreview } from \"./statePreview\";\nimport type { RawNode } from \"./rawNodes\";\n\nexport const RawDetail = ({\n  node,\n  state,\n  scopes,\n}: {\n  node: RawNode;\n  state: Record<string, unknown>;\n  scopes: unknown;\n}) => {\n  if (node.kind === \"scopes\") {\n    return (\n      <div className=\"flex flex-col gap-3\">\n        <ScopesView scopes={scopes} />\n        {scopes !== undefined ? (\n          <PartDisclosure label=\"Raw JSON\">\n            <JSONTree value={scopes} openDepth={1} compact />\n          </PartDisclosure>\n        ) : null}\n      </div>\n    );\n  }\n\n  const value = state[node.key];\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {renderStatePreview(node.key, value)}\n      <PartDisclosure label=\"Raw JSON\">\n        <JSONTree value={value} openDepth={1} compact />\n      </PartDisclosure>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAaK,aAAYC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,MAAAC,OAAAC,WAAAL;CASxB,IAAIG,KAAIG,SAAU,UAAQ;EAAA,IAAAC;EAAA,IAAAC;EAAA,IAAAP,EAAA,OAAAI,QAAA;GAGpBE,KAAA,oBAAC,YAAD,EAAoBF,OAAM,CAAA;GACzBG,KAAAH,WAAWI,KAAAA,IACV,oBAAC,gBAAD;IAAsB,OAAA;cACpB,oBAAC,UAAD;KAAiBJ,OAAAA;KAAmB,WAAA;KAAG,SAAA;IAAO,CAAA;GADjC,CAAA,IADhB;GAIOJ,EAAA,KAAAI;GAAAJ,EAAA,KAAAM;GAAAN,EAAA,KAAAO;EAAA,OAAA;GAAAD,KAAAN,EAAA;GAAAO,KAAAP,EAAA;EAAA;EAAA,IAAAS;EAAA,IAAAT,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;GANVE,KAAA,qBAAA,OAAA;IAAe,WAAA;cAAf,CACEH,IACCC,EAKG;;GAAAP,EAAA,KAAAM;GAAAN,EAAA,KAAAO;GAAAP,EAAA,KAAAS;EAAA,OAAAA,KAAAT,EAAA;EAAA,OAPNS;CAOM;CAIV,MAAAC,QAAcP,MAAMD,KAAIS;CAAM,IAAAL;CAAA,IAAAN,EAAA,OAAAE,KAAAS,OAAAX,EAAA,OAAAU,OAAA;EAIzBJ,KAAAV,mBAAmBM,KAAIS,KAAMD,KAAK;EAACV,EAAA,KAAAE,KAAAS;EAAAX,EAAA,KAAAU;EAAAV,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAU,OAAA;EACpCH,KAAA,oBAAC,gBAAD;GAAsB,OAAA;aACpB,oBAAC,UAAD;IAAiBG;IAAkB,WAAA;IAAG,SAAA;GAAO,CAAA;EADhC,CAAA;EAEEV,EAAA,KAAAU;EAAAV,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAM,MAAAN,EAAA,QAAAO,IAAA;EAJnBE,KAAA,qBAAA,OAAA;GAAe,WAAA;aAAf,CACGH,IACDC,EAGI;;EAAAP,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OALNS;AAKM"}

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

@@ -0,0 +1,3 @@
+import { RawNavGroup, RawNode, buildRawNav } from "./rawNodes.js";
+import { RawDetail } from "./RawDetail.js";
+export { RawDetail, type RawNavGroup, type RawNode, buildRawNav };

package/dist/views/raw/index.js

@@ -0,0 +1,3 @@
+import { RawDetail } from "./RawDetail.js";
+import { buildRawNav } from "./rawNodes.js";
+export { RawDetail, buildRawNav };

package/dist/views/raw/rawNodes.d.ts

@@ -0,0 +1,20 @@
+import { ApiInfo } from "../../data/types.js";
+import { NavGroup } from "../nav.js";
+
+//#region src/views/raw/rawNodes.d.ts
+type RawNode = {
+  id: `raw:slice:${string}`;
+  kind: "slice";
+  key: string;
+  hint: string | null;
+} | {
+  id: "raw:scopes";
+  kind: "scopes";
+  count: number;
+};
+type RawNavGroup = NavGroup<RawNode>;
+declare const sliceHint: (key: string, value: unknown) => string | null;
+declare const buildRawNav: (data: ApiInfo) => RawNavGroup[];
+//#endregion
+export { RawNavGroup, RawNode, buildRawNav, sliceHint };
+//# sourceMappingURL=rawNodes.d.ts.map

package/dist/views/raw/rawNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rawNodes.d.ts","names":[],"sources":["../../../src/views/raw/rawNodes.ts"],"mappings":";;;;KAUY,OAAA;EAEN,EAAA;EACA,IAAA;EACA,GAAA;EACA,IAAA;AAAA;EAEA,EAAA;EAAkB,IAAA;EAAgB,KAAA;AAAA;AAAA,KAE5B,WAAA,GAAc,QAAQ,CAAC,OAAA;AAAA,cAwBtB,SAAA,GAAa,GAAA,UAAa,KAAc;AAAA,cAmCxC,WAAA,GAAe,IAAA,EAAM,OAAA,KAAU,WAAW"}

package/dist/views/raw/rawNodes.js

@@ -0,0 +1,78 @@
+import { isRecord } from "../../utils/common.js";
+import { parseScopes } from "../scopes/parse.js";
+import { parseComposerPreview, parseThreadListPreview, parseThreadPreview } from "../thread/utils.js";
+//#region src/views/raw/rawNodes.ts
+const SLICE_ORDER = [
+	"thread",
+	"threads",
+	"threadListItem",
+	"threadlistitem",
+	"composer",
+	"tools",
+	"mcp"
+];
+const sortSliceKeys = (keys) => {
+	const rank = new Map(SLICE_ORDER.map((key, index) => [key, index]));
+	return [...keys].sort((left, right) => {
+		const leftRank = rank.get(left) ?? rank.get(left.toLowerCase()) ?? 999;
+		const rightRank = rank.get(right) ?? rank.get(right.toLowerCase()) ?? 999;
+		if (leftRank !== rightRank) return leftRank - rightRank;
+		return left.localeCompare(right);
+	});
+};
+const sliceHint = (key, value) => {
+	switch (key) {
+		case "thread": {
+			const thread = parseThreadPreview(value);
+			if (!thread) return null;
+			return `${thread.messages.length} msgs`;
+		}
+		case "threads": {
+			const threads = parseThreadListPreview(value);
+			if (!threads) return null;
+			return `${threads.threadIds.length} active`;
+		}
+		case "composer": {
+			const composer = parseComposerPreview(value);
+			if (!composer) return null;
+			return `${composer.textLength} chars`;
+		}
+		case "tools": {
+			if (!isRecord(value)) return null;
+			const count = Object.keys(value).length;
+			return count ? `${count} mapped` : "empty";
+		}
+		case "mcp": {
+			if (!isRecord(value)) return null;
+			const servers = Array.isArray(value.servers) ? value.servers.length : (Array.isArray(value.connectors) ? value.connectors.length : 0) + (Array.isArray(value.customServers) ? value.customServers.length : 0);
+			return servers ? `${servers} servers` : "empty";
+		}
+		default: return null;
+	}
+};
+const buildRawNav = (data) => {
+	const stateNodes = sortSliceKeys(Object.keys(data.state)).map((key) => ({
+		id: `raw:slice:${key}`,
+		kind: "slice",
+		key,
+		hint: sliceHint(key, data.state[key])
+	}));
+	const groups = [];
+	if (stateNodes.length) groups.push({
+		label: "State",
+		nodes: stateNodes
+	});
+	if (data.scopes !== void 0) groups.push({
+		label: "Graph",
+		nodes: [{
+			id: "raw:scopes",
+			kind: "scopes",
+			count: parseScopes(data.scopes).length
+		}]
+	});
+	return groups;
+};
+//#endregion
+export { buildRawNav, sliceHint };
+
+//# sourceMappingURL=rawNodes.js.map

package/dist/views/raw/rawNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rawNodes.js","names":["ApiInfo","isRecord","parseComposerPreview","parseThreadListPreview","parseThreadPreview","parseScopes","NavGroup","RawNode","id","kind","key","hint","count","RawNavGroup","SLICE_ORDER","const","sortSliceKeys","keys","rank","Map","map","index","sort","left","right","leftRank","get","toLowerCase","rightRank","localeCompare","sliceHint","value","thread","messages","length","threads","threadIds","composer","textLength","Object","servers","Array","isArray","connectors","customServers","buildRawNav","data","sliceKeys","state","stateNodes","groups","push","label","nodes","scopes","undefined"],"sources":["../../../src/views/raw/rawNodes.ts"],"sourcesContent":["import type { ApiInfo } from \"../../data/types\";\nimport { isRecord } from \"../../utils/common\";\nimport {\n  parseComposerPreview,\n  parseThreadListPreview,\n  parseThreadPreview,\n} from \"../thread\";\nimport { parseScopes } from \"../scopes/parse\";\nimport type { NavGroup } from \"../nav\";\n\nexport type RawNode =\n  | {\n      id: `raw:slice:${string}`;\n      kind: \"slice\";\n      key: string;\n      hint: string | null;\n    }\n  | { id: \"raw:scopes\"; kind: \"scopes\"; count: number };\n\nexport type RawNavGroup = NavGroup<RawNode>;\n\nconst SLICE_ORDER = [\n  \"thread\",\n  \"threads\",\n  \"threadListItem\",\n  \"threadlistitem\",\n  \"composer\",\n  \"tools\",\n  \"mcp\",\n] as const;\n\nconst sortSliceKeys = (keys: string[]) => {\n  const rank = new Map<string, number>(\n    SLICE_ORDER.map((key, index) => [key, index]),\n  );\n  return [...keys].sort((left, right) => {\n    const leftRank = rank.get(left) ?? rank.get(left.toLowerCase()) ?? 999;\n    const rightRank = rank.get(right) ?? rank.get(right.toLowerCase()) ?? 999;\n    if (leftRank !== rightRank) return leftRank - rightRank;\n    return left.localeCompare(right);\n  });\n};\n\nexport const sliceHint = (key: string, value: unknown): string | null => {\n  switch (key) {\n    case \"thread\": {\n      const thread = parseThreadPreview(value);\n      if (!thread) return null;\n      return `${thread.messages.length} msgs`;\n    }\n    case \"threads\": {\n      const threads = parseThreadListPreview(value);\n      if (!threads) return null;\n      return `${threads.threadIds.length} active`;\n    }\n    case \"composer\": {\n      const composer = parseComposerPreview(value);\n      if (!composer) return null;\n      return `${composer.textLength} chars`;\n    }\n    case \"tools\": {\n      if (!isRecord(value)) return null;\n      const count = Object.keys(value).length;\n      return count ? `${count} mapped` : \"empty\";\n    }\n    case \"mcp\": {\n      if (!isRecord(value)) return null;\n      const servers = Array.isArray(value.servers)\n        ? value.servers.length\n        : (Array.isArray(value.connectors) ? value.connectors.length : 0) +\n          (Array.isArray(value.customServers) ? value.customServers.length : 0);\n      return servers ? `${servers} servers` : \"empty\";\n    }\n    default:\n      return null;\n  }\n};\n\nexport const buildRawNav = (data: ApiInfo): RawNavGroup[] => {\n  const sliceKeys = sortSliceKeys(Object.keys(data.state));\n  const stateNodes: RawNode[] = sliceKeys.map((key) => ({\n    id: `raw:slice:${key}`,\n    kind: \"slice\",\n    key,\n    hint: sliceHint(key, data.state[key]),\n  }));\n\n  const groups: RawNavGroup[] = [];\n  if (stateNodes.length) {\n    groups.push({ label: \"State\", nodes: stateNodes });\n  }\n\n  if (data.scopes !== undefined) {\n    groups.push({\n      label: \"Graph\",\n      nodes: [\n        {\n          id: \"raw:scopes\",\n          kind: \"scopes\",\n          count: parseScopes(data.scopes).length,\n        },\n      ],\n    });\n  }\n\n  return groups;\n};\n"],"mappings":";;;;AAqBA,MAAMc,cAAc;CAClB;CACA;CACA;CACA;CACA;CACA;CACA;AAAK;AAGP,MAAME,iBAAiBC,SAAmB;CACxC,MAAMC,OAAO,IAAIC,IACfL,YAAYM,KAAKV,KAAKW,UAAU,CAACX,KAAKW,KAAK,CAAC,CAC9C;CACA,OAAO,CAAC,GAAGJ,IAAI,CAAC,CAACK,MAAMC,MAAMC,UAAU;EACrC,MAAMC,WAAWP,KAAKQ,IAAIH,IAAI,KAAKL,KAAKQ,IAAIH,KAAKI,YAAY,CAAC,KAAK;EACnE,MAAMC,YAAYV,KAAKQ,IAAIF,KAAK,KAAKN,KAAKQ,IAAIF,MAAMG,YAAY,CAAC,KAAK;EACtE,IAAIF,aAAaG,WAAW,OAAOH,WAAWG;EAC9C,OAAOL,KAAKM,cAAcL,KAAK;CACjC,CAAC;AACH;AAEA,MAAaM,aAAapB,KAAaqB,UAAkC;CACvE,QAAQrB,KAAR;EACE,KAAK,UAAU;GACb,MAAMsB,SAAS5B,mBAAmB2B,KAAK;GACvC,IAAI,CAACC,QAAQ,OAAO;GACpB,OAAO,GAAGA,OAAOC,SAASC,OAAM;EAClC;EACA,KAAK,WAAW;GACd,MAAMC,UAAUhC,uBAAuB4B,KAAK;GAC5C,IAAI,CAACI,SAAS,OAAO;GACrB,OAAO,GAAGA,QAAQC,UAAUF,OAAM;EACpC;EACA,KAAK,YAAY;GACf,MAAMG,WAAWnC,qBAAqB6B,KAAK;GAC3C,IAAI,CAACM,UAAU,OAAO;GACtB,OAAO,GAAGA,SAASC,WAAU;EAC/B;EACA,KAAK,SAAS;GACZ,IAAI,CAACrC,SAAS8B,KAAK,GAAG,OAAO;GAC7B,MAAMnB,QAAQ2B,OAAOtB,KAAKc,KAAK,CAAC,CAACG;GACjC,OAAOtB,QAAQ,GAAGA,MAAK,WAAY;EACrC;EACA,KAAK,OAAO;GACV,IAAI,CAACX,SAAS8B,KAAK,GAAG,OAAO;GAC7B,MAAMS,UAAUC,MAAMC,QAAQX,MAAMS,OAAO,IACvCT,MAAMS,QAAQN,UACbO,MAAMC,QAAQX,MAAMY,UAAU,IAAIZ,MAAMY,WAAWT,SAAS,MAC5DO,MAAMC,QAAQX,MAAMa,aAAa,IAAIb,MAAMa,cAAcV,SAAS;GACvE,OAAOM,UAAU,GAAGA,QAAO,YAAa;EAC1C;EACA,SACE,OAAO;CACX;AACF;AAEA,MAAaK,eAAeC,SAAiC;CAE3D,MAAMG,aADYjC,cAAcuB,OAAOtB,KAAK6B,KAAKE,KAAK,CACxBD,CAAS,CAAC3B,KAAKV,SAAS;EACpDF,IAAI,aAAaE;EACjBD,MAAM;EACNC;EACAC,MAAMmB,UAAUpB,KAAKoC,KAAKE,MAAMtC,IAAI;CACtC,EAAE;CAEF,MAAMwC,SAAwB,CAAA;CAC9B,IAAID,WAAWf,QACbgB,OAAOC,KAAK;EAAEC,OAAO;EAASC,OAAOJ;CAAW,CAAC;CAGnD,IAAIH,KAAKQ,WAAWC,KAAAA,GAClBL,OAAOC,KAAK;EACVC,OAAO;EACPC,OAAO,CACL;GACE7C,IAAI;GACJC,MAAM;GACNG,OAAOP,YAAYyC,KAAKQ,MAAM,CAAC,CAACpB;EAClC,CAAC;CAEL,CAAC;CAGH,OAAOgB;AACT"}

package/dist/views/raw/statePreview.d.ts

@@ -0,0 +1,5 @@
+//#region src/views/raw/statePreview.d.ts
+declare const renderStatePreview: (key: string, value: unknown) => import("react").JSX.Element;
+//#endregion
+export { renderStatePreview };
+//# sourceMappingURL=statePreview.d.ts.map

package/dist/views/raw/statePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statePreview.d.ts","names":[],"sources":["../../../src/views/raw/statePreview.tsx"],"mappings":";cAmKa,kBAAA,GAAsB,GAAA,UAAa,KAAA,8BAAc,GAAA,CAAA,OAAA"}

package/dist/views/raw/statePreview.js

@@ -0,0 +1,213 @@
+import { isRecord, truncate } from "../../utils/common.js";
+import { InfoCard } from "../ui/InfoCard.js";
+import { JSONTree } from "../ui/JSONTree.js";
+import { SummaryItem, SummaryList } from "../ui/SummaryItem.js";
+import { McpView } from "../mcp/McpView.js";
+import { ToolUIsView } from "../context/ToolUIsView.js";
+import { parseComposerPreview, parseThreadListItemPreview, parseThreadListPreview, parseThreadPreview } from "../thread/utils.js";
+import { ComposerAttachments } from "../thread/ComposerAttachments.js";
+import { ComposerFlags } from "../thread/ComposerFlags.js";
+import { ComposerQueue } from "../thread/ComposerQueue.js";
+import { ThreadDetails } from "../thread/ThreadDetails.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/raw/statePreview.tsx
+const renderToolUIsStatePreview = (value) => /* @__PURE__ */ jsx(ToolUIsView, { value });
+const renderThreadsStatePreview = (value) => {
+	const state = parseThreadListPreview(value);
+	if (!state) return /* @__PURE__ */ jsx(JSONTree, { value });
+	const threadItems = state.threadItems.slice(0, 8);
+	const main = state.main;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ jsx(InfoCard, {
+				title: "Threads",
+				children: /* @__PURE__ */ jsxs(SummaryList, { children: [
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "Main thread",
+						value: state.mainThreadId ?? "—"
+					}),
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "New thread",
+						value: state.newThreadId ?? "—"
+					}),
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "Active",
+						value: String(state.threadIds.length)
+					}),
+					/* @__PURE__ */ jsx(SummaryItem, {
+						label: "Archived",
+						value: String(state.archivedThreadIds.length)
+					})
+				] })
+			}),
+			threadItems.length ? /* @__PURE__ */ jsxs(InfoCard, {
+				title: "Thread items",
+				count: state.threadItems.length,
+				children: [/* @__PURE__ */ jsxs("table", {
+					className: "w-full table-fixed text-left",
+					children: [/* @__PURE__ */ jsx("thead", {
+						className: "text-muted-foreground text-[11px]",
+						children: /* @__PURE__ */ jsxs("tr", {
+							className: "border-border border-b",
+							children: [
+								/* @__PURE__ */ jsx("th", {
+									className: "py-1.5 pr-3 font-medium",
+									children: "Title"
+								}),
+								/* @__PURE__ */ jsx("th", {
+									className: "py-1.5 pr-3 font-medium",
+									children: "Status"
+								}),
+								/* @__PURE__ */ jsx("th", {
+									className: "py-1.5 font-medium",
+									children: "Identifiers"
+								})
+							]
+						})
+					}), /* @__PURE__ */ jsx("tbody", {
+						className: "text-foreground text-[12px]",
+						children: threadItems.map((item) => /* @__PURE__ */ jsxs("tr", {
+							className: "border-border/70 border-b last:border-b-0",
+							children: [
+								/* @__PURE__ */ jsxs("td", {
+									className: "py-2 pr-3 align-top",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "text-foreground truncate font-medium",
+										children: item.title || "(untitled)"
+									}), /* @__PURE__ */ jsx("div", {
+										className: "text-muted-foreground truncate font-mono text-[11px]",
+										children: item.id
+									})]
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "text-muted-foreground py-2 pr-3 align-top",
+									children: item.status ?? "—"
+								}),
+								/* @__PURE__ */ jsxs("td", {
+									className: "text-muted-foreground py-2 align-top font-mono text-[11px]",
+									children: [
+										item.remoteId ? `Remote: ${item.remoteId}` : null,
+										item.remoteId && item.externalId ? /* @__PURE__ */ jsx("br", {}) : null,
+										item.externalId ? `External: ${item.externalId}` : null,
+										!item.remoteId && !item.externalId ? "—" : null
+									]
+								})
+							]
+						}, item.id))
+					})]
+				}), state.threadItems.length > threadItems.length ? /* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground text-[11px]",
+					children: ["Showing first ", threadItems.length]
+				}) : null]
+			}) : null,
+			main ? /* @__PURE__ */ jsx(ThreadDetails, {
+				thread: main,
+				title: "Main thread"
+			}) : null
+		]
+	});
+};
+const renderThreadStatePreview = (value) => {
+	const thread = parseThreadPreview(value);
+	if (!thread) return /* @__PURE__ */ jsx(JSONTree, { value });
+	return /* @__PURE__ */ jsx(ThreadDetails, {
+		thread,
+		title: "Thread"
+	});
+};
+const renderThreadListItemStatePreview = (value) => {
+	const item = parseThreadListItemPreview(value);
+	if (!item) return /* @__PURE__ */ jsx(JSONTree, { value });
+	return /* @__PURE__ */ jsxs(SummaryList, { children: [
+		/* @__PURE__ */ jsx(SummaryItem, {
+			label: "ID",
+			value: item.id
+		}),
+		/* @__PURE__ */ jsx(SummaryItem, {
+			label: "Title",
+			value: item.title ?? "(untitled)"
+		}),
+		/* @__PURE__ */ jsx(SummaryItem, {
+			label: "Status",
+			value: item.status ?? "—"
+		}),
+		/* @__PURE__ */ jsx(SummaryItem, {
+			label: "Remote ID",
+			value: item.remoteId ?? "—"
+		}),
+		/* @__PURE__ */ jsx(SummaryItem, {
+			label: "External ID",
+			value: item.externalId ?? "—"
+		})
+	] });
+};
+const renderComposerStatePreview = (value) => {
+	const composer = parseComposerPreview(value);
+	if (!composer || !isRecord(value)) return /* @__PURE__ */ jsx(JSONTree, { value });
+	const text = typeof value.text === "string" ? value.text : "";
+	const runConfig = value.runConfig;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ jsxs(InfoCard, {
+				title: "Composer",
+				children: [
+					/* @__PURE__ */ jsxs(SummaryList, { children: [
+						/* @__PURE__ */ jsx(SummaryItem, {
+							label: "Role",
+							value: composer.role ?? "—"
+						}),
+						/* @__PURE__ */ jsx(SummaryItem, {
+							label: "Text length",
+							value: String(composer.textLength)
+						}),
+						/* @__PURE__ */ jsx(SummaryItem, {
+							label: "Attachments",
+							value: String(composer.attachments.length)
+						}),
+						/* @__PURE__ */ jsx(SummaryItem, {
+							label: "Mode",
+							value: composer.type ?? "—"
+						})
+					] }),
+					/* @__PURE__ */ jsx(ComposerFlags, { composer }),
+					/* @__PURE__ */ jsx(ComposerAttachments, { attachments: composer.attachments }),
+					/* @__PURE__ */ jsx(ComposerQueue, { queue: composer.queue })
+				]
+			}),
+			text ? /* @__PURE__ */ jsx(InfoCard, {
+				title: "Text preview",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-foreground text-[12px] wrap-break-word whitespace-pre-wrap",
+					children: truncate(text, 240)
+				})
+			}) : null,
+			runConfig !== void 0 ? /* @__PURE__ */ jsx(InfoCard, {
+				title: "Run config",
+				children: /* @__PURE__ */ jsx(JSONTree, { value: runConfig })
+			}) : null
+		]
+	});
+};
+const renderStatePreview = (key, value) => {
+	switch (key) {
+		case "threads": return renderThreadsStatePreview(value);
+		case "threadListItems": return renderThreadsStatePreview({
+			threadItems: value,
+			threadIds: [],
+			archivedThreadIds: []
+		});
+		case "thread": return renderThreadStatePreview(value);
+		case "threadListItem":
+		case "threadlistitem": return renderThreadListItemStatePreview(value);
+		case "tools": return renderToolUIsStatePreview(value);
+		case "composer": return renderComposerStatePreview(value);
+		case "mcp": return /* @__PURE__ */ jsx(McpView, { value });
+		default: return /* @__PURE__ */ jsx(JSONTree, { value });
+	}
+};
+//#endregion
+export { renderStatePreview };
+
+//# sourceMappingURL=statePreview.js.map

package/dist/views/raw/statePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statePreview.js","names":["isRecord","truncate","McpView","ToolUIsView","ComposerAttachments","ComposerFlags","ComposerQueue","ThreadDetails","parseComposerPreview","parseThreadListItemPreview","parseThreadListPreview","parseThreadPreview","InfoCard","JSONTree","SummaryItem","SummaryList","renderToolUIsStatePreview","value","renderThreadsStatePreview","state","threadItems","slice","main","mainThreadId","newThreadId","String","threadIds","length","archivedThreadIds","map","item","id","title","status","remoteId","externalId","renderThreadStatePreview","thread","renderThreadListItemStatePreview","renderComposerStatePreview","composer","text","runConfig","role","textLength","attachments","type","queue","undefined","renderStatePreview","key"],"sources":["../../../src/views/raw/statePreview.tsx"],"sourcesContent":["import { isRecord, truncate } from \"../../utils/common\";\nimport { McpView } from \"../mcp\";\nimport { ToolUIsView } from \"../context\";\nimport {\n  ComposerAttachments,\n  ComposerFlags,\n  ComposerQueue,\n  ThreadDetails,\n  parseComposerPreview,\n  parseThreadListItemPreview,\n  parseThreadListPreview,\n  parseThreadPreview,\n} from \"../thread\";\nimport { InfoCard, JSONTree, SummaryItem, SummaryList } from \"../ui\";\n\nconst renderToolUIsStatePreview = (value: unknown) => (\n  <ToolUIsView value={value} />\n);\n\nconst renderThreadsStatePreview = (value: unknown) => {\n  const state = parseThreadListPreview(value);\n  if (!state) {\n    return <JSONTree value={value} />;\n  }\n\n  const threadItems = state.threadItems.slice(0, 8);\n  const main = state.main;\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <InfoCard title=\"Threads\">\n        <SummaryList>\n          <SummaryItem label=\"Main thread\" value={state.mainThreadId ?? \"—\"} />\n          <SummaryItem label=\"New thread\" value={state.newThreadId ?? \"—\"} />\n          <SummaryItem label=\"Active\" value={String(state.threadIds.length)} />\n          <SummaryItem\n            label=\"Archived\"\n            value={String(state.archivedThreadIds.length)}\n          />\n        </SummaryList>\n      </InfoCard>\n\n      {threadItems.length ? (\n        <InfoCard title=\"Thread items\" count={state.threadItems.length}>\n          <table className=\"w-full table-fixed text-left\">\n            <thead className=\"text-muted-foreground text-[11px]\">\n              <tr className=\"border-border border-b\">\n                <th className=\"py-1.5 pr-3 font-medium\">Title</th>\n                <th className=\"py-1.5 pr-3 font-medium\">Status</th>\n                <th className=\"py-1.5 font-medium\">Identifiers</th>\n              </tr>\n            </thead>\n            <tbody className=\"text-foreground text-[12px]\">\n              {threadItems.map((item) => (\n                <tr\n                  key={item.id}\n                  className=\"border-border/70 border-b last:border-b-0\"\n                >\n                  <td className=\"py-2 pr-3 align-top\">\n                    <div className=\"text-foreground truncate font-medium\">\n                      {item.title || \"(untitled)\"}\n                    </div>\n                    <div className=\"text-muted-foreground truncate font-mono text-[11px]\">\n                      {item.id}\n                    </div>\n                  </td>\n                  <td className=\"text-muted-foreground py-2 pr-3 align-top\">\n                    {item.status ?? \"—\"}\n                  </td>\n                  <td className=\"text-muted-foreground py-2 align-top font-mono text-[11px]\">\n                    {item.remoteId ? `Remote: ${item.remoteId}` : null}\n                    {item.remoteId && item.externalId ? <br /> : null}\n                    {item.externalId ? `External: ${item.externalId}` : null}\n                    {!item.remoteId && !item.externalId ? \"—\" : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n          {state.threadItems.length > threadItems.length ? (\n            <div className=\"text-muted-foreground text-[11px]\">\n              Showing first {threadItems.length}\n            </div>\n          ) : null}\n        </InfoCard>\n      ) : null}\n\n      {main ? <ThreadDetails thread={main} title=\"Main thread\" /> : null}\n    </div>\n  );\n};\n\nconst renderThreadStatePreview = (value: unknown) => {\n  const thread = parseThreadPreview(value);\n  if (!thread) {\n    return <JSONTree value={value} />;\n  }\n  return <ThreadDetails thread={thread} title=\"Thread\" />;\n};\n\nconst renderThreadListItemStatePreview = (value: unknown) => {\n  const item = parseThreadListItemPreview(value);\n  if (!item) {\n    return <JSONTree value={value} />;\n  }\n\n  return (\n    <SummaryList>\n      <SummaryItem label=\"ID\" value={item.id} />\n      <SummaryItem label=\"Title\" value={item.title ?? \"(untitled)\"} />\n      <SummaryItem label=\"Status\" value={item.status ?? \"—\"} />\n      <SummaryItem label=\"Remote ID\" value={item.remoteId ?? \"—\"} />\n      <SummaryItem label=\"External ID\" value={item.externalId ?? \"—\"} />\n    </SummaryList>\n  );\n};\n\nconst renderComposerStatePreview = (value: unknown) => {\n  const composer = parseComposerPreview(value);\n  if (!composer || !isRecord(value)) {\n    return <JSONTree value={value} />;\n  }\n\n  const text = typeof value.text === \"string\" ? value.text : \"\";\n  const runConfig = value.runConfig;\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <InfoCard title=\"Composer\">\n        <SummaryList>\n          <SummaryItem label=\"Role\" value={composer.role ?? \"—\"} />\n          <SummaryItem\n            label=\"Text length\"\n            value={String(composer.textLength)}\n          />\n          <SummaryItem\n            label=\"Attachments\"\n            value={String(composer.attachments.length)}\n          />\n          <SummaryItem label=\"Mode\" value={composer.type ?? \"—\"} />\n        </SummaryList>\n        <ComposerFlags composer={composer} />\n        <ComposerAttachments attachments={composer.attachments} />\n        <ComposerQueue queue={composer.queue} />\n      </InfoCard>\n\n      {text ? (\n        <InfoCard title=\"Text preview\">\n          <p className=\"text-foreground text-[12px] wrap-break-word whitespace-pre-wrap\">\n            {truncate(text, 240)}\n          </p>\n        </InfoCard>\n      ) : null}\n\n      {runConfig !== undefined ? (\n        <InfoCard title=\"Run config\">\n          <JSONTree value={runConfig} />\n        </InfoCard>\n      ) : null}\n    </div>\n  );\n};\n\nexport const renderStatePreview = (key: string, value: unknown) => {\n  switch (key) {\n    case \"threads\":\n      return renderThreadsStatePreview(value);\n    case \"threadListItems\":\n      return renderThreadsStatePreview({\n        threadItems: value,\n        threadIds: [],\n        archivedThreadIds: [],\n      });\n    case \"thread\":\n      return renderThreadStatePreview(value);\n    case \"threadListItem\":\n    case \"threadlistitem\":\n      return renderThreadListItemStatePreview(value);\n    case \"tools\":\n      return renderToolUIsStatePreview(value);\n    case \"composer\":\n      return renderComposerStatePreview(value);\n    case \"mcp\":\n      return <McpView value={value} />;\n    default:\n      return <JSONTree value={value} />;\n  }\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+//#region src/views/runs/PayloadDiff.d.ts
+declare const PayloadDiff: ({
+  before,
+  after
+}: {
+  before: unknown;
+  after: unknown;
+}) => import("react").JSX.Element;
+//#endregion
+export { PayloadDiff };
+//# sourceMappingURL=PayloadDiff.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDiff.d.ts","names":[],"sources":["../../../src/views/runs/PayloadDiff.tsx"],"mappings":";cAaa,WAAA;EAAe,MAAA;EAAA;AAAA;EAI1B,MAAA;EACA,KAAA;AAAA,sBACD,GAAA,CAAA,OAAA"}

package/dist/views/runs/PayloadDiff.js

@@ -0,0 +1,92 @@
+import { diffValues } from "../../utils/diff.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/runs/PayloadDiff.tsx
+const SIGN = {
+	added: {
+		mark: "+",
+		tone: "text-emerald-600 dark:text-emerald-400"
+	},
+	removed: {
+		mark: "−",
+		tone: "text-red-600 dark:text-red-400"
+	},
+	changed: {
+		mark: "~",
+		tone: "text-amber-600 dark:text-amber-400"
+	}
+};
+const format = (value) => typeof value === "string" ? `"${value}"` : JSON.stringify(value);
+const PayloadDiff = (t0) => {
+	const $ = c(9);
+	const { before, after } = t0;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== after || $[1] !== before) {
+		t3 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const entries = diffValues(before, after);
+			if (entries.length === 0) {
+				let t4;
+				if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+					t4 = /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-[11px]",
+						children: "no change from the previous event in this scope"
+					});
+					$[5] = t4;
+				} else t4 = $[5];
+				t3 = t4;
+				break bb0;
+			}
+			t1 = "flex flex-col gap-0.5 font-mono text-[11px]";
+			t2 = entries.map(_temp);
+		}
+		$[0] = after;
+		$[1] = before;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+	}
+	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+};
+function _temp(entry, index) {
+	const { mark, tone } = SIGN[entry.kind];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-wrap items-baseline gap-1.5",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: clsx("shrink-0", tone),
+				children: mark
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: entry.path
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-foreground break-all",
+				children: entry.kind === "changed" ? `${format(entry.before)} → ${format(entry.after)}` : format(entry.kind === "added" ? entry.after : entry.before)
+			})
+		]
+	}, index);
+}
+//#endregion
+export { PayloadDiff };
+
+//# sourceMappingURL=PayloadDiff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDiff.js","names":["clsx","diffValues","DiffEntry","SIGN","Record","mark","tone","added","removed","changed","format","value","JSON","stringify","PayloadDiff","t0","$","_c","before","after","t1","t2","t3","Symbol","for","bb0","entries","length","t4","map","_temp","entry","index","kind","path"],"sources":["../../../src/views/runs/PayloadDiff.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { diffValues } from \"../../utils/diff\";\nimport type { DiffEntry } from \"../../utils/diff\";\n\nconst SIGN: Record<DiffEntry[\"kind\"], { mark: string; tone: string }> = {\n  added: { mark: \"+\", tone: \"text-emerald-600 dark:text-emerald-400\" },\n  removed: { mark: \"−\", tone: \"text-red-600 dark:text-red-400\" },\n  changed: { mark: \"~\", tone: \"text-amber-600 dark:text-amber-400\" },\n};\n\nconst format = (value: unknown) =>\n  typeof value === \"string\" ? `\"${value}\"` : JSON.stringify(value);\n\nexport const PayloadDiff = ({\n  before,\n  after,\n}: {\n  before: unknown;\n  after: unknown;\n}) => {\n  const entries = diffValues(before, after);\n\n  if (entries.length === 0) {\n    return (\n      <div className=\"text-muted-foreground text-[11px]\">\n        no change from the previous event in this scope\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-0.5 font-mono text-[11px]\">\n      {entries.map((entry, index) => {\n        const { mark, tone } = SIGN[entry.kind];\n        return (\n          <div key={index} className=\"flex flex-wrap items-baseline gap-1.5\">\n            <span className={clsx(\"shrink-0\", tone)}>{mark}</span>\n            <span className=\"text-muted-foreground\">{entry.path}</span>\n            <span className=\"text-foreground break-all\">\n              {entry.kind === \"changed\"\n                ? `${format(entry.before)} → ${format(entry.after)}`\n                : format(entry.kind === \"added\" ? entry.after : entry.before)}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,MAAMG,OAAkE;CACtEI,OAAO;EAAEF,MAAM;EAAKC,MAAM;CAAyC;CACnEE,SAAS;EAAEH,MAAM;EAAKC,MAAM;CAAiC;CAC7DG,SAAS;EAAEJ,MAAM;EAAKC,MAAM;CAAqC;AACnE;AAEA,MAAMI,UAAUC,UACd,OAAOA,UAAU,WAAW,IAAIA,MAAK,KAAMC,KAAKC,UAAUF,KAAK;AAEjE,MAAaG,eAAcC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAC,QAAAC,UAAAJ;CAM3B,IAAAK;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAG,SAAAH,EAAA,OAAAE,QAAA;EAKKI,KAAAC,OAEMC,IAFN,6BAEK;EAACC,KAAA;GANV,MAAAC,UAAgBzB,WAAWiB,QAAQC,KAAK;GAExC,IAAIO,QAAOC,WAAY,GAAC;IAAA,IAAAC;IAAA,IAAAZ,EAAA,OAAAO,OAAAC,IAAA,2BAAA,GAAA;KAEpBI,KAAA,oBAAA,OAAA;MAAe,WAAA;gBAAoC;KAE7C,CAAA;KAAAZ,EAAA,KAAAY;IAAA,OAAAA,KAAAZ,EAAA;IAFNM,KAAAM;IAAA,MAAAH;GAEM;GAKOL,KAAA;GACZC,KAAAK,QAAOG,IAAKC,KAaZ;EAAC;EAAAd,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAF,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CAAA,IAAAM,OAAAC,OAAAC,IAAA,6BAAA,GAAA,OAAAF;CAAA,IAAAM;CAAA,IAAAZ,EAAA,OAAAI,MAAAJ,EAAA,OAAAK,IAAA;EAdJO,KAAA,oBAAA,OAAA;GAAe,WAAAR;aACZC;EAcG,CAAA;EAAAL,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OAfNY;AAeM;AAjCiB,SAAAE,MAAAC,OAAAC,OAAA;CAoBnB,MAAA,EAAA3B,MAAAC,SAAuBH,KAAK4B,MAAKE;CAAO,OAEtC,qBAAA,OAAA;EAA2B,WAAA;YAA3B;GACE,oBAAA,QAAA;IAAiB,WAAAjC,KAAK,YAAYM,IAAI;cAAID;GAAY,CAAA;GACtD,oBAAA,QAAA;IAAgB,WAAA;cAAyB0B,MAAKG;GAAa,CAAA;GAC3D,oBAAA,QAAA;IAAgB,WAAA;cACbH,MAAKE,SAAU,YAAf,GACMvB,OAAOqB,MAAKb,MAAO,EAAC,KAAMR,OAAOqB,MAAKZ,KAAM,MAC/CT,OAAOqB,MAAKE,SAAU,UAAUF,MAAKZ,QAASY,MAAKb,MAAO;GACzD,CAAA;EACH;IARIc,KAQJ;AAAA"}

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

@@ -0,0 +1,8 @@
+import { EventLogEntry } from "../../data/types.js";
+import { RunGrouping } from "./types.js";
+
+//#region src/views/runs/parse.d.ts
+declare const groupRuns: (logs: readonly EventLogEntry[]) => RunGrouping;
+//#endregion
+export { groupRuns };
+//# sourceMappingURL=parse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parse.d.ts","names":[],"sources":["../../../src/views/runs/parse.ts"],"mappings":";;;;cA+Ba,SAAA,GAAa,IAAA,WAAe,aAAA,OAAkB,WA8E1D"}