@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/views/ui/JSONTree.js

@@ -0,0 +1,394 @@
+import { CopyButton } from "./CopyButton.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useState } from "@assistant-ui/tap/react-shim";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/views/ui/JSONTree.tsx
+const ENTRY_LIMIT = 100;
+const INLINE_MAX = 88;
+const isContainer = (value) => value !== null && typeof value === "object";
+const entriesOf = (value) => {
+	if (Array.isArray(value)) return value.map((item, index) => ({
+		key: String(index),
+		value: item
+	}));
+	return Object.entries(value).map(([key, value]) => ({
+		key,
+		value
+	}));
+};
+const summaryOf = (value) => {
+	if (Array.isArray(value)) return `[${value.length}]`;
+	return `{${Object.keys(value).length}}`;
+};
+const serialize = (value, compact) => JSON.stringify(value, null, compact ? 0 : 2);
+const isInline = (value, compact) => {
+	if (!compact) return false;
+	if (!isContainer(value)) return true;
+	return serialize(value, true).length <= INLINE_MAX;
+};
+const Leaf = (t0) => {
+	const $ = c(6);
+	const { value } = t0;
+	if (typeof value === "string") {
+		let t1;
+		if ($[0] !== value) {
+			t1 = /* @__PURE__ */ jsxs("span", {
+				className: "text-foreground break-all",
+				children: [
+					"\"",
+					value,
+					"\""
+				]
+			});
+			$[0] = value;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	if (value === null || value === void 0) {
+		const t1 = String(value);
+		let t2;
+		if ($[2] !== t1) {
+			t2 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground italic",
+				children: t1
+			});
+			$[2] = t1;
+			$[3] = t2;
+		} else t2 = $[3];
+		return t2;
+	}
+	const t1 = String(value);
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground break-all",
+			children: t1
+		});
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const TreeNode = (t0) => {
+	const $ = c(36);
+	const { name, value, depth, openDepth, compact } = t0;
+	const [open, setOpen] = useState(depth < openDepth);
+	const [showAll, setShowAll] = useState(false);
+	if (!isContainer(value)) {
+		const t1 = compact ? "gap-1 py-px" : "gap-1.5";
+		let t2;
+		if ($[0] !== t1) {
+			t2 = clsx("flex min-w-0", t1);
+			$[0] = t1;
+			$[1] = t2;
+		} else t2 = $[1];
+		let t3;
+		if ($[2] !== name) {
+			t3 = name !== void 0 ? /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground shrink-0",
+				children: [name, ":"]
+			}) : null;
+			$[2] = name;
+			$[3] = t3;
+		} else t3 = $[3];
+		let t4;
+		if ($[4] !== value) {
+			t4 = /* @__PURE__ */ jsx(Leaf, { value });
+			$[4] = value;
+			$[5] = t4;
+		} else t4 = $[5];
+		let t5;
+		if ($[6] !== t2 || $[7] !== t3 || $[8] !== t4) {
+			t5 = /* @__PURE__ */ jsxs("div", {
+				className: t2,
+				children: [t3, t4]
+			});
+			$[6] = t2;
+			$[7] = t3;
+			$[8] = t4;
+			$[9] = t5;
+		} else t5 = $[9];
+		return t5;
+	}
+	let t1;
+	if ($[10] !== compact || $[11] !== depth || $[12] !== name || $[13] !== open || $[14] !== openDepth || $[15] !== showAll || $[16] !== value) {
+		const entries = entriesOf(value);
+		const shown = showAll ? entries : entries.slice(0, ENTRY_LIMIT);
+		const hidden = entries.length - shown.length;
+		let t2;
+		if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = () => setOpen(_temp);
+			$[18] = t2;
+		} else t2 = $[18];
+		const t3 = compact ? "gap-0.5 py-px" : "gap-1";
+		let t4;
+		if ($[19] !== t3) {
+			t4 = clsx("text-muted-foreground hover:text-foreground flex items-center", t3);
+			$[19] = t3;
+			$[20] = t4;
+		} else t4 = $[20];
+		const t5 = open && "rotate-90";
+		let t6;
+		if ($[21] !== t5) {
+			t6 = clsx("inline-block transition-transform", t5);
+			$[21] = t5;
+			$[22] = t6;
+		} else t6 = $[22];
+		let t7;
+		if ($[23] !== t6) {
+			t7 = /* @__PURE__ */ jsx("span", {
+				className: t6,
+				children: "›"
+			});
+			$[23] = t6;
+			$[24] = t7;
+		} else t7 = $[24];
+		let t8;
+		if ($[25] !== name) {
+			t8 = name !== void 0 ? /* @__PURE__ */ jsx("span", { children: name }) : null;
+			$[25] = name;
+			$[26] = t8;
+		} else t8 = $[26];
+		let t9;
+		if ($[27] !== value) {
+			t9 = summaryOf(value);
+			$[27] = value;
+			$[28] = t9;
+		} else t9 = $[28];
+		let t10;
+		if ($[29] !== t9) {
+			t10 = /* @__PURE__ */ jsx("span", {
+				className: "opacity-60",
+				children: t9
+			});
+			$[29] = t9;
+			$[30] = t10;
+		} else t10 = $[30];
+		let t11;
+		if ($[31] !== t10 || $[32] !== t4 || $[33] !== t7 || $[34] !== t8) {
+			t11 = /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: t2,
+				className: t4,
+				children: [
+					t7,
+					t8,
+					t10
+				]
+			});
+			$[31] = t10;
+			$[32] = t4;
+			$[33] = t7;
+			$[34] = t8;
+			$[35] = t11;
+		} else t11 = $[35];
+		t1 = /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [t11, open ? /* @__PURE__ */ jsxs("div", {
+				className: clsx("border-border/60 border-s", compact ? "ms-1 ps-2" : "ms-[5px] ps-3"),
+				children: [shown.map((entry) => /* @__PURE__ */ jsx(TreeNode, {
+					name: entry.key,
+					value: entry.value,
+					depth: depth + 1,
+					openDepth,
+					compact
+				}, entry.key)), hidden > 0 ? /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => setShowAll(true),
+					className: "text-muted-foreground hover:text-foreground text-[10px]",
+					children: [
+						"+",
+						hidden,
+						" more"
+					]
+				}) : null]
+			}) : null]
+		});
+		$[10] = compact;
+		$[11] = depth;
+		$[12] = name;
+		$[13] = open;
+		$[14] = openDepth;
+		$[15] = showAll;
+		$[16] = value;
+		$[17] = t1;
+	} else t1 = $[17];
+	return t1;
+};
+const InlineJson = (t0) => {
+	const $ = c(11);
+	const { serialized, copyText, compact } = t0;
+	const t1 = compact ? "text-[10px]" : "text-[11px]";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = clsx("text-foreground min-w-0 flex-1 font-mono leading-snug break-all", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== serialized || $[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx("code", {
+			className: t2,
+			title: serialized,
+			children: serialized
+		});
+		$[2] = serialized;
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	const t4 = compact ? "sm" : "default";
+	let t5;
+	if ($[5] !== copyText || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx(CopyButton, {
+			value: copyText,
+			label: "Copy JSON",
+			iconOnly: true,
+			size: t4
+		});
+		$[5] = copyText;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== t3 || $[9] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-start gap-0.5",
+			children: [t3, t5]
+		});
+		$[8] = t3;
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	return t6;
+};
+const TreeWithCopy = (t0) => {
+	const $ = c(15);
+	const { value, openDepth, copyText, compact } = t0;
+	const t1 = compact ? "max-h-32 text-[10px] leading-snug" : "border-border bg-muted/40 max-h-[360px] rounded-md border p-3 text-[11px] leading-relaxed";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = clsx("min-w-0 flex-1 overflow-auto font-mono [font-variant-numeric:tabular-nums] [font-variant-ligatures:none]", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== compact || $[3] !== openDepth || $[4] !== value) {
+		t3 = /* @__PURE__ */ jsx(TreeNode, {
+			value,
+			depth: 0,
+			openDepth,
+			compact
+		});
+		$[2] = compact;
+		$[3] = openDepth;
+		$[4] = value;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t2 || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t3
+		});
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = compact ? "sm" : "default";
+	let t6;
+	if ($[9] !== copyText || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx(CopyButton, {
+			value: copyText,
+			label: "Copy JSON",
+			iconOnly: true,
+			size: t5,
+			className: "pt-px"
+		});
+		$[9] = copyText;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== t4 || $[13] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-start gap-0.5",
+			children: [t4, t6]
+		});
+		$[12] = t4;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	return t7;
+};
+/**
+* Recursive JSON view. `compact` fits tool rows; copy always provides formatted JSON.
+*/
+const JSONTree = (t0) => {
+	const $ = c(18);
+	const { value, openDepth: t1, compact: t2 } = t0;
+	const openDepth = t1 === void 0 ? 1 : t1;
+	const compact = t2 === void 0 ? false : t2;
+	let t3;
+	if ($[0] !== compact || $[1] !== value) {
+		t3 = isInline(value, compact) || !isContainer(value);
+		$[0] = compact;
+		$[1] = value;
+		$[2] = t3;
+	} else t3 = $[2];
+	const isLeaf = t3;
+	let t4;
+	if ($[3] !== compact || $[4] !== isLeaf || $[5] !== value) {
+		t4 = isLeaf ? serialize(value, compact) : "";
+		$[3] = compact;
+		$[4] = isLeaf;
+		$[5] = value;
+		$[6] = t4;
+	} else t4 = $[6];
+	const serialized = t4;
+	let t5;
+	if ($[7] !== value) {
+		t5 = JSON.stringify(value, null, 2);
+		$[7] = value;
+		$[8] = t5;
+	} else t5 = $[8];
+	const copyText = t5;
+	if (isLeaf) {
+		let t6;
+		if ($[9] !== compact || $[10] !== copyText || $[11] !== serialized) {
+			t6 = /* @__PURE__ */ jsx(InlineJson, {
+				serialized,
+				copyText,
+				compact
+			});
+			$[9] = compact;
+			$[10] = copyText;
+			$[11] = serialized;
+			$[12] = t6;
+		} else t6 = $[12];
+		return t6;
+	}
+	let t6;
+	if ($[13] !== compact || $[14] !== copyText || $[15] !== openDepth || $[16] !== value) {
+		t6 = /* @__PURE__ */ jsx(TreeWithCopy, {
+			value,
+			openDepth,
+			copyText,
+			compact
+		});
+		$[13] = compact;
+		$[14] = copyText;
+		$[15] = openDepth;
+		$[16] = value;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
+};
+function _temp(prev) {
+	return !prev;
+}
+//#endregion
+export { JSONTree };
+
+//# sourceMappingURL=JSONTree.js.map

package/dist/views/ui/JSONTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSONTree.js","names":["useMemo","useState","clsx","CopyButton","ENTRY_LIMIT","INLINE_MAX","isContainer","value","Entry","key","entriesOf","Array","isArray","map","item","index","String","Object","entries","Record","summaryOf","length","keys","serialize","compact","JSON","stringify","isInline","Leaf","t0","$","_c","t1","undefined","t2","TreeNode","name","depth","openDepth","open","setOpen","showAll","setShowAll","t3","t4","t5","shown","slice","hidden","Symbol","for","_temp","t6","t7","t8","t9","t10","t11","entry","InlineJson","serialized","copyText","TreeWithCopy","JSONTree","isLeaf","prev"],"sources":["../../../src/views/ui/JSONTree.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { CopyButton } from \"./CopyButton\";\n\nconst ENTRY_LIMIT = 100;\nconst INLINE_MAX = 88;\n\nconst isContainer = (value: unknown): value is object =>\n  value !== null && typeof value === \"object\";\n\ntype Entry = { key: string; value: unknown };\n\nconst entriesOf = (value: unknown): Entry[] => {\n  if (Array.isArray(value)) {\n    return value.map((item, index) => ({ key: String(index), value: item }));\n  }\n  return Object.entries(value as Record<string, unknown>).map(\n    ([key, value]) => ({ key, value }),\n  );\n};\n\nconst summaryOf = (value: unknown): string => {\n  if (Array.isArray(value)) return `[${value.length}]`;\n  return `{${Object.keys(value as object).length}}`;\n};\n\nconst serialize = (value: unknown, compact: boolean) =>\n  JSON.stringify(value, null, compact ? 0 : 2);\n\nconst isInline = (value: unknown, compact: boolean) => {\n  if (!compact) return false;\n  if (!isContainer(value)) return true;\n  return serialize(value, true).length <= INLINE_MAX;\n};\n\nconst Leaf = ({ value }: { value: unknown }) => {\n  if (typeof value === \"string\") {\n    return (\n      <span className=\"text-foreground break-all\">&quot;{value}&quot;</span>\n    );\n  }\n  if (value === null || value === undefined) {\n    return (\n      <span className=\"text-muted-foreground italic\">{String(value)}</span>\n    );\n  }\n  return (\n    <span className=\"text-muted-foreground break-all\">{String(value)}</span>\n  );\n};\n\nconst TreeNode = ({\n  name,\n  value,\n  depth,\n  openDepth,\n  compact,\n}: {\n  name?: string;\n  value: unknown;\n  depth: number;\n  openDepth: number;\n  compact: boolean;\n}) => {\n  const [open, setOpen] = useState(depth < openDepth);\n  const [showAll, setShowAll] = useState(false);\n\n  if (!isContainer(value)) {\n    return (\n      <div\n        className={clsx(\"flex min-w-0\", compact ? \"gap-1 py-px\" : \"gap-1.5\")}\n      >\n        {name !== undefined ? (\n          <span className=\"text-muted-foreground shrink-0\">{name}:</span>\n        ) : null}\n        <Leaf value={value} />\n      </div>\n    );\n  }\n\n  const entries = entriesOf(value);\n  const shown = showAll ? entries : entries.slice(0, ENTRY_LIMIT);\n  const hidden = entries.length - shown.length;\n\n  return (\n    <div className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((prev) => !prev)}\n        className={clsx(\n          \"text-muted-foreground hover:text-foreground flex items-center\",\n          compact ? \"gap-0.5 py-px\" : \"gap-1\",\n        )}\n      >\n        <span\n          className={clsx(\n            \"inline-block transition-transform\",\n            open && \"rotate-90\",\n          )}\n        >\n          ›\n        </span>\n        {name !== undefined ? <span>{name}</span> : null}\n        <span className=\"opacity-60\">{summaryOf(value)}</span>\n      </button>\n      {open ? (\n        <div\n          className={clsx(\n            \"border-border/60 border-s\",\n            compact ? \"ms-1 ps-2\" : \"ms-[5px] ps-3\",\n          )}\n        >\n          {shown.map((entry) => (\n            <TreeNode\n              key={entry.key}\n              name={entry.key}\n              value={entry.value}\n              depth={depth + 1}\n              openDepth={openDepth}\n              compact={compact}\n            />\n          ))}\n          {hidden > 0 ? (\n            <button\n              type=\"button\"\n              onClick={() => setShowAll(true)}\n              className=\"text-muted-foreground hover:text-foreground text-[10px]\"\n            >\n              +{hidden} more\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst InlineJson = ({\n  serialized,\n  copyText,\n  compact,\n}: {\n  serialized: string;\n  copyText: string;\n  compact: boolean;\n}) => (\n  <div className=\"flex min-w-0 items-start gap-0.5\">\n    <code\n      className={clsx(\n        \"text-foreground min-w-0 flex-1 font-mono leading-snug break-all\",\n        compact ? \"text-[10px]\" : \"text-[11px]\",\n      )}\n      title={serialized}\n    >\n      {serialized}\n    </code>\n    <CopyButton\n      value={copyText}\n      label=\"Copy JSON\"\n      iconOnly\n      size={compact ? \"sm\" : \"default\"}\n    />\n  </div>\n);\n\nconst TreeWithCopy = ({\n  value,\n  openDepth,\n  copyText,\n  compact,\n}: {\n  value: unknown;\n  openDepth: number;\n  copyText: string;\n  compact: boolean;\n}) => (\n  <div className=\"flex min-w-0 items-start gap-0.5\">\n    <div\n      className={clsx(\n        \"min-w-0 flex-1 overflow-auto font-mono [font-variant-numeric:tabular-nums] [font-variant-ligatures:none]\",\n        compact\n          ? \"max-h-32 text-[10px] leading-snug\"\n          : \"border-border bg-muted/40 max-h-[360px] rounded-md border p-3 text-[11px] leading-relaxed\",\n      )}\n    >\n      <TreeNode\n        value={value}\n        depth={0}\n        openDepth={openDepth}\n        compact={compact}\n      />\n    </div>\n    <CopyButton\n      value={copyText}\n      label=\"Copy JSON\"\n      iconOnly\n      size={compact ? \"sm\" : \"default\"}\n      className=\"pt-px\"\n    />\n  </div>\n);\n\n/**\n * Recursive JSON view. `compact` fits tool rows; copy always provides formatted JSON.\n */\nexport const JSONTree = ({\n  value,\n  openDepth = 1,\n  compact = false,\n}: {\n  value: unknown;\n  openDepth?: number;\n  compact?: boolean;\n}) => {\n  const isLeaf = isInline(value, compact) || !isContainer(value);\n  const serialized = useMemo(\n    () => (isLeaf ? serialize(value, compact) : \"\"),\n    [value, compact, isLeaf],\n  );\n  const copyText = useMemo(() => JSON.stringify(value, null, 2), [value]);\n\n  if (isLeaf) {\n    return (\n      <InlineJson\n        serialized={serialized}\n        copyText={copyText}\n        compact={compact}\n      />\n    );\n  }\n\n  return (\n    <TreeWithCopy\n      value={value}\n      openDepth={openDepth}\n      copyText={copyText}\n      compact={compact}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/views/ui/PaneHeader.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+
+//#region src/views/ui/PaneHeader.d.ts
+/**
+ * Fixed-height rail header. Every column in a split layout should use this so
+ * titles line up across columns.
+ */
+declare const PaneHeader: ({
+  children,
+  trailing,
+  borderless
+}: {
+  children: ReactNode;
+  trailing?: ReactNode | undefined;
+  borderless?: boolean;
+}) => import("react").JSX.Element;
+/** Header that grows below a {@link PaneHeader}-height title row. */
+declare const PaneHeaderStack: ({
+  header,
+  children
+}: {
+  header: ReactNode;
+  children?: ReactNode | undefined;
+}) => import("react").JSX.Element;
+//#endregion
+export { PaneHeader, PaneHeaderStack };
+//# sourceMappingURL=PaneHeader.d.ts.map

package/dist/views/ui/PaneHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeader.d.ts","names":[],"sources":["../../../src/views/ui/PaneHeader.tsx"],"mappings":";;;;;AAMA;;cAAa,UAAA;EAAc,QAAA;EAAA,QAAA;EAAA;AAAA;EAKzB,QAAA,EAAU,SAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;AAAA,sBACD,GAAA,CAAA,OAAA;;cAoBY,eAAA;EAAmB,MAAA;EAAA;AAAA;EAI9B,MAAA,EAAQ,SAAA;EACR,QAAA,GAAW,SAAA;AAAA,sBACZ,GAAA,CAAA,OAAA"}

package/dist/views/ui/PaneHeader.js

@@ -0,0 +1,71 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/views/ui/PaneHeader.tsx
+/**
+* Fixed-height rail header. Every column in a split layout should use this so
+* titles line up across columns.
+*/
+const PaneHeader = (t0) => {
+	const $ = c(8);
+	const { children, trailing, borderless: t1 } = t0;
+	const t2 = (t1 === void 0 ? false : t1) ? "bg-background flex h-8 max-h-8 min-h-8 shrink-0 items-center justify-between gap-2 overflow-hidden px-3" : "border-border bg-background flex h-8 max-h-8 min-h-8 shrink-0 items-center justify-between gap-2 overflow-hidden border-b px-3";
+	let t3;
+	if ($[0] !== children) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground flex min-w-0 flex-1 items-center truncate text-[11px] leading-none tabular-nums",
+			children
+		});
+		$[0] = children;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== trailing) {
+		t4 = trailing ? /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground flex shrink-0 items-center gap-1.5 text-[10px] leading-none",
+			children: trailing
+		}) : null;
+		$[2] = trailing;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== t2 || $[5] !== t3 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [t3, t4]
+		});
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
+};
+/** Header that grows below a {@link PaneHeader}-height title row. */
+const PaneHeaderStack = (t0) => {
+	const $ = c(5);
+	const { header, children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = children ? /* @__PURE__ */ jsx("div", {
+			className: "border-border border-t",
+			children
+		}) : null;
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== header || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("div", {
+			className: "border-border bg-background shrink-0 border-b",
+			children: [header, t1]
+		});
+		$[2] = header;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+//#endregion
+export { PaneHeader, PaneHeaderStack };
+
+//# sourceMappingURL=PaneHeader.js.map

package/dist/views/ui/PaneHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeader.js","names":["ReactNode","PaneHeader","t0","$","_c","children","trailing","borderless","t1","undefined","t2","t3","t4","t5","PaneHeaderStack","header"],"sources":["../../../src/views/ui/PaneHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/**\n * Fixed-height rail header. Every column in a split layout should use this so\n * titles line up across columns.\n */\nexport const PaneHeader = ({\n  children,\n  trailing,\n  borderless = false,\n}: {\n  children: ReactNode;\n  trailing?: ReactNode | undefined;\n  borderless?: boolean;\n}) => (\n  <div\n    className={\n      borderless\n        ? \"bg-background flex h-8 max-h-8 min-h-8 shrink-0 items-center justify-between gap-2 overflow-hidden px-3\"\n        : \"border-border bg-background flex h-8 max-h-8 min-h-8 shrink-0 items-center justify-between gap-2 overflow-hidden border-b px-3\"\n    }\n  >\n    <div className=\"text-muted-foreground flex min-w-0 flex-1 items-center truncate text-[11px] leading-none tabular-nums\">\n      {children}\n    </div>\n    {trailing ? (\n      <div className=\"text-muted-foreground flex shrink-0 items-center gap-1.5 text-[10px] leading-none\">\n        {trailing}\n      </div>\n    ) : null}\n  </div>\n);\n\n/** Header that grows below a {@link PaneHeader}-height title row. */\nexport const PaneHeaderStack = ({\n  header,\n  children,\n}: {\n  header: ReactNode;\n  children?: ReactNode | undefined;\n}) => (\n  <div className=\"border-border bg-background shrink-0 border-b\">\n    {header}\n    {children ? <div className=\"border-border border-t\">{children}</div> : null}\n  </div>\n);\n"],"mappings":";;;;;;;AAMA,MAAaC,cAAaC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAC,UAAAC,UAAAC,YAAAC,OAAAN;CAWrB,MAAAQ,MARJF,OAAAC,KAAAA,IAAA,QAAAD,MAQI,4GAAA;CAEoI,IAAAG;CAAA,IAAAR,EAAA,OAAAE,UAAA;EAGtIM,KAAA,oBAAA,OAAA;GAAe,WAAA;GACZN;EACG,CAAA;EAAAF,EAAA,KAAAE;EAAAF,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAG,UAAA;EACLM,KAAAN,WACC,oBAAA,OAAA;GAAe,WAAA;aACZA;EACG,CAAA,IAHP;EAIOH,EAAA,KAAAG;EAAAH,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAO,MAAAP,EAAA,OAAAQ,MAAAR,EAAA,OAAAS,IAAA;EAdVC,KAAA,qBAAA,OAAA;GAEI,WAAAH;aAFJ,CAOEC,IAGCC,EAKG;;EAAAT,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OAfNU;AAeM;;AAIR,MAAaC,mBAAkBZ,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAW,QAAAV,aAAAH;CAM/B,IAAAM;CAAA,IAAAL,EAAA,OAAAE,UAAA;EAGIG,KAAAH,WAAW,oBAAA,OAAA;GAAe,WAAA;GAA0BA;EAAe,CAAA,IAAnE;EAA0EF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAY,UAAAZ,EAAA,OAAAK,IAAA;EAF7EE,KAAA,qBAAA,OAAA;GAAe,WAAA;aAAf,CACGK,QACAP,EACG;;EAAAL,EAAA,KAAAY;EAAAZ,EAAA,KAAAK;EAAAL,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAHNO;AAGM"}

package/dist/views/ui/RailTime.d.ts

@@ -0,0 +1,12 @@
+//#region src/views/ui/RailTime.d.ts
+/** Compact timestamp for narrow rails; full value goes in the tooltip. */
+declare const RailTime: ({
+  value,
+  className
+}: {
+  value: string | undefined;
+  className?: string | undefined;
+}) => import("react").JSX.Element | null;
+//#endregion
+export { RailTime };
+//# sourceMappingURL=RailTime.d.ts.map

package/dist/views/ui/RailTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RailTime.d.ts","names":[],"sources":["../../../src/views/ui/RailTime.tsx"],"mappings":";;cAIa,QAAA;EAAY,KAAA;EAAA;AAAA;EAIvB,KAAA;EACA,SAAA;AAAA,sBACD,GAAA,CAAA,OAAA"}

package/dist/views/ui/RailTime.js

@@ -0,0 +1,49 @@
+import { formatWhen, formatWhenLabel } from "../../utils/common.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/views/ui/RailTime.tsx
+/** Compact timestamp for narrow rails; full value goes in the tooltip. */
+const RailTime = (t0) => {
+	const $ = c(11);
+	const { value, className } = t0;
+	let t1;
+	if ($[0] !== value) {
+		t1 = formatWhen(value);
+		$[0] = value;
+		$[1] = t1;
+	} else t1 = $[1];
+	const when = t1;
+	if (!when) return null;
+	let t2;
+	if ($[2] !== value) {
+		t2 = formatWhenLabel(value);
+		$[2] = value;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== className) {
+		t3 = clsx("text-muted-foreground font-mono text-[10px] leading-none whitespace-nowrap tabular-nums", className);
+		$[4] = className;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t2 || $[7] !== t3 || $[8] !== value || $[9] !== when) {
+		t4 = /* @__PURE__ */ jsx("time", {
+			dateTime: value,
+			title: t2,
+			className: t3,
+			children: when
+		});
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = value;
+		$[9] = when;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+};
+//#endregion
+export { RailTime };
+
+//# sourceMappingURL=RailTime.js.map

package/dist/views/ui/RailTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RailTime.js","names":["clsx","formatWhen","formatWhenLabel","RailTime","t0","$","_c","value","className","t1","when","t2","t3","t4"],"sources":["../../../src/views/ui/RailTime.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { formatWhen, formatWhenLabel } from \"../../utils/common\";\n\n/** Compact timestamp for narrow rails; full value goes in the tooltip. */\nexport const RailTime = ({\n  value,\n  className,\n}: {\n  value: string | undefined;\n  className?: string | undefined;\n}) => {\n  const when = formatWhen(value);\n  if (!when) return null;\n\n  return (\n    <time\n      dateTime={value}\n      title={formatWhenLabel(value)}\n      className={clsx(\n        \"text-muted-foreground font-mono text-[10px] leading-none whitespace-nowrap tabular-nums\",\n        className,\n      )}\n    >\n      {when}\n    </time>\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAaG,YAAWC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,OAAAC,cAAAJ;CAMxB,IAAAK;CAAA,IAAAJ,EAAA,OAAAE,OAAA;EACcE,KAAAR,WAAWM,KAAK;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAA9B,MAAAK,OAAaD;CACb,IAAI,CAACC,MAAI,OAAS;CAAK,IAAAC;CAAA,IAAAN,EAAA,OAAAE,OAAA;EAKZI,KAAAT,gBAAgBK,KAAK;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAG,WAAA;EAClBI,KAAAZ,KACT,2FACAQ,SACF;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAM,MAAAN,EAAA,OAAAO,MAAAP,EAAA,OAAAE,SAAAF,EAAA,OAAAK,MAAA;EANHG,KAAA,oBAAA,QAAA;GACYN,UAAAA;GACH,OAAAI;GACI,WAAAC;aAKVF;EACI,CAAA;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAE;EAAAF,EAAA,KAAAK;EAAAL,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OATPQ;AASO"}

package/dist/views/ui/SectionLabel.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+
+//#region src/views/ui/SectionLabel.d.ts
+declare const SectionLabel: ({
+  children
+}: {
+  children: ReactNode;
+}) => import("react").JSX.Element;
+//#endregion
+export { SectionLabel };
+//# sourceMappingURL=SectionLabel.d.ts.map

package/dist/views/ui/SectionLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionLabel.d.ts","names":[],"sources":["../../../src/views/ui/SectionLabel.tsx"],"mappings":";;;cAEa,YAAA;EAAgB;AAAA;EAAgB,QAAA,EAAU,SAAS;AAAA,sBAAE,GAAA,CAAA,OAAA"}

package/dist/views/ui/SectionLabel.js

@@ -0,0 +1,21 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/views/ui/SectionLabel.tsx
+const SectionLabel = (t0) => {
+	const $ = c(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground text-[11px] font-medium",
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+//#endregion
+export { SectionLabel };
+
+//# sourceMappingURL=SectionLabel.js.map

package/dist/views/ui/SectionLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionLabel.js","names":["ReactNode","SectionLabel","t0","$","_c","children","t1"],"sources":["../../../src/views/ui/SectionLabel.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport const SectionLabel = ({ children }: { children: ReactNode }) => (\n  <div className=\"text-muted-foreground text-[11px] font-medium\">\n    {children}\n  </div>\n);\n"],"mappings":";;;AAEA,MAAaC,gBAAeC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAC,aAAAH;CAAqC,IAAAI;CAAA,IAAAH,EAAA,OAAAE,UAAA;EAChEC,KAAA,oBAAA,OAAA;GAAe,WAAA;GACZD;EACG,CAAA;EAAAF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAFNG;AAEM"}

package/dist/views/ui/SelectableRow.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+
+//#region src/views/ui/SelectableRow.d.ts
+/**
+ * A row in a master rail. The leading border + accent fill mark the current
+ * selection; the whole row is the hit target. Content is free-form so a row can
+ * be a single line or a small block (a transcript turn).
+ */
+declare const SelectableRow: import("react").ForwardRefExoticComponent<{
+  selected?: boolean;
+  onSelect?: (() => void) | undefined;
+  className?: string | undefined; /** Fixed-height row for uniform rails. */
+  dense?: boolean;
+  children: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { SelectableRow };
+//# sourceMappingURL=SelectableRow.d.ts.map

package/dist/views/ui/SelectableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableRow.d.ts","names":[],"sources":["../../../src/views/ui/SelectableRow.tsx"],"mappings":";;;;;AAQA;;;cAAa,aAAA,kBAAa,yBAAA;;;;;YAQZ,SAAA;AAAA,kCAAA,iBAAA"}