@assistant-ui/react-devtools 1.0.6 → 1.2.1

package/dist/DevToolsModal.js

@@ -1,87 +1,142 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
 import { DevToolsFrame } from "./DevToolsFrame.js";
-import { getStyles, ANIMATION_STYLES } from "./styles/DevToolsModal.styles.js";
+import { ANIMATION_STYLES, getStyles } from "./styles/DevToolsModal.styles.js";
+import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { Fragment, jsx, jsxs } 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"));
+	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();
+	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 [isOpen, setIsOpen] = useState(false);
-    const [buttonHover, setButtonHover] = useState(false);
-    const [closeHover, setCloseHover] = useState(false);
-    const darkMode = useSyncExternalStore(subscribeToThemeChanges, isDarkMode, () => false);
-    const styles = useMemo(() => getStyles(darkMode), [darkMode]);
-    useEffect(() => {
-        if (typeof document === "undefined")
-            return;
-        const styleId = "devtools-modal-animations";
-        if (!document.getElementById(styleId)) {
-            const style = document.createElement("style");
-            style.id = styleId;
-            style.textContent = ANIMATION_STYLES;
-            document.head.appendChild(style);
-        }
-        return () => {
-            const style = document.getElementById(styleId);
-            if (style && !document.querySelector("[data-devtools-modal]")) {
-                style.remove();
-            }
-        };
-    }, []);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const handleEscape = (event) => {
-            if (event.key === "Escape") {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener("keydown", handleEscape);
-        return () => document.removeEventListener("keydown", handleEscape);
-    }, [isOpen]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: styles.floatingContainer, children: _jsx("button", { onClick: () => setIsOpen(true), onMouseEnter: () => setButtonHover(true), onMouseLeave: () => setButtonHover(false), style: {
-                        ...styles.floatingButton,
-                        ...(buttonHover ? styles.floatingButtonHover : {}),
-                    }, "aria-label": "Open assistant-ui DevTools", title: "Open assistant-ui DevTools", children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "20px", height: "20px" }, children: _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" }) }) }) }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { style: styles.backdrop, onClick: () => setIsOpen(false) }), _jsxs("div", { style: styles.modal, "data-devtools-modal": true, children: [_jsx("button", { onClick: () => setIsOpen(false), onMouseEnter: () => setCloseHover(true), onMouseLeave: () => setCloseHover(false), style: {
-                                    ...styles.dismissButton,
-                                    ...(closeHover ? styles.dismissButtonHover : {}),
-                                }, "aria-label": "Close DevTools", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M18 6L6 18", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 6L18 18", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" })] }) }), _jsx("div", { style: styles.modalContent, children: _jsx(DevToolsFrame, { style: {
-                                        width: "100%",
-                                        height: "100%",
-                                        border: "none",
-                                        borderRadius: "12px",
-                                        backgroundColor: "transparent",
-                                    } }) })] })] }))] }));
+	const [isOpen, setIsOpen] = useState(false);
+	const [buttonHover, setButtonHover] = useState(false);
+	const [closeHover, setCloseHover] = useState(false);
+	const darkMode = useSyncExternalStore(subscribeToThemeChanges, isDarkMode, () => false);
+	const styles = useMemo(() => getStyles(darkMode), [darkMode]);
+	useEffect(() => {
+		if (typeof document === "undefined") return;
+		const styleId = "devtools-modal-animations";
+		if (!document.getElementById(styleId)) {
+			const style = document.createElement("style");
+			style.id = styleId;
+			style.textContent = ANIMATION_STYLES;
+			document.head.appendChild(style);
+		}
+		return () => {
+			const style = document.getElementById(styleId);
+			if (style && !document.querySelector("[data-devtools-modal]")) style.remove();
+		};
+	}, []);
+	useEffect(() => {
+		if (!isOpen) return;
+		const handleEscape = (event) => {
+			if (event.key === "Escape") setIsOpen(false);
+		};
+		document.addEventListener("keydown", handleEscape);
+		return () => document.removeEventListener("keydown", handleEscape);
+	}, [isOpen]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		style: styles.floatingContainer,
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setIsOpen(true),
+			onMouseEnter: () => setButtonHover(true),
+			onMouseLeave: () => setButtonHover(false),
+			style: {
+				...styles.floatingButton,
+				...buttonHover ? styles.floatingButtonHover : {}
+			},
+			"aria-label": "Open assistant-ui DevTools",
+			title: "Open assistant-ui DevTools",
+			children: /* @__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"
+				})
+			})
+		})
+	}), 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"
+			} })
+		})]
+	})] })] });
 };
-// Export a component that only renders in development
-export const DevToolsModal = () => {
-    // Check if we're in production - most bundlers will replace process.env.NODE_ENV
-    // This allows the entire component to be eliminated via dead code elimination
-    if (typeof process !== "undefined" &&
-        process.env?.["NODE_ENV"] === "production") {
-        return null;
-    }
-    return _jsx(DevToolsModalImpl, {});
+const DevToolsModal = () => {
+	if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return null;
+	return /* @__PURE__ */ jsx(DevToolsModalImpl, {});
 };
+//#endregion
+export { DevToolsModal };
+
 //# sourceMappingURL=DevToolsModal.js.map

package/dist/DevToolsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsModal.js","sourceRoot":"","sources":["../src/DevToolsModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DevToolsModal.js","names":[],"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          {/* biome-ignore lint/a11y/useKeyWithClickEvents: backdrop click is a convenience; keyboard users use the close button */}\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: backdrop overlay */}\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":"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"}

package/dist/ExtensionHost.d.ts

@@ -1,7 +1,10 @@
-export declare class ExtensionHost {
-    private devToolsHost;
-    private messageListener;
-    constructor();
-    destroy(): void;
+//#region src/ExtensionHost.d.ts
+declare class ExtensionHost {
+  private devToolsHost;
+  private messageListener;
+  constructor();
+  destroy(): void;
 }
+//#endregion
+export { ExtensionHost };
 //# sourceMappingURL=ExtensionHost.d.ts.map

package/dist/ExtensionHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionHost.d.ts","sourceRoot":"","sources":["../src/ExtensionHost.ts"],"names":[],"mappings":"AAEA,qBAAa,aAAa;IACxB,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,eAAe,CAAgC;;IAgDvD,OAAO;CAIR"}
+{"version":3,"file":"ExtensionHost.d.ts","names":[],"sources":["../src/ExtensionHost.ts"],"mappings":";cAEa,aAAA;EAAA,QACH,YAAA;EAAA,QACA,eAAA;;EAgDR,OAAA,CAAA;AAAA"}

package/dist/ExtensionHost.js

@@ -1,46 +1,42 @@
 import { DevToolsHost } from "./DevToolsHost.js";
-export class ExtensionHost {
-    devToolsHost;
-    messageListener;
-    constructor() {
-        // Create DevToolsHost with callback to send messages through extension
-        this.devToolsHost = new DevToolsHost((message) => {
-            console.log("[ExtensionHost] Sending message to iframe:", message);
-            window.postMessage({
-                source: "assistant-ui-devtools-page",
-                payload: message,
-            }, "*");
-        });
-        // Setup listener to forward messages from extension to DevToolsHost
-        this.messageListener = (event) => {
-            if (event.source !== window)
-                return;
-            // Log ALL messages to see what's coming through
-            if (event.data.source === "assistant-ui-devtools-iframe") {
-                console.log("[ExtensionHost] Received message from iframe:", {
-                    source: event.data.source,
-                    payload: event.data.payload,
-                    fullData: event.data,
-                });
-                this.devToolsHost.onReceiveMessage(event.data.payload);
-            }
-        };
-        window.addEventListener("message", this.messageListener);
-        // Announce that a new host has connected
-        // This tells the iframe to re-send its subscription
-        setTimeout(() => {
-            console.log("[ExtensionHost] Announcing connection to iframe");
-            window.postMessage({
-                source: "assistant-ui-devtools-page",
-                payload: {
-                    type: "host-connected",
-                },
-            }, "*");
-        }, 100);
-    }
-    destroy() {
-        window.removeEventListener("message", this.messageListener);
-        this.devToolsHost.destroy();
-    }
-}
+//#region src/ExtensionHost.ts
+var ExtensionHost = class {
+	devToolsHost;
+	messageListener;
+	constructor() {
+		this.devToolsHost = new DevToolsHost((message) => {
+			console.log("[ExtensionHost] Sending message to iframe:", message);
+			window.postMessage({
+				source: "assistant-ui-devtools-page",
+				payload: message
+			}, "*");
+		});
+		this.messageListener = (event) => {
+			if (event.source !== window) return;
+			if (event.data.source === "assistant-ui-devtools-iframe") {
+				console.log("[ExtensionHost] Received message from iframe:", {
+					source: event.data.source,
+					payload: event.data.payload,
+					fullData: event.data
+				});
+				this.devToolsHost.onReceiveMessage(event.data.payload);
+			}
+		};
+		window.addEventListener("message", this.messageListener);
+		setTimeout(() => {
+			console.log("[ExtensionHost] Announcing connection to iframe");
+			window.postMessage({
+				source: "assistant-ui-devtools-page",
+				payload: { type: "host-connected" }
+			}, "*");
+		}, 100);
+	}
+	destroy() {
+		window.removeEventListener("message", this.messageListener);
+		this.devToolsHost.destroy();
+	}
+};
+//#endregion
+export { ExtensionHost };
+
 //# sourceMappingURL=ExtensionHost.js.map

package/dist/ExtensionHost.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionHost.js","sourceRoot":"","sources":["../src/ExtensionHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,MAAM,OAAO,aAAa;IAChB,YAAY,CAAe;IAC3B,eAAe,CAAgC;IAEvD;QACE,uEAAuE;QACvE,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE;YAC/C,OAAO,CAAC,GAAG,CAAC,4CAA4C,EAAE,OAAO,CAAC,CAAC;YACnE,MAAM,CAAC,WAAW,CAChB;gBACE,MAAM,EAAE,4BAA4B;gBACpC,OAAO,EAAE,OAAO;aACjB,EACD,GAAG,CACJ,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,oEAAoE;QACpE,IAAI,CAAC,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM;gBAAE,OAAO;YAEpC,gDAAgD;YAChD,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,8BAA8B,EAAE,CAAC;gBACzD,OAAO,CAAC,GAAG,CAAC,+CAA+C,EAAE;oBAC3D,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;oBACzB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;oBAC3B,QAAQ,EAAE,KAAK,CAAC,IAAI;iBACrB,CAAC,CAAC;gBACH,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAEzD,yCAAyC;QACzC,oDAAoD;QACpD,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAC;YAC/D,MAAM,CAAC,WAAW,CAChB;gBACE,MAAM,EAAE,4BAA4B;gBACpC,OAAO,EAAE;oBACP,IAAI,EAAE,gBAAgB;iBACvB;aACF,EACD,GAAG,CACJ,CAAC;QACJ,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,OAAO;QACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5D,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;IAC9B,CAAC;CACF"}
+{"version":3,"file":"ExtensionHost.js","names":[],"sources":["../src/ExtensionHost.ts"],"sourcesContent":["import { DevToolsHost } from \"./DevToolsHost\";\n\nexport class ExtensionHost {\n  private devToolsHost: DevToolsHost;\n  private messageListener: (event: MessageEvent) => void;\n\n  constructor() {\n    // Create DevToolsHost with callback to send messages through extension\n    this.devToolsHost = new DevToolsHost((message) => {\n      console.log(\"[ExtensionHost] Sending message to iframe:\", message);\n      window.postMessage(\n        {\n          source: \"assistant-ui-devtools-page\",\n          payload: message,\n        },\n        \"*\",\n      );\n    });\n\n    // Setup listener to forward messages from extension to DevToolsHost\n    this.messageListener = (event: MessageEvent) => {\n      if (event.source !== window) return;\n\n      // Log ALL messages to see what's coming through\n      if (event.data.source === \"assistant-ui-devtools-iframe\") {\n        console.log(\"[ExtensionHost] Received message from iframe:\", {\n          source: event.data.source,\n          payload: event.data.payload,\n          fullData: event.data,\n        });\n        this.devToolsHost.onReceiveMessage(event.data.payload);\n      }\n    };\n\n    window.addEventListener(\"message\", this.messageListener);\n\n    // Announce that a new host has connected\n    // This tells the iframe to re-send its subscription\n    setTimeout(() => {\n      console.log(\"[ExtensionHost] Announcing connection to iframe\");\n      window.postMessage(\n        {\n          source: \"assistant-ui-devtools-page\",\n          payload: {\n            type: \"host-connected\",\n          },\n        },\n        \"*\",\n      );\n    }, 100);\n  }\n\n  destroy() {\n    window.removeEventListener(\"message\", this.messageListener);\n    this.devToolsHost.destroy();\n  }\n}\n"],"mappings":";;AAEA,IAAa,gBAAb,MAA2B;CACzB;CACA;CAEA,cAAc;EAEZ,KAAK,eAAe,IAAI,cAAc,YAAY;GAChD,QAAQ,IAAI,8CAA8C,OAAO;GACjE,OAAO,YACL;IACE,QAAQ;IACR,SAAS;GACX,GACA,GACF;EACF,CAAC;EAGD,KAAK,mBAAmB,UAAwB;GAC9C,IAAI,MAAM,WAAW,QAAQ;GAG7B,IAAI,MAAM,KAAK,WAAW,gCAAgC;IACxD,QAAQ,IAAI,iDAAiD;KAC3D,QAAQ,MAAM,KAAK;KACnB,SAAS,MAAM,KAAK;KACpB,UAAU,MAAM;IAClB,CAAC;IACD,KAAK,aAAa,iBAAiB,MAAM,KAAK,OAAO;GACvD;EACF;EAEA,OAAO,iBAAiB,WAAW,KAAK,eAAe;EAIvD,iBAAiB;GACf,QAAQ,IAAI,iDAAiD;GAC7D,OAAO,YACL;IACE,QAAQ;IACR,SAAS,EACP,MAAM,iBACR;GACF,GACA,GACF;EACF,GAAG,GAAG;CACR;CAEA,UAAU;EACR,OAAO,oBAAoB,WAAW,KAAK,eAAe;EAC1D,KAAK,aAAa,QAAQ;CAC5B;AACF"}

package/dist/FrameClient.d.ts

@@ -1,35 +1,37 @@
+//#region src/FrameClient.d.ts
 interface ApiData {
-    apiId: number;
-    state: any;
-    events: any[];
-    context?: any;
+  apiId: number;
+  state: any;
+  events: any[];
+  context?: any;
 }
 type UpdateListener = (data: {
+  apiList?: Array<{
+    apiId: number;
+  }>;
+  apis?: ApiData[];
+}) => void;
+declare class FrameClient {
+  private listeners;
+  private connectionListeners;
+  private lastUpdate;
+  constructor();
+  private setupMessageListener;
+  onHostConnected(listener: () => void): () => void;
+  subscribe(listener: UpdateListener): () => void;
+  setSubscription(options: {
+    apiList?: boolean;
+    apis?: number[];
+  }): void;
+  clearEvents(apiId: number): void;
+  private notifyListeners;
+  getLastUpdate(): {
     apiList?: Array<{
-        apiId: number;
+      apiId: number;
     }>;
     apis?: ApiData[];
-}) => void;
-export declare class FrameClient {
-    private listeners;
-    private connectionListeners;
-    private lastUpdate;
-    constructor();
-    private setupMessageListener;
-    onHostConnected(listener: () => void): () => void;
-    subscribe(listener: UpdateListener): () => void;
-    setSubscription(options: {
-        apiList?: boolean;
-        apis?: number[];
-    }): void;
-    clearEvents(apiId: number): void;
-    private notifyListeners;
-    getLastUpdate(): {
-        apiList?: Array<{
-            apiId: number;
-        }>;
-        apis?: ApiData[];
-    };
+  };
 }
-export {};
+//#endregion
+export { FrameClient };
 //# sourceMappingURL=FrameClient.d.ts.map

package/dist/FrameClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameClient.d.ts","sourceRoot":"","sources":["../src/FrameClient.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAcD,KAAK,cAAc,GAAG,CAAC,IAAI,EAAE;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB,KAAK,IAAI,CAAC;AAEX,qBAAa,WAAW;IACtB,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,mBAAmB,CAAyB;IACpD,OAAO,CAAC,UAAU,CAGX;;IAMP,OAAO,CAAC,oBAAoB;IAc5B,eAAe,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAOjD,SAAS,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,IAAI;IAa/C,eAAe,CAAC,OAAO,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE;IAU/D,WAAW,CAAC,KAAK,EAAE,MAAM;IAUzB,OAAO,CAAC,eAAe;IAIvB,aAAa;kBAlED,KAAK,CAAC;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;eAC3B,OAAO,EAAE;;CAoEnB"}
+{"version":3,"file":"FrameClient.d.ts","names":[],"sources":["../src/FrameClient.ts"],"mappings":";UAAU,OAAA;EACR,KAAA;EACA,KAAA;EACA,MAAA;EACA,OAAA;AAAA;AAAA,KAeG,cAAA,IAAkB,IAAA;EACrB,OAAA,GAAU,KAAA;IAAQ,KAAA;EAAA;EAClB,IAAA,GAAO,OAAO;AAAA;AAAA,cAGH,WAAA;EAAA,QACH,SAAA;EAAA,QACA,mBAAA;EAAA,QACA,UAAA;;UASA,oBAAA;EAeR,eAAA,CAAgB,QAAA;EAOhB,SAAA,CAAU,QAAA,EAAU,cAAA;EAapB,eAAA,CAAgB,OAAA;IAAW,OAAA;IAAmB,IAAA;EAAA;EAU9C,WAAA,CAAY,KAAA;EAAA,QAUJ,eAAA;EAKR,aAAA,CAAA;cApEY,KAAA;MAAQ,KAAA;IAAA;WACX,OAAA;EAAA;AAAA"}

package/dist/FrameClient.js

@@ -1,56 +1,53 @@
-export class FrameClient {
-    listeners = new Set();
-    connectionListeners = new Set();
-    lastUpdate = {};
-    constructor() {
-        this.setupMessageListener();
-    }
-    setupMessageListener() {
-        window.addEventListener("message", (event) => {
-            const message = event.data;
-            if (message.type === "update") {
-                this.lastUpdate = message.data;
-                this.notifyListeners(message.data);
-            }
-            else if (message.type === "host-connected") {
-                // Host has reconnected (page refresh), notify listeners to re-subscribe
-                this.connectionListeners.forEach((listener) => listener());
-            }
-        });
-    }
-    onHostConnected(listener) {
-        this.connectionListeners.add(listener);
-        return () => {
-            this.connectionListeners.delete(listener);
-        };
-    }
-    subscribe(listener) {
-        this.listeners.add(listener);
-        // Send the last update to the new listener
-        if (this.lastUpdate.apiList || this.lastUpdate.apis) {
-            listener(this.lastUpdate);
-        }
-        return () => {
-            this.listeners.delete(listener);
-        };
-    }
-    setSubscription(options) {
-        window.parent.postMessage({
-            type: "subscription",
-            data: options,
-        }, "*");
-    }
-    clearEvents(apiId) {
-        window.parent.postMessage({
-            type: "clearEvents",
-            data: { apiId },
-        }, "*");
-    }
-    notifyListeners(data) {
-        this.listeners.forEach((listener) => listener(data));
-    }
-    getLastUpdate() {
-        return this.lastUpdate;
-    }
-}
+//#region src/FrameClient.ts
+var FrameClient = class {
+	listeners = /* @__PURE__ */ new Set();
+	connectionListeners = /* @__PURE__ */ new Set();
+	lastUpdate = {};
+	constructor() {
+		this.setupMessageListener();
+	}
+	setupMessageListener() {
+		window.addEventListener("message", (event) => {
+			const message = event.data;
+			if (message.type === "update") {
+				this.lastUpdate = message.data;
+				this.notifyListeners(message.data);
+			} else if (message.type === "host-connected") this.connectionListeners.forEach((listener) => listener());
+		});
+	}
+	onHostConnected(listener) {
+		this.connectionListeners.add(listener);
+		return () => {
+			this.connectionListeners.delete(listener);
+		};
+	}
+	subscribe(listener) {
+		this.listeners.add(listener);
+		if (this.lastUpdate.apiList || this.lastUpdate.apis) listener(this.lastUpdate);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	setSubscription(options) {
+		window.parent.postMessage({
+			type: "subscription",
+			data: options
+		}, "*");
+	}
+	clearEvents(apiId) {
+		window.parent.postMessage({
+			type: "clearEvents",
+			data: { apiId }
+		}, "*");
+	}
+	notifyListeners(data) {
+		this.listeners.forEach((listener) => listener(data));
+	}
+	getLastUpdate() {
+		return this.lastUpdate;
+	}
+};
+//#endregion
+export { FrameClient };
+
 //# sourceMappingURL=FrameClient.js.map

package/dist/FrameClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameClient.js","sourceRoot":"","sources":["../src/FrameClient.ts"],"names":[],"mappings":"AAwBA,MAAM,OAAO,WAAW;IACd,SAAS,GAAG,IAAI,GAAG,EAAkB,CAAC;IACtC,mBAAmB,GAAG,IAAI,GAAG,EAAc,CAAC;IAC5C,UAAU,GAGd,EAAE,CAAC;IAEP;QACE,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEO,oBAAoB;QAC1B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,IAA4C,CAAC;YAEnE,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC9B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;gBAC/B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;iBAAM,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;gBAC7C,wEAAwE;gBACxE,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,QAAoB;QAClC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACvC,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC,CAAC;IACJ,CAAC;IAED,SAAS,CAAC,QAAwB;QAChC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE7B,2CAA2C;QAC3C,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YACpD,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,OAA+C;QAC7D,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;YACE,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,OAAO;SACd,EACD,GAAG,CACJ,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,EAAE,KAAK,EAAE;SAChB,EACD,GAAG,CACJ,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,IAA2B;QACjD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;CACF"}
+{"version":3,"file":"FrameClient.js","names":[],"sources":["../src/FrameClient.ts"],"sourcesContent":["interface ApiData {\n  apiId: number;\n  state: any;\n  events: any[];\n  context?: any;\n}\n\ninterface UpdateMessage {\n  type: \"update\";\n  data: {\n    apiList?: Array<{ apiId: number }>;\n    apis?: ApiData[];\n  };\n}\n\ninterface HostConnectedMessage {\n  type: \"host-connected\";\n}\n\ntype UpdateListener = (data: {\n  apiList?: Array<{ apiId: number }>;\n  apis?: ApiData[];\n}) => void;\n\nexport class FrameClient {\n  private listeners = new Set<UpdateListener>();\n  private connectionListeners = new Set<() => void>();\n  private lastUpdate: {\n    apiList?: Array<{ apiId: number }>;\n    apis?: ApiData[];\n  } = {};\n\n  constructor() {\n    this.setupMessageListener();\n  }\n\n  private setupMessageListener() {\n    window.addEventListener(\"message\", (event) => {\n      const message = event.data as UpdateMessage | HostConnectedMessage;\n\n      if (message.type === \"update\") {\n        this.lastUpdate = message.data;\n        this.notifyListeners(message.data);\n      } else if (message.type === \"host-connected\") {\n        // Host has reconnected (page refresh), notify listeners to re-subscribe\n        // biome-ignore lint/suspicious/useIterableCallbackReturn: forEach callback intentionally has no return\n        this.connectionListeners.forEach((listener) => listener());\n      }\n    });\n  }\n\n  onHostConnected(listener: () => void): () => void {\n    this.connectionListeners.add(listener);\n    return () => {\n      this.connectionListeners.delete(listener);\n    };\n  }\n\n  subscribe(listener: UpdateListener): () => void {\n    this.listeners.add(listener);\n\n    // Send the last update to the new listener\n    if (this.lastUpdate.apiList || this.lastUpdate.apis) {\n      listener(this.lastUpdate);\n    }\n\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  setSubscription(options: { apiList?: boolean; apis?: number[] }) {\n    window.parent.postMessage(\n      {\n        type: \"subscription\",\n        data: options,\n      },\n      \"*\",\n    );\n  }\n\n  clearEvents(apiId: number) {\n    window.parent.postMessage(\n      {\n        type: \"clearEvents\",\n        data: { apiId },\n      },\n      \"*\",\n    );\n  }\n\n  private notifyListeners(data: UpdateMessage[\"data\"]) {\n    // biome-ignore lint/suspicious/useIterableCallbackReturn: forEach callback intentionally has no return\n    this.listeners.forEach((listener) => listener(data));\n  }\n\n  getLastUpdate() {\n    return this.lastUpdate;\n  }\n}\n"],"mappings":";AAwBA,IAAa,cAAb,MAAyB;CACvB,4BAAoB,IAAI,IAAoB;CAC5C,sCAA8B,IAAI,IAAgB;CAClD,aAGI,CAAC;CAEL,cAAc;EACZ,KAAK,qBAAqB;CAC5B;CAEA,uBAA+B;EAC7B,OAAO,iBAAiB,YAAY,UAAU;GAC5C,MAAM,UAAU,MAAM;GAEtB,IAAI,QAAQ,SAAS,UAAU;IAC7B,KAAK,aAAa,QAAQ;IAC1B,KAAK,gBAAgB,QAAQ,IAAI;GACnC,OAAO,IAAI,QAAQ,SAAS,kBAG1B,KAAK,oBAAoB,SAAS,aAAa,SAAS,CAAC;EAE7D,CAAC;CACH;CAEA,gBAAgB,UAAkC;EAChD,KAAK,oBAAoB,IAAI,QAAQ;EACrC,aAAa;GACX,KAAK,oBAAoB,OAAO,QAAQ;EAC1C;CACF;CAEA,UAAU,UAAsC;EAC9C,KAAK,UAAU,IAAI,QAAQ;EAG3B,IAAI,KAAK,WAAW,WAAW,KAAK,WAAW,MAC7C,SAAS,KAAK,UAAU;EAG1B,aAAa;GACX,KAAK,UAAU,OAAO,QAAQ;EAChC;CACF;CAEA,gBAAgB,SAAiD;EAC/D,OAAO,OAAO,YACZ;GACE,MAAM;GACN,MAAM;EACR,GACA,GACF;CACF;CAEA,YAAY,OAAe;EACzB,OAAO,OAAO,YACZ;GACE,MAAM;GACN,MAAM,EAAE,MAAM;EAChB,GACA,GACF;CACF;CAEA,gBAAwB,MAA6B;EAEnD,KAAK,UAAU,SAAS,aAAa,SAAS,IAAI,CAAC;CACrD;CAEA,gBAAgB;EACd,OAAO,KAAK;CACd;AACF"}

package/dist/FrameHost.d.ts

@@ -1,8 +1,11 @@
-export declare class FrameHost {
-    private frame;
-    private devToolsHost;
-    private messageListener;
-    constructor(frame: HTMLIFrameElement);
-    destroy(): void;
+//#region src/FrameHost.d.ts
+declare class FrameHost {
+  private frame;
+  private devToolsHost;
+  private messageListener;
+  constructor(frame: HTMLIFrameElement);
+  destroy(): void;
 }
+//#endregion
+export { FrameHost };
 //# sourceMappingURL=FrameHost.d.ts.map