@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/README.md

@@ -10,19 +10,37 @@ npm install @assistant-ui/react-devtools
 
 ## Usage
 
+Drop `DevToolsModal` inside your `AssistantRuntimeProvider`. It renders a floating launcher and an inline panel (isolated in a shadow root), and is a no-op in production builds.
+
 ```tsx
-import { DevToolsModal, DevToolsFrame } from "@assistant-ui/react-devtools";
+import { AssistantRuntimeProvider } from "@assistant-ui/react";
+import { DevToolsModal } from "@assistant-ui/react-devtools";
+
+export function App() {
+  return (
+    <AssistantRuntimeProvider runtime={runtime}>
+      <DevToolsModal />
+      {/* ...your assistant-ui... */}
+    </AssistantRuntimeProvider>
+  );
+}
+```
 
-// render as a modal overlay
-<DevToolsModal />;
+## Custom tabs
 
-// or embed inline as a frame
-<DevToolsFrame />;
-```
+The panel is extensible through a plugin registry. Each plugin receives the inspected instance's projected data and renders a tab body.
 
-## Chrome extension
+```tsx
+import { createDevToolsPlugin, DevToolsModal } from "@assistant-ui/react-devtools";
+
+const myTab = createDevToolsPlugin({
+  id: "my-tab",
+  label: "My tab",
+  Component: ({ data }) => <pre>{JSON.stringify(data.state, null, 2)}</pre>,
+});
 
-A standalone Chrome extension consuming this package lives at [`apps/devtools-extension`](https://github.com/assistant-ui/assistant-ui/tree/main/apps/devtools-extension).
+<DevToolsModal plugins={[myTab]} />;
+```
 
 ## Documentation
 

package/dist/DevToolsModal.d.ts

@@ -1,5 +1,21 @@
+import { DevToolsClient } from "./data/types.js";
+import { DevToolsPanelPlugin } from "./shell/registry.js";
+
 //#region src/DevToolsModal.d.ts
-declare const DevToolsModal: () => import("react").JSX.Element | null;
+interface DevToolsModalProps {
+  /** Extra inspector tabs appended after the builtins. */
+  plugins?: DevToolsPanelPlugin[];
+  /** Force a theme. Defaults to "system", which follows the host `.dark` class. */
+  theme?: "light" | "dark" | "system";
+  /** Data source. Defaults to the in-process DevToolsHooks client. */
+  client?: DevToolsClient;
+}
+/**
+ * Dev-only. In production the body returns null before the lazy panel chunk is
+ * ever requested, so the panel and its compiled styles stay out of the
+ * production bundle (the dynamic import is also code-split).
+ */
+declare const DevToolsModal: (props?: DevToolsModalProps) => import("react").JSX.Element | null;
 //#endregion
-export { DevToolsModal };
+export { DevToolsModal, DevToolsModalProps };
 //# sourceMappingURL=DevToolsModal.d.ts.map

package/dist/DevToolsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsModal.d.ts","names":[],"sources":["../src/DevToolsModal.tsx"],"mappings":";cAiLa,aAAA,wBAAa,GAAA,CAAA,OAAA"}
+{"version":3,"file":"DevToolsModal.d.ts","names":[],"sources":["../src/DevToolsModal.tsx"],"mappings":";;;;UAMiB,kBAAA;;EAEf,OAAA,GAAU,mBAAA;EAFuB;EAIjC,KAAA;EAEuB;EAAvB,MAAA,GAAS,cAAc;AAAA;;;;;AAAA;cAUZ,aAAA,GAAiB,KAAA,GAAO,kBAAuB,qBAAA,GAAA,CAAA,OAAA"}

package/dist/DevToolsModal.js

@@ -1,242 +1,35 @@
 "use client";
-import { DevToolsFrame } from "./DevToolsFrame.js";
-import { ANIMATION_STYLES, getStyles } from "./styles/DevToolsModal.styles.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { useEffect, useState, useSyncExternalStore } from "@assistant-ui/tap/react-shim";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, lazy } from "@assistant-ui/tap/react-shim";
+import { jsx } from "react/jsx-runtime";
 //#region src/DevToolsModal.tsx
-const isDarkMode = () => {
-	if (typeof document === "undefined") return false;
-	return document.documentElement.classList.contains("dark") || document.body.classList.contains("dark");
-};
-const subscribeToThemeChanges = (callback) => {
-	if (typeof MutationObserver === "undefined") return () => {};
-	const observer = new MutationObserver(callback);
-	observer.observe(document.documentElement, {
-		attributes: true,
-		attributeFilter: ["class"]
-	});
-	if (document.body !== document.documentElement) observer.observe(document.body, {
-		attributes: true,
-		attributeFilter: ["class"]
-	});
-	return () => observer.disconnect();
-};
-const DevToolsModalImpl = () => {
-	const $ = c(32);
-	const [isOpen, setIsOpen] = useState(false);
-	const [buttonHover, setButtonHover] = useState(false);
-	const [closeHover, setCloseHover] = useState(false);
-	const darkMode = useSyncExternalStore(subscribeToThemeChanges, isDarkMode, _temp);
-	let t0;
-	if ($[0] !== darkMode) {
-		t0 = getStyles(darkMode);
-		$[0] = darkMode;
-		$[1] = t0;
-	} else t0 = $[1];
-	const styles = t0;
+const DevToolsModalImpl = lazy(() => import("./DevToolsModalImpl.js"));
+/**
+* Dev-only. In production the body returns null before the lazy panel chunk is
+* ever requested, so the panel and its compiled styles stay out of the
+* production bundle (the dynamic import is also code-split).
+*/
+const DevToolsModal = (t0) => {
+	const $ = c(4);
 	let t1;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[2] = t1;
-	} else t1 = $[2];
-	useEffect(_temp3, t1);
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const props = t1;
+	if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return null;
 	let t2;
-	let t3;
-	if ($[3] !== isOpen) {
-		t2 = () => {
-			if (!isOpen) return;
-			const handleEscape = (event) => {
-				if (event.key === "Escape") setIsOpen(false);
-			};
-			document.addEventListener("keydown", handleEscape);
-			return () => document.removeEventListener("keydown", handleEscape);
-		};
-		t3 = [isOpen];
-		$[3] = isOpen;
-		$[4] = t2;
-		$[5] = t3;
-	} else {
-		t2 = $[4];
-		t3 = $[5];
-	}
-	useEffect(t2, t3);
-	let t4;
-	let t5;
-	let t6;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => setIsOpen(true);
-		t5 = () => setButtonHover(true);
-		t6 = () => setButtonHover(false);
-		$[6] = t4;
-		$[7] = t5;
-		$[8] = t6;
-	} else {
-		t4 = $[6];
-		t5 = $[7];
-		t6 = $[8];
-	}
-	let t7;
-	if ($[9] !== buttonHover || $[10] !== styles.floatingButtonHover) {
-		t7 = buttonHover ? styles.floatingButtonHover : {};
-		$[9] = buttonHover;
-		$[10] = styles.floatingButtonHover;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== styles.floatingButton || $[13] !== t7) {
-		t8 = {
-			...styles.floatingButton,
-			...t7
-		};
-		$[12] = styles.floatingButton;
-		$[13] = t7;
-		$[14] = t8;
-	} else t8 = $[14];
-	let t9;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx("svg", {
-			"aria-hidden": "true",
-			width: "20",
-			height: "20",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			xmlns: "http://www.w3.org/2000/svg",
-			style: {
-				width: "20px",
-				height: "20px"
-			},
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",
-				stroke: "currentColor",
-				strokeWidth: "1.8",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				fill: "none"
-			})
-		});
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== t8) {
-		t10 = /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: t4,
-			onMouseEnter: t5,
-			onMouseLeave: t6,
-			style: t8,
-			"aria-label": "Open assistant-ui DevTools",
-			title: "Open assistant-ui DevTools",
-			children: t9
+	if ($[2] !== props) {
+		t2 = /* @__PURE__ */ jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ jsx(DevToolsModalImpl, { ...props })
 		});
-		$[16] = t8;
-		$[17] = t10;
-	} else t10 = $[17];
-	let t11;
-	if ($[18] !== styles.floatingContainer || $[19] !== t10) {
-		t11 = /* @__PURE__ */ jsx("div", {
-			style: styles.floatingContainer,
-			children: t10
-		});
-		$[18] = styles.floatingContainer;
-		$[19] = t10;
-		$[20] = t11;
-	} else t11 = $[20];
-	let t12;
-	if ($[21] !== closeHover || $[22] !== isOpen || $[23] !== styles.backdrop || $[24] !== styles.dismissButton || $[25] !== styles.dismissButtonHover || $[26] !== styles.modal || $[27] !== styles.modalContent) {
-		t12 = isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-			style: styles.backdrop,
-			onClick: () => setIsOpen(false)
-		}), /* @__PURE__ */ jsxs("div", {
-			style: styles.modal,
-			"data-devtools-modal": true,
-			children: [/* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => setIsOpen(false),
-				onMouseEnter: () => setCloseHover(true),
-				onMouseLeave: () => setCloseHover(false),
-				style: {
-					...styles.dismissButton,
-					...closeHover ? styles.dismissButtonHover : {}
-				},
-				"aria-label": "Close DevTools",
-				children: /* @__PURE__ */ jsxs("svg", {
-					"aria-hidden": "true",
-					width: "14",
-					height: "14",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					children: [/* @__PURE__ */ jsx("path", {
-						d: "M18 6L6 18",
-						stroke: "currentColor",
-						strokeWidth: "1.6",
-						strokeLinecap: "round",
-						strokeLinejoin: "round"
-					}), /* @__PURE__ */ jsx("path", {
-						d: "M6 6L18 18",
-						stroke: "currentColor",
-						strokeWidth: "1.6",
-						strokeLinecap: "round",
-						strokeLinejoin: "round"
-					})]
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				style: styles.modalContent,
-				children: /* @__PURE__ */ jsx(DevToolsFrame, { style: {
-					width: "100%",
-					height: "100%",
-					border: "none",
-					borderRadius: "12px",
-					backgroundColor: "transparent"
-				} })
-			})]
-		})] });
-		$[21] = closeHover;
-		$[22] = isOpen;
-		$[23] = styles.backdrop;
-		$[24] = styles.dismissButton;
-		$[25] = styles.dismissButtonHover;
-		$[26] = styles.modal;
-		$[27] = styles.modalContent;
-		$[28] = t12;
-	} else t12 = $[28];
-	let t13;
-	if ($[29] !== t11 || $[30] !== t12) {
-		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
-		$[29] = t11;
-		$[30] = t12;
-		$[31] = t13;
-	} else t13 = $[31];
-	return t13;
-};
-const DevToolsModal = () => {
-	const $ = c(1);
-	if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return null;
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(DevToolsModalImpl, {});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+		$[2] = props;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 };
-function _temp() {
-	return false;
-}
-function _temp2() {
-	const style_0 = document.getElementById("devtools-modal-animations");
-	if (style_0 && !document.querySelector("[data-devtools-modal]")) style_0.remove();
-}
-function _temp3() {
-	if (typeof document === "undefined") return;
-	if (!document.getElementById("devtools-modal-animations")) {
-		const style = document.createElement("style");
-		style.id = "devtools-modal-animations";
-		style.textContent = ANIMATION_STYLES;
-		document.head.appendChild(style);
-	}
-	return _temp2;
-}
 //#endregion
 export { DevToolsModal };
 

package/dist/DevToolsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsModal.js","names":["c","_c","useEffect","useMemo","useState","useSyncExternalStore","DevToolsFrame","getStyles","ANIMATION_STYLES","isDarkMode","document","documentElement","classList","contains","body","subscribeToThemeChanges","callback","MutationObserver","observer","observe","attributes","attributeFilter","disconnect","DevToolsModalImpl","$","isOpen","setIsOpen","buttonHover","setButtonHover","closeHover","setCloseHover","darkMode","_temp","t0","styles","t1","Symbol","for","_temp3","t2","t3","handleEscape","event","key","addEventListener","removeEventListener","t4","t5","t6","t7","floatingButtonHover","t8","floatingButton","t9","width","height","t10","t11","floatingContainer","t12","backdrop","dismissButton","dismissButtonHover","modal","modalContent","border","borderRadius","backgroundColor","t13","DevToolsModal","process","env","NODE_ENV","_temp2","style_0","getElementById","querySelector","style","remove","createElement","id","textContent","head","appendChild"],"sources":["../src/DevToolsModal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState, useSyncExternalStore } from \"react\";\nimport { DevToolsFrame } from \"./DevToolsFrame\";\nimport { getStyles, ANIMATION_STYLES } from \"./styles/DevToolsModal.styles\";\n\nconst isDarkMode = (): boolean => {\n  if (typeof document === \"undefined\") return false;\n  return (\n    document.documentElement.classList.contains(\"dark\") ||\n    document.body.classList.contains(\"dark\")\n  );\n};\n\nconst subscribeToThemeChanges = (callback: () => void) => {\n  if (typeof MutationObserver === \"undefined\") {\n    return () => {};\n  }\n\n  const observer = new MutationObserver(callback);\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"class\"],\n  });\n\n  if (document.body !== document.documentElement) {\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n  }\n\n  return () => observer.disconnect();\n};\n\nconst DevToolsModalImpl = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [buttonHover, setButtonHover] = useState(false);\n  const [closeHover, setCloseHover] = useState(false);\n\n  const darkMode = useSyncExternalStore(\n    subscribeToThemeChanges,\n    isDarkMode,\n    () => false, // Server-side always returns false\n  );\n\n  const styles = useMemo(() => getStyles(darkMode), [darkMode]);\n\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n\n    const styleId = \"devtools-modal-animations\";\n    if (!document.getElementById(styleId)) {\n      const style = document.createElement(\"style\");\n      style.id = styleId;\n      style.textContent = ANIMATION_STYLES;\n      document.head.appendChild(style);\n    }\n\n    return () => {\n      const style = document.getElementById(styleId);\n      if (style && !document.querySelector(\"[data-devtools-modal]\")) {\n        style.remove();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen]);\n\n  return (\n    <>\n      <div style={styles.floatingContainer}>\n        <button\n          type=\"button\"\n          onClick={() => setIsOpen(true)}\n          onMouseEnter={() => setButtonHover(true)}\n          onMouseLeave={() => setButtonHover(false)}\n          style={{\n            ...styles.floatingButton,\n            ...(buttonHover ? styles.floatingButtonHover : {}),\n          }}\n          aria-label=\"Open assistant-ui DevTools\"\n          title=\"Open assistant-ui DevTools\"\n        >\n          <svg\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={{ width: \"20px\", height: \"20px\" }}\n          >\n            <path\n              d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              fill=\"none\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      {isOpen && (\n        <>\n          <div style={styles.backdrop} onClick={() => setIsOpen(false)} />\n\n          <div style={styles.modal} data-devtools-modal>\n            <button\n              type=\"button\"\n              onClick={() => setIsOpen(false)}\n              onMouseEnter={() => setCloseHover(true)}\n              onMouseLeave={() => setCloseHover(false)}\n              style={{\n                ...styles.dismissButton,\n                ...(closeHover ? styles.dismissButtonHover : {}),\n              }}\n              aria-label=\"Close DevTools\"\n            >\n              <svg\n                aria-hidden=\"true\"\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M18 6L6 18\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"1.6\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n                <path\n                  d=\"M6 6L18 18\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"1.6\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n              </svg>\n            </button>\n\n            <div style={styles.modalContent}>\n              <DevToolsFrame\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  border: \"none\",\n                  borderRadius: \"12px\",\n                  backgroundColor: \"transparent\",\n                }}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </>\n  );\n};\n\n// Export a component that only renders in development\nexport const DevToolsModal = () => {\n  // Check if we're in production - most bundlers will replace process.env.NODE_ENV\n  // This allows the entire component to be eliminated via dead code elimination\n  if (\n    typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV === \"production\"\n  ) {\n    return null;\n  }\n\n  return <DevToolsModalImpl />;\n};\n"],"mappings":";;;;;;;AAMA,MAAMS,mBAA4B;CAChC,IAAI,OAAOC,aAAa,aAAa,OAAO;CAC5C,OACEA,SAASC,gBAAgBC,UAAUC,SAAS,MAAM,KAClDH,SAASI,KAAKF,UAAUC,SAAS,MAAM;AAE3C;AAEA,MAAME,2BAA2BC,aAAyB;CACxD,IAAI,OAAOC,qBAAqB,aAC9B,aAAa,CAAC;CAGhB,MAAMC,WAAW,IAAID,iBAAiBD,QAAQ;CAE9CE,SAASC,QAAQT,SAASC,iBAAiB;EACzCS,YAAY;EACZC,iBAAiB,CAAC,OAAO;CAC3B,CAAC;CAED,IAAIX,SAASI,SAASJ,SAASC,iBAC7BO,SAASC,QAAQT,SAASI,MAAM;EAC9BM,YAAY;EACZC,iBAAiB,CAAC,OAAO;CAC3B,CAAC;CAGH,aAAaH,SAASI,WAAW;AACnC;AAEA,MAAMC,0BAAoB;CAAA,MAAAC,IAAAvB,EAAA,EAAA;CACxB,MAAA,CAAAwB,QAAAC,aAA4BtB,SAAS,KAAK;CAC1C,MAAA,CAAAuB,aAAAC,kBAAsCxB,SAAS,KAAK;CACpD,MAAA,CAAAyB,YAAAC,iBAAoC1B,SAAS,KAAK;CAElD,MAAA2B,WAAiB1B,qBACfU,yBACAN,YACAuB,KACF;CAAE,IAAAC;CAAA,IAAAT,EAAA,OAAAO,UAAA;EAE2BE,KAAA1B,UAAUwB,QAAQ;EAACP,EAAA,KAAAO;EAAAP,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAhD,MAAAU,SAA6BD;CAAiC,IAAAE;CAAA,IAAAX,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;EAmB3DF,KAAA,CAAA;EAAEX,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAjBLtB,UAAUoC,QAiBPH,EAAE;CAAC,IAAAI;CAAA,IAAAC;CAAA,IAAAhB,EAAA,OAAAC,QAAA;EAEIc,WAAA;GACR,IAAI,CAACd,QAAM;GAEX,MAAAgB,gBAAqBC,UAAA;IACnB,IAAIA,MAAKC,QAAS,UAChBjB,UAAU,KAAK;GAChB;GAGHhB,SAAQkC,iBAAkB,WAAWH,YAAY;GAAC,aACrC/B,SAAQmC,oBAAqB,WAAWJ,YAAY;EAAC;EACjED,KAAA,CAACf,MAAM;EAACD,EAAA,KAAAC;EAAAD,EAAA,KAAAe;EAAAf,EAAA,KAAAgB;CAAA,OAAA;EAAAD,KAAAf,EAAA;EAAAgB,KAAAhB,EAAA;CAAA;CAXXtB,UAAUqC,IAWPC,EAAQ;CAAC,IAAAM;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;EAOKS,WAAMpB,UAAU,IAAI;EACfqB,WAAMnB,eAAe,IAAI;EACzBoB,WAAMpB,eAAe,KAAK;EAACJ,EAAA,KAAAsB;EAAAtB,EAAA,KAAAuB;EAAAvB,EAAA,KAAAwB;CAAA,OAAA;EAAAF,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;EAAAwB,KAAAxB,EAAA;CAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAG,eAAAH,EAAA,QAAAU,OAAAgB,qBAAA;EAGnCD,KAAAtB,cAAcO,OAAMgB,sBAApB,CAA4C;EAAC1B,EAAA,KAAAG;EAAAH,EAAA,MAAAU,OAAAgB;EAAA1B,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAU,OAAAkB,kBAAA5B,EAAA,QAAAyB,IAAA;EAF5CE,KAAA;GAAA,GACFjB,OAAMkB;GAAe,GACpBH;EACN;EAACzB,EAAA,MAAAU,OAAAkB;EAAA5B,EAAA,MAAAyB;EAAAzB,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA6B;CAAA,IAAA7B,EAAA,QAAAY,OAAAC,IAAA,2BAAA,GAAA;EAIDgB,KAAA,oBAAA,OAAA;GACc,eAAA;GACN,OAAA;GACC,QAAA;GACC,SAAA;GACH,MAAA;GACC,OAAA;GACC,OAAA;IAAAC,OAAS;IAAMC,QAAU;GAAO;aAEvC,oBAAA,QAAA;IACI,GAAA;IACK,QAAA;IACK,aAAA;IACE,eAAA;IACC,gBAAA;IACV,MAAA;GAAM,CAAA;EAET,CAAA;EAAA/B,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CAAA,IAAAgC;CAAA,IAAAhC,EAAA,QAAA2B,IAAA;EA7BRK,MAAA,oBAAA,UAAA;GACO,MAAA;GACI,SAAAV;GACK,cAAAC;GACA,cAAAC;GACP,OAAAG;GAII,cAAA;GACL,OAAA;aAENE;EAkBO,CAAA;EAAA7B,EAAA,MAAA2B;EAAA3B,EAAA,MAAAgC;CAAA,OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;CAAA,IAAAjC,EAAA,QAAAU,OAAAwB,qBAAAlC,EAAA,QAAAgC,KAAA;EA/BXC,MAAA,oBAAA,OAAA;GAAY,OAAAvB,OAAMwB;aAChBF;EA+BI,CAAA;EAAAhC,EAAA,MAAAU,OAAAwB;EAAAlC,EAAA,MAAAgC;EAAAhC,EAAA,MAAAiC;CAAA,OAAAA,MAAAjC,EAAA;CAAA,IAAAmC;CAAA,IAAAnC,EAAA,QAAAK,cAAAL,EAAA,QAAAC,UAAAD,EAAA,QAAAU,OAAA0B,YAAApC,EAAA,QAAAU,OAAA2B,iBAAArC,EAAA,QAAAU,OAAA4B,sBAAAtC,EAAA,QAAAU,OAAA6B,SAAAvC,EAAA,QAAAU,OAAA8B,cAAA;EAELL,MAAAlC,UAAA,qBAAA,UAAA,EAAA,UAAA,CAEG,oBAAA,OAAA;GAAY,OAAAS,OAAM0B;GAAoB,eAAMlC,UAAU,KAAK;EAAC,CAAA,GAE5D,qBAAA,OAAA;GAAY,OAAAQ,OAAM6B;GAAQ,uBAAA;aAA1B,CACE,oBAAA,UAAA;IACO,MAAA;IACI,eAAMrC,UAAU,KAAK;IAChB,oBAAMI,cAAc,IAAI;IACxB,oBAAMA,cAAc,KAAK;IAChC,OAAA;KAAA,GACFI,OAAM2B;KAAc,GACnBhC,aAAaK,OAAM4B,qBAAnB,CAA0C;IAChD;IACW,cAAA;cAEX,qBAAA,OAAA;KACc,eAAA;KACN,OAAA;KACC,QAAA;KACC,SAAA;KACH,MAAA;KACC,OAAA;eANR,CAQE,oBAAA,QAAA;MACI,GAAA;MACK,QAAA;MACK,aAAA;MACE,eAAA;MACC,gBAAA;KAAO,CAAA,GAExB,oBAAA,QAAA;MACI,GAAA;MACK,QAAA;MACK,aAAA;MACE,eAAA;MACC,gBAAA;KAAO,CAAA,CAEpB;;GACC,CAAA,GAET,oBAAA,OAAA;IAAY,OAAA5B,OAAM8B;cAChB,oBAAC,eAAD,EACS,OAAA;KAAAV,OACE;KAAMC,QACL;KAAMU,QACN;KAAMC,cACA;KAAMC,iBACH;IACnB,EAAC,CAAA;GAEC,CAAA,CACF;IAAA,EAAA,CAAA;EAET3C,EAAA,MAAAK;EAAAL,EAAA,MAAAC;EAAAD,EAAA,MAAAU,OAAA0B;EAAApC,EAAA,MAAAU,OAAA2B;EAAArC,EAAA,MAAAU,OAAA4B;EAAAtC,EAAA,MAAAU,OAAA6B;EAAAvC,EAAA,MAAAU,OAAA8B;EAAAxC,EAAA,MAAAmC;CAAA,OAAAA,MAAAnC,EAAA;CAAA,IAAA4C;CAAA,IAAA5C,EAAA,QAAAiC,OAAAjC,EAAA,QAAAmC,KAAA;EAzFHS,MAAA,qBAAA,UAAA,EAAA,UAAA,CACEX,KAkCCE,GAsDA,EAAA,CAAA;EACAnC,EAAA,MAAAiC;EAAAjC,EAAA,MAAAmC;EAAAnC,EAAA,MAAA4C;CAAA,OAAAA,MAAA5C,EAAA;CAAA,OA1FH4C;AA0FG;AAKP,MAAaC,sBAAgB;CAAA,MAAA7C,IAAAvB,EAAA,CAAA;CAG3B,IACE,OAAOqE,YAAY,eACnBA,QAAOC,KAAcC,aAAK,cAAY,OAE/B;CACR,IAAAvC;CAAA,IAAAT,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;EAEMJ,KAAA,oBAAC,mBAAD,CAAkB,CAAA;EAAGT,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAArBS;AAAqB;AAvJJ,SAAAD,QAAA;CAAA,OAQhB;AAAK;AARW,SAAAyC,SAAA;CAyBpB,MAAAC,UAAchE,SAAQiE,eATR,2BAS+B;CAC7C,IAAID,WAAA,CAAUhE,SAAQkE,cAAe,uBAAuB,GAC1DC,QAAKC,OAAQ;AACd;AA5BmB,SAAAxC,SAAA;CActB,IAAI,OAAO5B,aAAa,aAAW;CAGnC,IAAI,CAACA,SAAQiE,eADG,2BACoB,GAAC;EACnC,MAAAE,QAAcnE,SAAQqE,cAAe,OAAO;EAC5CF,MAAKG,KAHS;EAIdH,MAAKI,cAAezE;EACpBE,SAAQwE,KAAKC,YAAaN,KAAK;CAAC;CACjC,OAEMJ;AAKN"}
+{"version":3,"file":"DevToolsModal.js","names":["c","_c","lazy","Suspense","DevToolsPanelPlugin","DevToolsClient","DevToolsModalProps","plugins","theme","client","DevToolsModalImpl","DevToolsModal","t0","$","t1","undefined","props","process","env","NODE_ENV","t2"],"sources":["../src/DevToolsModal.tsx"],"sourcesContent":["\"use client\";\n\nimport { lazy, Suspense } from \"react\";\nimport type { DevToolsPanelPlugin } from \"./shell/registry\";\nimport type { DevToolsClient } from \"./data/types\";\n\nexport interface DevToolsModalProps {\n  /** Extra inspector tabs appended after the builtins. */\n  plugins?: DevToolsPanelPlugin[];\n  /** Force a theme. Defaults to \"system\", which follows the host `.dark` class. */\n  theme?: \"light\" | \"dark\" | \"system\";\n  /** Data source. Defaults to the in-process DevToolsHooks client. */\n  client?: DevToolsClient;\n}\n\nconst DevToolsModalImpl = lazy(() => import(\"./DevToolsModalImpl\"));\n\n/**\n * Dev-only. In production the body returns null before the lazy panel chunk is\n * ever requested, so the panel and its compiled styles stay out of the\n * production bundle (the dynamic import is also code-split).\n */\nexport const DevToolsModal = (props: DevToolsModalProps = {}) => {\n  if (\n    typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV === \"production\"\n  ) {\n    return null;\n  }\n\n  return (\n    <Suspense fallback={null}>\n      <DevToolsModalImpl {...props} />\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;AAeA,MAAMU,oBAAoBR,WAAW,OAAO,yBAAsB;;;;;;AAOlE,MAAaS,iBAAgBC,OAAA;CAAA,MAAAC,IAAAZ,EAAA,CAAA;CAAA,IAAAa;CAAA,IAAAD,EAAA,OAAAD,IAAA;EAACE,KAAAF,OAAAG,KAAAA,IAAA,CAA6B,IAA7BH;EAA8BC,EAAA,KAAAD;EAAAC,EAAA,KAAAC;CAAA,OAAAA,KAAAD,EAAA;CAA9B,MAAAG,QAAAF;CAC5B,IACE,OAAOG,YAAY,eACnBA,QAAOC,KAAcC,aAAK,cAAY,OAE/B;CACR,IAAAC;CAAA,IAAAP,EAAA,OAAAG,OAAA;EAGCI,KAAA,oBAAC,UAAD;GAAoB,UAAA;aAClB,oBAAC,mBAAD,EAAkB,GAAKJ,MAAK,CAAA;EADrB,CAAA;EAEEH,EAAA,KAAAG;EAAAH,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAFXO;AAEW"}

package/dist/DevToolsModalImpl.d.ts

@@ -0,0 +1,11 @@
+import { DevToolsModalProps } from "./DevToolsModal.js";
+
+//#region src/DevToolsModalImpl.d.ts
+declare const DevToolsModalImpl: ({
+  plugins,
+  theme,
+  client
+}: DevToolsModalProps) => import("react").JSX.Element;
+//#endregion
+export { DevToolsModalImpl as default };
+//# sourceMappingURL=DevToolsModalImpl.d.ts.map

package/dist/DevToolsModalImpl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsModalImpl.d.ts","names":[],"sources":["../src/DevToolsModalImpl.tsx"],"mappings":";;;cAmCM,iBAAA;EAAqB,OAAA;EAAA,KAAA;EAAA;AAAA,GAIxB,kBAAA,qBAAkB,GAAA,CAAA,OAAA"}

package/dist/DevToolsModalImpl.js

@@ -0,0 +1,62 @@
+"use client";
+import { DevToolsOverlay } from "./shell/DevToolsOverlay.js";
+import { ShadowRoot } from "./shell/ShadowRoot.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useSyncExternalStore } from "@assistant-ui/tap/react-shim";
+import { jsx } from "react/jsx-runtime";
+//#region src/DevToolsModalImpl.tsx
+const isDarkMode = () => {
+	if (typeof document === "undefined") return false;
+	return document.documentElement.classList.contains("dark") || document.body.classList.contains("dark");
+};
+const subscribeToThemeChanges = (callback) => {
+	if (typeof MutationObserver === "undefined") return () => {};
+	const observer = new MutationObserver(callback);
+	observer.observe(document.documentElement, {
+		attributes: true,
+		attributeFilter: ["class"]
+	});
+	if (document.body !== document.documentElement) observer.observe(document.body, {
+		attributes: true,
+		attributeFilter: ["class"]
+	});
+	return () => observer.disconnect();
+};
+const DevToolsModalImpl = (t0) => {
+	const $ = c(7);
+	const { plugins, theme: t1, client } = t0;
+	const theme = t1 === void 0 ? "system" : t1;
+	const darkMode = useSyncExternalStore(subscribeToThemeChanges, isDarkMode, _temp);
+	const resolved = theme === "system" ? darkMode ? "dark" : "light" : theme;
+	let t2;
+	if ($[0] !== client || $[1] !== plugins || $[2] !== resolved) {
+		t2 = /* @__PURE__ */ jsx(DevToolsOverlay, {
+			theme: resolved,
+			plugins,
+			client
+		});
+		$[0] = client;
+		$[1] = plugins;
+		$[2] = resolved;
+		$[3] = t2;
+	} else t2 = $[3];
+	const overlay = t2;
+	let t3;
+	if ($[4] !== overlay || $[5] !== resolved) {
+		t3 = /* @__PURE__ */ jsx(ShadowRoot, {
+			theme: resolved,
+			children: overlay
+		});
+		$[4] = overlay;
+		$[5] = resolved;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+};
+function _temp() {
+	return false;
+}
+//#endregion
+export { DevToolsModalImpl as default };
+
+//# sourceMappingURL=DevToolsModalImpl.js.map

package/dist/DevToolsModalImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsModalImpl.js","names":["c","_c","useMemo","useSyncExternalStore","DevToolsOverlay","ShadowRoot","DevToolsModalProps","isDarkMode","document","documentElement","classList","contains","body","subscribeToThemeChanges","callback","MutationObserver","observer","observe","attributes","attributeFilter","disconnect","DevToolsModalImpl","t0","$","plugins","theme","t1","client","undefined","darkMode","_temp","resolved","t2","overlay","t3"],"sources":["../src/DevToolsModalImpl.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useSyncExternalStore } from \"react\";\nimport { DevToolsOverlay } from \"./shell/DevToolsOverlay\";\nimport { ShadowRoot } from \"./shell/ShadowRoot\";\nimport type { DevToolsModalProps } from \"./DevToolsModal\";\n\nconst isDarkMode = (): boolean => {\n  if (typeof document === \"undefined\") return false;\n  return (\n    document.documentElement.classList.contains(\"dark\") ||\n    document.body.classList.contains(\"dark\")\n  );\n};\n\nconst subscribeToThemeChanges = (callback: () => void) => {\n  if (typeof MutationObserver === \"undefined\") {\n    return () => {};\n  }\n\n  const observer = new MutationObserver(callback);\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"class\"],\n  });\n  if (document.body !== document.documentElement) {\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n  }\n\n  return () => observer.disconnect();\n};\n\nconst DevToolsModalImpl = ({\n  plugins,\n  theme = \"system\",\n  client,\n}: DevToolsModalProps) => {\n  const darkMode = useSyncExternalStore(\n    subscribeToThemeChanges,\n    isDarkMode,\n    () => false,\n  );\n  const resolved = theme === \"system\" ? (darkMode ? \"dark\" : \"light\") : theme;\n\n  // Stable element identity so the shadow root only re-renders on real changes,\n  // not on every render of the host tree.\n  const overlay = useMemo(\n    () => (\n      <DevToolsOverlay theme={resolved} plugins={plugins} client={client} />\n    ),\n    [resolved, plugins, client],\n  );\n\n  return <ShadowRoot theme={resolved}>{overlay}</ShadowRoot>;\n};\n\nexport default DevToolsModalImpl;\n"],"mappings":";;;;;;;AAOA,MAAMO,mBAA4B;CAChC,IAAI,OAAOC,aAAa,aAAa,OAAO;CAC5C,OACEA,SAASC,gBAAgBC,UAAUC,SAAS,MAAM,KAClDH,SAASI,KAAKF,UAAUC,SAAS,MAAM;AAE3C;AAEA,MAAME,2BAA2BC,aAAyB;CACxD,IAAI,OAAOC,qBAAqB,aAC9B,aAAa,CAAC;CAGhB,MAAMC,WAAW,IAAID,iBAAiBD,QAAQ;CAC9CE,SAASC,QAAQT,SAASC,iBAAiB;EACzCS,YAAY;EACZC,iBAAiB,CAAC,OAAO;CAC3B,CAAC;CACD,IAAIX,SAASI,SAASJ,SAASC,iBAC7BO,SAASC,QAAQT,SAASI,MAAM;EAC9BM,YAAY;EACZC,iBAAiB,CAAC,OAAO;CAC3B,CAAC;CAGH,aAAaH,SAASI,WAAW;AACnC;AAEA,MAAMC,qBAAoBC,OAAA;CAAA,MAAAC,IAAAtB,EAAA,CAAA;CAAC,MAAA,EAAAuB,SAAAC,OAAAC,IAAAC,WAAAL;CAEzB,MAAAG,QAAAC,OAAAE,KAAAA,IAAA,WAAAF;CAGA,MAAAG,WAAiB1B,qBACfU,yBACAN,YACAuB,KACF;CACA,MAAAC,WAAiBN,UAAU,WAAYI,WAAA,SAAA,UAAtBJ;CAA2D,IAAAO;CAAA,IAAAT,EAAA,OAAAI,UAAAJ,EAAA,OAAAC,WAAAD,EAAA,OAAAQ,UAAA;EAMxEC,KAAA,oBAAC,iBAAD;GAAwBD,OAAAA;GAAmBP;GAAiBG;EAAM,CAAA;EAAIJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAC;EAAAD,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAF1E,MAAAU,UAEID;CAGF,IAAAE;CAAA,IAAAX,EAAA,OAAAU,WAAAV,EAAA,OAAAQ,UAAA;EAEKG,KAAA,oBAAC,YAAD;GAAmBH,OAAAA;aAAWE;EAAnB,CAAA;EAAwCV,EAAA,KAAAU;EAAAV,EAAA,KAAAQ;EAAAR,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OAAnDW;AAAmD;AArBlC,SAAAJ,QAAA;CAAA,OAQhB;AAAK"}

package/dist/data/createInProcessClient.d.ts

@@ -0,0 +1,17 @@
+import { DevToolsClient } from "./types.js";
+
+//#region src/data/createInProcessClient.d.ts
+/**
+ * The default transport: reads the in-process DevToolsHooks registry and
+ * re-projects it on every change.
+ *
+ * Projection runs inside the subscribe/change callbacks (outside React render)
+ * because the scope accessors throw when invoked during a render, and
+ * getSnapshot returns the cached result.
+ */
+declare const createInProcessClient: () => DevToolsClient;
+/** Shared default client used by DevToolsModal and DevToolsPanel. */
+declare const inProcessClient: DevToolsClient;
+//#endregion
+export { createInProcessClient, inProcessClient };
+//# sourceMappingURL=createInProcessClient.d.ts.map

package/dist/data/createInProcessClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInProcessClient.d.ts","names":[],"sources":["../../src/data/createInProcessClient.ts"],"mappings":";;;;;AAiBA;;;;AA6CC;AAGD;cAhDa,qBAAA,QAA4B,cA6CxC;;cAGY,eAAA,EAAe,cAA0B"}

package/dist/data/createInProcessClient.js

@@ -0,0 +1,54 @@
+import { projectApi } from "./projectApi.js";
+import { EMPTY_SNAPSHOT } from "./types.js";
+import { DevToolsHooks } from "@assistant-ui/react";
+//#region src/data/createInProcessClient.ts
+/**
+* The default transport: reads the in-process DevToolsHooks registry and
+* re-projects it on every change.
+*
+* Projection runs inside the subscribe/change callbacks (outside React render)
+* because the scope accessors throw when invoked during a render, and
+* getSnapshot returns the cached result.
+*/
+const createInProcessClient = () => {
+	let snapshot = EMPTY_SNAPSHOT;
+	const rebuild = () => {
+		const apis = DevToolsHooks.getApis();
+		const byId = /* @__PURE__ */ new Map();
+		for (const [id, entry] of apis) try {
+			byId.set(id, projectApi(id, entry));
+		} catch {}
+		snapshot = {
+			apiIds: [...byId.keys()],
+			byId
+		};
+	};
+	return {
+		subscribe(listener) {
+			rebuild();
+			return DevToolsHooks.subscribe(() => {
+				rebuild();
+				listener();
+			});
+		},
+		getSnapshot: () => snapshot,
+		getServerSnapshot: () => EMPTY_SNAPSHOT,
+		clearEvents: (apiId) => DevToolsHooks.clearEventLogs(apiId),
+		switchToThread: (apiId, threadId) => {
+			const threads = DevToolsHooks.getApis().get(apiId)?.api.threads;
+			if (!threads || typeof threads !== "function") return;
+			try {
+				const methods = threads();
+				return Promise.resolve(methods.switchToThread?.(threadId)).catch(() => {});
+			} catch {
+				return;
+			}
+		}
+	};
+};
+/** Shared default client used by DevToolsModal and DevToolsPanel. */
+const inProcessClient = createInProcessClient();
+//#endregion
+export { createInProcessClient, inProcessClient };
+
+//# sourceMappingURL=createInProcessClient.js.map

package/dist/data/createInProcessClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInProcessClient.js","names":["DevToolsHooks","projectApi","EMPTY_SNAPSHOT","ApiInfo","DevToolsClient","DevToolsSnapshot","createInProcessClient","snapshot","rebuild","apis","getApis","byId","Map","id","entry","set","apiIds","keys","subscribe","listener","getSnapshot","getServerSnapshot","clearEvents","apiId","clearEventLogs","switchToThread","threadId","get","threads","api","methods","Promise","resolve","catch","inProcessClient"],"sources":["../../src/data/createInProcessClient.ts"],"sourcesContent":["import { DevToolsHooks } from \"@assistant-ui/react\";\nimport { projectApi } from \"./projectApi\";\nimport {\n  EMPTY_SNAPSHOT,\n  type ApiInfo,\n  type DevToolsClient,\n  type DevToolsSnapshot,\n} from \"./types\";\n\n/**\n * The default transport: reads the in-process DevToolsHooks registry and\n * re-projects it on every change.\n *\n * Projection runs inside the subscribe/change callbacks (outside React render)\n * because the scope accessors throw when invoked during a render, and\n * getSnapshot returns the cached result.\n */\nexport const createInProcessClient = (): DevToolsClient => {\n  let snapshot: DevToolsSnapshot = EMPTY_SNAPSHOT;\n\n  const rebuild = () => {\n    const apis = DevToolsHooks.getApis();\n    const byId = new Map<number, ApiInfo>();\n    for (const [id, entry] of apis) {\n      try {\n        byId.set(id, projectApi(id, entry));\n      } catch {\n        // Skip an api that fails to project rather than breaking the panel.\n      }\n    }\n    // apiIds tracks byId so the selector never lists an id without data.\n    snapshot = { apiIds: [...byId.keys()], byId };\n  };\n\n  return {\n    subscribe(listener) {\n      rebuild();\n      return DevToolsHooks.subscribe(() => {\n        rebuild();\n        listener();\n      });\n    },\n    getSnapshot: () => snapshot,\n    getServerSnapshot: () => EMPTY_SNAPSHOT,\n    clearEvents: (apiId) => DevToolsHooks.clearEventLogs(apiId),\n    switchToThread: (apiId, threadId) => {\n      const entry = DevToolsHooks.getApis().get(apiId);\n      const threads = entry?.api.threads;\n      if (!threads || typeof threads !== \"function\") return;\n      try {\n        const methods = threads() as {\n          switchToThread?: (id: string) => void | Promise<void>;\n        };\n        return Promise.resolve(methods.switchToThread?.(threadId)).catch(\n          () => {},\n        );\n      } catch {\n        // The thread scope can throw when the runtime is not ready; ignore.\n        return;\n      }\n    },\n  };\n};\n\n/** Shared default client used by DevToolsModal and DevToolsPanel. */\nexport const inProcessClient = createInProcessClient();\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAaM,8BAA8C;CACzD,IAAIC,WAA6BL;CAEjC,MAAMM,gBAAgB;EACpB,MAAMC,OAAOT,cAAcU,QAAQ;EACnC,MAAMC,uBAAO,IAAIC,IAAqB;EACtC,KAAK,MAAM,CAACC,IAAIC,UAAUL,MACxB,IAAI;GACFE,KAAKI,IAAIF,IAAIZ,WAAWY,IAAIC,KAAK,CAAC;EACpC,QAAQ,CACN;EAIJP,WAAW;GAAES,QAAQ,CAAC,GAAGL,KAAKM,KAAK,CAAC;GAAGN;EAAK;CAC9C;CAEA,OAAO;EACLO,UAAUC,UAAU;GAClBX,QAAQ;GACR,OAAOR,cAAckB,gBAAgB;IACnCV,QAAQ;IACRW,SAAS;GACX,CAAC;EACH;EACAC,mBAAmBb;EACnBc,yBAAyBnB;EACzBoB,cAAcC,UAAUvB,cAAcwB,eAAeD,KAAK;EAC1DE,iBAAiBF,OAAOG,aAAa;GAEnC,MAAME,UADQ5B,cAAcU,QAAQ,CAAC,CAACiB,IAAIJ,KAC1BT,CAAK,EAAEe,IAAID;GAC3B,IAAI,CAACA,WAAW,OAAOA,YAAY,YAAY;GAC/C,IAAI;IACF,MAAME,UAAUF,QAAQ;IAGxB,OAAOG,QAAQC,QAAQF,QAAQL,iBAAiBC,QAAQ,CAAC,CAAC,CAACO,YACnD,CAAC,CACT;GACF,QAAQ;IAEN;GACF;EACF;CACF;AACF;;AAGA,MAAaC,kBAAkB5B,sBAAsB"}

package/dist/data/projectApi.d.ts

@@ -0,0 +1,22 @@
+import { ApiInfo, EventLogEntry } from "./types.js";
+import { AssistantClient } from "@assistant-ui/react";
+
+//#region src/data/projectApi.d.ts
+interface DevToolsApiEntry {
+  api: Partial<AssistantClient>;
+  logs: ReadonlyArray<EventLogEntry>;
+}
+/**
+ * Projects a live DevToolsHooks api entry into the plain, render-ready shape the
+ * views consume. This is the in-process equivalent of the old
+ * DevToolsHost.sendUpdate(): it walks the scope accessors for root-scope state
+ * and the scope graph, normalizes the model context, and redacts credentials.
+ *
+ * `state` and each `log.data` are passed through sanitizeForMessage so the JSON
+ * renderers cannot crash on circular references or non-serializable values;
+ * `log.time` is kept as a Date for the clock formatter.
+ */
+declare const projectApi: (apiId: number, entry: DevToolsApiEntry) => ApiInfo;
+//#endregion
+export { projectApi };
+//# sourceMappingURL=projectApi.d.ts.map

package/dist/data/projectApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectApi.d.ts","names":[],"sources":["../../src/data/projectApi.ts"],"mappings":";;;;UASU,gBAAA;EACR,GAAA,EAAK,OAAA,CAAQ,eAAA;EACb,IAAA,EAAM,aAAA,CAAc,aAAA;AAAA;;;;;;;;;;;cAqGT,UAAA,GAAc,KAAA,UAAe,KAAA,EAAO,gBAAA,KAAmB,OAwDnE"}