@assistant-ui/react-devtools 1.0.6 → 1.2.1

package/dist/FrameHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameHost.d.ts","sourceRoot":"","sources":["../src/FrameHost.ts"],"names":[],"mappings":"AAEA,qBAAa,SAAS;IACpB,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,eAAe,CAAgC;gBAE3C,KAAK,EAAE,iBAAiB;IAmBpC,OAAO;CAIR"}
+{"version":3,"file":"FrameHost.d.ts","names":[],"sources":["../src/FrameHost.ts"],"mappings":";cAEa,SAAA;EAAA,QACH,KAAA;EAAA,QACA,YAAA;EAAA,QACA,eAAA;cAEI,KAAA,EAAO,iBAAiB;EAmBpC,OAAA,CAAA;AAAA"}

package/dist/FrameHost.js

@@ -1,27 +1,26 @@
 import { DevToolsHost } from "./DevToolsHost.js";
-export class FrameHost {
-    frame;
-    devToolsHost;
-    messageListener;
-    constructor(frame) {
-        this.frame = frame;
-        // Create DevToolsHost with callback to send messages to iframe
-        this.devToolsHost = new DevToolsHost((message) => {
-            if (this.frame.contentWindow) {
-                this.frame.contentWindow.postMessage(message, "*");
-            }
-        });
-        // Setup listener to forward messages from iframe to DevToolsHost
-        this.messageListener = (event) => {
-            if (event.source !== this.frame.contentWindow)
-                return;
-            this.devToolsHost.onReceiveMessage(event.data);
-        };
-        window.addEventListener("message", this.messageListener);
-    }
-    destroy() {
-        window.removeEventListener("message", this.messageListener);
-        this.devToolsHost.destroy();
-    }
-}
+//#region src/FrameHost.ts
+var FrameHost = class {
+	frame;
+	devToolsHost;
+	messageListener;
+	constructor(frame) {
+		this.frame = frame;
+		this.devToolsHost = new DevToolsHost((message) => {
+			if (this.frame.contentWindow) this.frame.contentWindow.postMessage(message, "*");
+		});
+		this.messageListener = (event) => {
+			if (event.source !== this.frame.contentWindow) return;
+			this.devToolsHost.onReceiveMessage(event.data);
+		};
+		window.addEventListener("message", this.messageListener);
+	}
+	destroy() {
+		window.removeEventListener("message", this.messageListener);
+		this.devToolsHost.destroy();
+	}
+};
+//#endregion
+export { FrameHost };
+
 //# sourceMappingURL=FrameHost.js.map

package/dist/FrameHost.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameHost.js","sourceRoot":"","sources":["../src/FrameHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,MAAM,OAAO,SAAS;IACZ,KAAK,CAAoB;IACzB,YAAY,CAAe;IAC3B,eAAe,CAAgC;IAEvD,YAAY,KAAwB;QAClC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,+DAA+D;QAC/D,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE;YAC/C,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;gBAC7B,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YACrD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,iEAAiE;QACjE,IAAI,CAAC,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa;gBAAE,OAAO;YACtD,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3D,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":"FrameHost.js","names":[],"sources":["../src/FrameHost.ts"],"sourcesContent":["import { DevToolsHost } from \"./DevToolsHost\";\n\nexport class FrameHost {\n  private frame: HTMLIFrameElement;\n  private devToolsHost: DevToolsHost;\n  private messageListener: (event: MessageEvent) => void;\n\n  constructor(frame: HTMLIFrameElement) {\n    this.frame = frame;\n\n    // Create DevToolsHost with callback to send messages to iframe\n    this.devToolsHost = new DevToolsHost((message) => {\n      if (this.frame.contentWindow) {\n        this.frame.contentWindow.postMessage(message, \"*\");\n      }\n    });\n\n    // Setup listener to forward messages from iframe to DevToolsHost\n    this.messageListener = (event: MessageEvent) => {\n      if (event.source !== this.frame.contentWindow) return;\n      this.devToolsHost.onReceiveMessage(event.data);\n    };\n\n    window.addEventListener(\"message\", this.messageListener);\n  }\n\n  destroy() {\n    window.removeEventListener(\"message\", this.messageListener);\n    this.devToolsHost.destroy();\n  }\n}\n"],"mappings":";;AAEA,IAAa,YAAb,MAAuB;CACrB;CACA;CACA;CAEA,YAAY,OAA0B;EACpC,KAAK,QAAQ;EAGb,KAAK,eAAe,IAAI,cAAc,YAAY;GAChD,IAAI,KAAK,MAAM,eACb,KAAK,MAAM,cAAc,YAAY,SAAS,GAAG;EAErD,CAAC;EAGD,KAAK,mBAAmB,UAAwB;GAC9C,IAAI,MAAM,WAAW,KAAK,MAAM,eAAe;GAC/C,KAAK,aAAa,iBAAiB,MAAM,IAAI;EAC/C;EAEA,OAAO,iBAAiB,WAAW,KAAK,eAAe;CACzD;CAEA,UAAU;EACR,OAAO,oBAAoB,WAAW,KAAK,eAAe;EAC1D,KAAK,aAAa,QAAQ;CAC5B;AACF"}

package/dist/constants.d.ts

@@ -1,3 +1,6 @@
-export declare const DEFAULT_FRAME_URL = "https://devtools-frame.assistant-ui.com";
-export declare const LOCAL_FRAME_URL = "http://localhost:3010";
+//#region src/constants.d.ts
+declare const DEFAULT_FRAME_URL = "https://devtools-frame.assistant-ui.com";
+declare const LOCAL_FRAME_URL = "http://localhost:3010";
+//#endregion
+export { DEFAULT_FRAME_URL, LOCAL_FRAME_URL };
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,4CAA4C,CAAC;AAC3E,eAAO,MAAM,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../src/constants.ts"],"mappings":";cAAa,iBAAA;AAAA,cACA,eAAA"}

package/dist/constants.js

@@ -1,3 +1,7 @@
-export const DEFAULT_FRAME_URL = "https://devtools-frame.assistant-ui.com";
-export const LOCAL_FRAME_URL = "http://localhost:3010";
+//#region src/constants.ts
+const DEFAULT_FRAME_URL = "https://devtools-frame.assistant-ui.com";
+const LOCAL_FRAME_URL = "http://localhost:3010";
+//#endregion
+export { DEFAULT_FRAME_URL, LOCAL_FRAME_URL };
+
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,yCAAyC,CAAC;AAC3E,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.ts"],"sourcesContent":["export const DEFAULT_FRAME_URL = \"https://devtools-frame.assistant-ui.com\";\nexport const LOCAL_FRAME_URL = \"http://localhost:3010\";\n"],"mappings":";AAAA,MAAa,oBAAoB;AACjC,MAAa,kBAAkB"}

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export { DevToolsModal } from "./DevToolsModal.js";
-export { DevToolsFrame } from "./DevToolsFrame.js";
-export { FrameHost } from "./FrameHost.js";
-export { DevToolsHost } from "./DevToolsHost.js";
-export { ExtensionHost } from "./ExtensionHost.js";
-export { FrameClient } from "./FrameClient.js";
-export { normalizeToolList, type NormalizedTool, } from "./utils/toolNormalization.js";
-export { sanitizeForMessage, serializeModelContext, } from "./utils/serialization.js";
-export type { SerializedModelContext, TabType, ViewMode } from "./types.js";
-export * from "./constants.js";
-//# sourceMappingURL=index.d.ts.map
+import { DevToolsFrame } from "./DevToolsFrame.js";
+import { DevToolsHost } from "./DevToolsHost.js";
+import { DevToolsModal } from "./DevToolsModal.js";
+import { ExtensionHost } from "./ExtensionHost.js";
+import { FrameClient } from "./FrameClient.js";
+import { FrameHost } from "./FrameHost.js";
+import { DEFAULT_FRAME_URL, LOCAL_FRAME_URL } from "./constants.js";
+import { NormalizedTool, normalizeToolList } from "./utils/toolNormalization.js";
+import { SerializedModelContext, TabType, ViewMode } from "./types.js";
+import { sanitizeForMessage, serializeModelContext } from "./utils/serialization.js";
+export { DEFAULT_FRAME_URL, DevToolsFrame, DevToolsHost, DevToolsModal, ExtensionHost, FrameClient, FrameHost, LOCAL_FRAME_URL, type NormalizedTool, type SerializedModelContext, type TabType, type ViewMode, normalizeToolList, sanitizeForMessage, serializeModelContext };

package/dist/index.js

@@ -1,10 +1,10 @@
-export { DevToolsModal } from "./DevToolsModal.js";
-export { DevToolsFrame } from "./DevToolsFrame.js";
-export { FrameHost } from "./FrameHost.js";
-export { DevToolsHost } from "./DevToolsHost.js";
-export { ExtensionHost } from "./ExtensionHost.js";
-export { FrameClient } from "./FrameClient.js";
-export { normalizeToolList, } from "./utils/toolNormalization.js";
-export { sanitizeForMessage, serializeModelContext, } from "./utils/serialization.js";
-export * from "./constants.js";
-//# sourceMappingURL=index.js.map
+import { normalizeToolList } from "./utils/toolNormalization.js";
+import { sanitizeForMessage, serializeModelContext } from "./utils/serialization.js";
+import { DevToolsHost } from "./DevToolsHost.js";
+import { FrameHost } from "./FrameHost.js";
+import { DEFAULT_FRAME_URL, LOCAL_FRAME_URL } from "./constants.js";
+import { DevToolsFrame } from "./DevToolsFrame.js";
+import { DevToolsModal } from "./DevToolsModal.js";
+import { ExtensionHost } from "./ExtensionHost.js";
+import { FrameClient } from "./FrameClient.js";
+export { DEFAULT_FRAME_URL, DevToolsFrame, DevToolsHost, DevToolsModal, ExtensionHost, FrameClient, FrameHost, LOCAL_FRAME_URL, normalizeToolList, sanitizeForMessage, serializeModelContext };

package/dist/styles/DevToolsModal.styles.d.ts

@@ -1,14 +1,18 @@
-import type { CSSProperties } from "react";
-export interface DevToolsModalStyles {
-    floatingContainer: CSSProperties;
-    floatingButton: CSSProperties;
-    floatingButtonHover: CSSProperties;
-    backdrop: CSSProperties;
-    modal: CSSProperties;
-    dismissButton: CSSProperties;
-    dismissButtonHover: CSSProperties;
-    modalContent: CSSProperties;
+import { CSSProperties } from "react";
+
+//#region src/styles/DevToolsModal.styles.d.ts
+interface DevToolsModalStyles {
+  floatingContainer: CSSProperties;
+  floatingButton: CSSProperties;
+  floatingButtonHover: CSSProperties;
+  backdrop: CSSProperties;
+  modal: CSSProperties;
+  dismissButton: CSSProperties;
+  dismissButtonHover: CSSProperties;
+  modalContent: CSSProperties;
 }
-export declare const getStyles: (darkMode: boolean) => DevToolsModalStyles;
-export declare const ANIMATION_STYLES = "\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  @keyframes slideIn {\n    from {\n      opacity: 0;\n      transform: translate(-50%, -48%) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1);\n    }\n  }\n";
+declare const getStyles: (darkMode: boolean) => DevToolsModalStyles;
+declare const ANIMATION_STYLES = "\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  @keyframes slideIn {\n    from {\n      opacity: 0;\n      transform: translate(-50%, -48%) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1);\n    }\n  }\n";
+//#endregion
+export { ANIMATION_STYLES, DevToolsModalStyles, getStyles };
 //# sourceMappingURL=DevToolsModal.styles.d.ts.map

package/dist/styles/DevToolsModal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsModal.styles.d.ts","sourceRoot":"","sources":["../../src/styles/DevToolsModal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,aAAa,CAAC;IACjC,cAAc,EAAE,aAAa,CAAC;IAC9B,mBAAmB,EAAE,aAAa,CAAC;IACnC,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE,aAAa,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC;CAC7B;AA2BD,eAAO,MAAM,SAAS,GAAI,UAAU,OAAO,KAAG,mBAiF7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,mSAe5B,CAAC"}
+{"version":3,"file":"DevToolsModal.styles.d.ts","names":[],"sources":["../../src/styles/DevToolsModal.styles.ts"],"mappings":";;;UAEiB,mBAAA;EACf,iBAAA,EAAmB,aAAA;EACnB,cAAA,EAAgB,aAAA;EAChB,mBAAA,EAAqB,aAAA;EACrB,QAAA,EAAU,aAAA;EACV,KAAA,EAAO,aAAA;EACP,aAAA,EAAe,aAAA;EACf,kBAAA,EAAoB,aAAA;EACpB,YAAA,EAAc,aAAA;AAAA;AAAA,cA4BH,SAAA,GAAa,QAAA,cAAoB,mBAiF7C;AAAA,cAEY,gBAAA"}

package/dist/styles/DevToolsModal.styles.js

@@ -1,109 +1,104 @@
+//#region src/styles/DevToolsModal.styles.ts
 const COLORS = {
-    light: {
-        primary: "#2563EB",
-        background: "#f8fafc",
-        surface: "#ffffff",
-        text: "#111827",
-        textLight: "#6b7280",
-        border: "rgba(148, 163, 184, 0.35)",
-        shadow: "rgba(37, 99, 235, 0.35)",
-        buttonText: "#f9fafb",
-        hoverBg: "rgba(148, 163, 184, 0.18)",
-    },
-    dark: {
-        primary: "#111827",
-        background: "#09090b",
-        surface: "#09090b",
-        text: "#e5e7eb",
-        textLight: "#9ca3af",
-        border: "rgba(63, 63, 70, 0.6)",
-        shadow: "rgba(0, 0, 0, 0.55)",
-        buttonText: "#e5e7eb",
-        hoverBg: "rgba(148, 163, 184, 0.12)",
-    },
+	light: {
+		primary: "#2563EB",
+		background: "#f8fafc",
+		surface: "#ffffff",
+		text: "#111827",
+		textLight: "#6b7280",
+		border: "rgba(148, 163, 184, 0.35)",
+		shadow: "rgba(37, 99, 235, 0.35)",
+		buttonText: "#f9fafb",
+		hoverBg: "rgba(148, 163, 184, 0.18)"
+	},
+	dark: {
+		primary: "#111827",
+		background: "#09090b",
+		surface: "#09090b",
+		text: "#e5e7eb",
+		textLight: "#9ca3af",
+		border: "rgba(63, 63, 70, 0.6)",
+		shadow: "rgba(0, 0, 0, 0.55)",
+		buttonText: "#e5e7eb",
+		hoverBg: "rgba(148, 163, 184, 0.12)"
+	}
 };
-export const getStyles = (darkMode) => {
-    const theme = darkMode ? COLORS.dark : COLORS.light;
-    return {
-        floatingContainer: {
-            position: "fixed",
-            bottom: "24px",
-            right: "24px",
-            zIndex: 2147483647,
-        },
-        floatingButton: {
-            width: "42px",
-            height: "42px",
-            borderRadius: "9999px",
-            border: "none",
-            background: theme.primary,
-            color: theme.buttonText,
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            boxShadow: darkMode
-                ? `0 10px 40px ${COLORS.dark.shadow}`
-                : `0 10px 40px ${COLORS.light.shadow}`,
-            transition: "transform 0.2s ease, box-shadow 0.2s ease",
-        },
-        floatingButtonHover: {
-            transform: "translateY(-2px)",
-            boxShadow: darkMode
-                ? "0 16px 50px rgba(17, 24, 39, 0.55)"
-                : "0 16px 50px rgba(37, 99, 235, 0.45)",
-        },
-        backdrop: {
-            position: "fixed",
-            inset: 0,
-            background: "rgba(15, 23, 42, 0.45)",
-            backdropFilter: "blur(6px)",
-            animation: "fadeIn 0.12s ease",
-            zIndex: 2147483646,
-        },
-        modal: {
-            position: "fixed",
-            top: "50%",
-            left: "50%",
-            transform: "translate(-50%, -50%)",
-            width: "min(960px, 90vw)",
-            height: "min(720px, 85vh)",
-            background: theme.background,
-            borderRadius: "16px",
-            border: `1px solid ${theme.border}`,
-            boxShadow: darkMode
-                ? "0 32px 120px rgba(0, 0, 0, 0.55)"
-                : "0 32px 120px rgba(15, 23, 42, 0.35)",
-            display: "flex",
-            flexDirection: "column",
-            overflow: "hidden",
-            animation: "slideIn 0.16s ease",
-            zIndex: 2147483647,
-        },
-        dismissButton: {
-            alignSelf: "flex-end",
-            margin: "10px 12px 0 0",
-            background: "transparent",
-            border: "none",
-            color: theme.textLight,
-            cursor: "pointer",
-            padding: "6px",
-            borderRadius: "6px",
-            transition: "background 0.2s ease, color 0.2s ease",
-        },
-        dismissButtonHover: {
-            background: theme.hoverBg,
-            color: theme.text,
-        },
-        modalContent: {
-            flex: 1,
-            overflow: "hidden",
-            position: "relative",
-            background: theme.background,
-        },
-    };
+const getStyles = (darkMode) => {
+	const theme = darkMode ? COLORS.dark : COLORS.light;
+	return {
+		floatingContainer: {
+			position: "fixed",
+			bottom: "24px",
+			right: "24px",
+			zIndex: 2147483647
+		},
+		floatingButton: {
+			width: "42px",
+			height: "42px",
+			borderRadius: "9999px",
+			border: "none",
+			background: theme.primary,
+			color: theme.buttonText,
+			cursor: "pointer",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			boxShadow: darkMode ? `0 10px 40px ${COLORS.dark.shadow}` : `0 10px 40px ${COLORS.light.shadow}`,
+			transition: "transform 0.2s ease, box-shadow 0.2s ease"
+		},
+		floatingButtonHover: {
+			transform: "translateY(-2px)",
+			boxShadow: darkMode ? "0 16px 50px rgba(17, 24, 39, 0.55)" : "0 16px 50px rgba(37, 99, 235, 0.45)"
+		},
+		backdrop: {
+			position: "fixed",
+			inset: 0,
+			background: "rgba(15, 23, 42, 0.45)",
+			backdropFilter: "blur(6px)",
+			animation: "fadeIn 0.12s ease",
+			zIndex: 2147483646
+		},
+		modal: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			width: "min(960px, 90vw)",
+			height: "min(720px, 85vh)",
+			background: theme.background,
+			borderRadius: "16px",
+			border: `1px solid ${theme.border}`,
+			boxShadow: darkMode ? "0 32px 120px rgba(0, 0, 0, 0.55)" : "0 32px 120px rgba(15, 23, 42, 0.35)",
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			animation: "slideIn 0.16s ease",
+			zIndex: 2147483647
+		},
+		dismissButton: {
+			alignSelf: "flex-end",
+			margin: "10px 12px 0 0",
+			background: "transparent",
+			border: "none",
+			color: theme.textLight,
+			cursor: "pointer",
+			padding: "6px",
+			borderRadius: "6px",
+			transition: "background 0.2s ease, color 0.2s ease"
+		},
+		dismissButtonHover: {
+			background: theme.hoverBg,
+			color: theme.text
+		},
+		modalContent: {
+			flex: 1,
+			overflow: "hidden",
+			position: "relative",
+			background: theme.background
+		}
+	};
 };
-export const ANIMATION_STYLES = `
+const ANIMATION_STYLES = `
   @keyframes fadeIn {
     from { opacity: 0; }
     to { opacity: 1; }
@@ -119,4 +114,7 @@ export const ANIMATION_STYLES = `
     }
   }
 `;
+//#endregion
+export { ANIMATION_STYLES, getStyles };
+
 //# sourceMappingURL=DevToolsModal.styles.js.map

package/dist/styles/DevToolsModal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsModal.styles.js","sourceRoot":"","sources":["../../src/styles/DevToolsModal.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DevToolsModal.styles.js","names":[],"sources":["../../src/styles/DevToolsModal.styles.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport interface DevToolsModalStyles {\n  floatingContainer: CSSProperties;\n  floatingButton: CSSProperties;\n  floatingButtonHover: CSSProperties;\n  backdrop: CSSProperties;\n  modal: CSSProperties;\n  dismissButton: CSSProperties;\n  dismissButtonHover: CSSProperties;\n  modalContent: CSSProperties;\n}\n\nconst COLORS = {\n  light: {\n    primary: \"#2563EB\",\n    background: \"#f8fafc\",\n    surface: \"#ffffff\",\n    text: \"#111827\",\n    textLight: \"#6b7280\",\n    border: \"rgba(148, 163, 184, 0.35)\",\n    shadow: \"rgba(37, 99, 235, 0.35)\",\n    buttonText: \"#f9fafb\",\n    hoverBg: \"rgba(148, 163, 184, 0.18)\",\n  },\n  dark: {\n    primary: \"#111827\",\n    background: \"#09090b\",\n    surface: \"#09090b\",\n    text: \"#e5e7eb\",\n    textLight: \"#9ca3af\",\n    border: \"rgba(63, 63, 70, 0.6)\",\n    shadow: \"rgba(0, 0, 0, 0.55)\",\n    buttonText: \"#e5e7eb\",\n    hoverBg: \"rgba(148, 163, 184, 0.12)\",\n  },\n} as const;\n\nexport const getStyles = (darkMode: boolean): DevToolsModalStyles => {\n  const theme = darkMode ? COLORS.dark : COLORS.light;\n\n  return {\n    floatingContainer: {\n      position: \"fixed\",\n      bottom: \"24px\",\n      right: \"24px\",\n      zIndex: 2147483647,\n    },\n    floatingButton: {\n      width: \"42px\",\n      height: \"42px\",\n      borderRadius: \"9999px\",\n      border: \"none\",\n      background: theme.primary,\n      color: theme.buttonText,\n      cursor: \"pointer\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      boxShadow: darkMode\n        ? `0 10px 40px ${COLORS.dark.shadow}`\n        : `0 10px 40px ${COLORS.light.shadow}`,\n      transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n    },\n    floatingButtonHover: {\n      transform: \"translateY(-2px)\",\n      boxShadow: darkMode\n        ? \"0 16px 50px rgba(17, 24, 39, 0.55)\"\n        : \"0 16px 50px rgba(37, 99, 235, 0.45)\",\n    },\n    backdrop: {\n      position: \"fixed\",\n      inset: 0,\n      background: \"rgba(15, 23, 42, 0.45)\",\n      backdropFilter: \"blur(6px)\",\n      animation: \"fadeIn 0.12s ease\",\n      zIndex: 2147483646,\n    },\n    modal: {\n      position: \"fixed\",\n      top: \"50%\",\n      left: \"50%\",\n      transform: \"translate(-50%, -50%)\",\n      width: \"min(960px, 90vw)\",\n      height: \"min(720px, 85vh)\",\n      background: theme.background,\n      borderRadius: \"16px\",\n      border: `1px solid ${theme.border}`,\n      boxShadow: darkMode\n        ? \"0 32px 120px rgba(0, 0, 0, 0.55)\"\n        : \"0 32px 120px rgba(15, 23, 42, 0.35)\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      overflow: \"hidden\",\n      animation: \"slideIn 0.16s ease\",\n      zIndex: 2147483647,\n    },\n    dismissButton: {\n      alignSelf: \"flex-end\",\n      margin: \"10px 12px 0 0\",\n      background: \"transparent\",\n      border: \"none\",\n      color: theme.textLight,\n      cursor: \"pointer\",\n      padding: \"6px\",\n      borderRadius: \"6px\",\n      transition: \"background 0.2s ease, color 0.2s ease\",\n    },\n    dismissButtonHover: {\n      background: theme.hoverBg,\n      color: theme.text,\n    },\n    modalContent: {\n      flex: 1,\n      overflow: \"hidden\",\n      position: \"relative\",\n      background: theme.background,\n    },\n  };\n};\n\nexport const ANIMATION_STYLES = `\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  @keyframes slideIn {\n    from {\n      opacity: 0;\n      transform: translate(-50%, -48%) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1);\n    }\n  }\n`;\n"],"mappings":";AAaA,MAAM,SAAS;CACb,OAAO;EACL,SAAS;EACT,YAAY;EACZ,SAAS;EACT,MAAM;EACN,WAAW;EACX,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,SAAS;CACX;CACA,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,SAAS;EACT,MAAM;EACN,WAAW;EACX,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,SAAS;CACX;AACF;AAEA,MAAa,aAAa,aAA2C;CACnE,MAAM,QAAQ,WAAW,OAAO,OAAO,OAAO;CAE9C,OAAO;EACL,mBAAmB;GACjB,UAAU;GACV,QAAQ;GACR,OAAO;GACP,QAAQ;EACV;EACA,gBAAgB;GACd,OAAO;GACP,QAAQ;GACR,cAAc;GACd,QAAQ;GACR,YAAY,MAAM;GAClB,OAAO,MAAM;GACb,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,WAAW,WACP,eAAe,OAAO,KAAK,WAC3B,eAAe,OAAO,MAAM;GAChC,YAAY;EACd;EACA,qBAAqB;GACnB,WAAW;GACX,WAAW,WACP,uCACA;EACN;EACA,UAAU;GACR,UAAU;GACV,OAAO;GACP,YAAY;GACZ,gBAAgB;GAChB,WAAW;GACX,QAAQ;EACV;EACA,OAAO;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,WAAW;GACX,OAAO;GACP,QAAQ;GACR,YAAY,MAAM;GAClB,cAAc;GACd,QAAQ,aAAa,MAAM;GAC3B,WAAW,WACP,qCACA;GACJ,SAAS;GACT,eAAe;GACf,UAAU;GACV,WAAW;GACX,QAAQ;EACV;EACA,eAAe;GACb,WAAW;GACX,QAAQ;GACR,YAAY;GACZ,QAAQ;GACR,OAAO,MAAM;GACb,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;EACd;EACA,oBAAoB;GAClB,YAAY,MAAM;GAClB,OAAO,MAAM;EACf;EACA,cAAc;GACZ,MAAM;GACN,UAAU;GACV,UAAU;GACV,YAAY,MAAM;EACpB;CACF;AACF;AAEA,MAAa,mBAAmB"}

package/dist/types.d.ts

@@ -1,10 +1,14 @@
-import type { NormalizedTool } from "./utils/toolNormalization.js";
-export type TabType = "state" | "events" | "context";
-export type ViewMode = "raw" | "preview";
-export interface SerializedModelContext {
-    system?: string;
-    tools?: NormalizedTool[];
-    callSettings?: Record<string, unknown>;
-    config?: Record<string, unknown>;
+import { NormalizedTool } from "./utils/toolNormalization.js";
+
+//#region src/types.d.ts
+type TabType = "state" | "events" | "context";
+type ViewMode = "raw" | "preview";
+interface SerializedModelContext {
+  system?: string;
+  tools?: NormalizedTool[];
+  callSettings?: Record<string, unknown>;
+  config?: Record<string, unknown>;
 }
+//#endregion
+export { SerializedModelContext, TabType, ViewMode };
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,qCAAkC;AAGhE,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAGzC,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;KAGY,OAAA;AAAA,KACA,QAAA;AAAA,UAGK,sBAAA;EACf,MAAA;EACA,KAAA,GAAQ,cAAA;EACR,YAAA,GAAe,MAAA;EACf,MAAA,GAAS,MAAA;AAAA"}

package/dist/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/utils/serialization.d.ts

@@ -1,5 +1,9 @@
+import { SerializedModelContext } from "../types.js";
 import { ModelContext } from "@assistant-ui/react";
-import type { SerializedModelContext } from "../types.js";
-export declare const sanitizeForMessage: (value: unknown, seen?: WeakSet<object>) => unknown;
-export declare const serializeModelContext: (context: ModelContext | undefined) => SerializedModelContext | undefined;
+
+//#region src/utils/serialization.d.ts
+declare const sanitizeForMessage: (value: unknown, seen?: WeakSet<object>) => unknown;
+declare const serializeModelContext: (context: ModelContext | undefined) => SerializedModelContext | undefined;
+//#endregion
+export { sanitizeForMessage, serializeModelContext };
 //# sourceMappingURL=serialization.d.ts.map

package/dist/utils/serialization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serialization.d.ts","sourceRoot":"","sources":["../../src/utils/serialization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAiB;AAGvD,eAAO,MAAM,kBAAkB,GAC7B,OAAO,OAAO,EACd,sBAA4B,KAC3B,OA6CF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,YAAY,GAAG,SAAS,KAChC,sBAAsB,GAAG,SAwC3B,CAAC"}
+{"version":3,"file":"serialization.d.ts","names":[],"sources":["../../src/utils/serialization.ts"],"mappings":";;;;cAIa,kBAAA,GACX,KAAA,WACA,IAAA,GAAA,OAAA;AAAA,cAgDW,qBAAA,GACX,OAAA,EAAS,YAAA,iBACR,sBAAsB"}