@assistant-ui/react-devtools 0.1.11 → 0.1.13

package/dist/ExtensionHost.js

@@ -1,50 +1,46 @@
-// src/ExtensionHost.ts
 import { DevToolsHost } from "./DevToolsHost.js";
-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
+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,
+            }, "*");
         });
-        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();
-  }
-};
-export {
-  ExtensionHost
-};
+        // 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();
+    }
+}
 //# sourceMappingURL=ExtensionHost.js.map

package/dist/ExtensionHost.js.map

@@ -1 +1 @@
-{"version":3,"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":";AAAA,SAAS,oBAAoB;AAEtB,IAAM,gBAAN,MAAoB;AAAA,EACjB;AAAA,EACA;AAAA,EAER,cAAc;AAEZ,SAAK,eAAe,IAAI,aAAa,CAAC,YAAY;AAChD,cAAQ,IAAI,8CAA8C,OAAO;AACjE,aAAO;AAAA,QACL;AAAA,UACE,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AAGD,SAAK,kBAAkB,CAAC,UAAwB;AAC9C,UAAI,MAAM,WAAW,OAAQ;AAG7B,UAAI,MAAM,KAAK,WAAW,gCAAgC;AACxD,gBAAQ,IAAI,iDAAiD;AAAA,UAC3D,QAAQ,MAAM,KAAK;AAAA,UACnB,SAAS,MAAM,KAAK;AAAA,UACpB,UAAU,MAAM;AAAA,QAClB,CAAC;AACD,aAAK,aAAa,iBAAiB,MAAM,KAAK,OAAO;AAAA,MACvD;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,KAAK,eAAe;AAIvD,eAAW,MAAM;AACf,cAAQ,IAAI,iDAAiD;AAC7D,aAAO;AAAA,QACL;AAAA,UACE,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,MAAM;AAAA,UACR;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF,GAAG,GAAG;AAAA,EACR;AAAA,EAEA,UAAU;AACR,WAAO,oBAAoB,WAAW,KAAK,eAAe;AAC1D,SAAK,aAAa,QAAQ;AAAA,EAC5B;AACF;","names":[]}
+{"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"}

package/dist/FrameClient.js

@@ -1,63 +1,56 @@
-// 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;
-  }
-};
-export {
-  FrameClient
-};
+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;
+    }
+}
 //# sourceMappingURL=FrameClient.js.map

package/dist/FrameClient.js.map

@@ -1 +1 @@
-{"version":3,"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        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    this.listeners.forEach((listener) => listener(data));\n  }\n\n  getLastUpdate() {\n    return this.lastUpdate;\n  }\n}\n"],"mappings":";AAwBO,IAAM,cAAN,MAAkB;AAAA,EACf,YAAY,oBAAI,IAAoB;AAAA,EACpC,sBAAsB,oBAAI,IAAgB;AAAA,EAC1C,aAGJ,CAAC;AAAA,EAEL,cAAc;AACZ,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEQ,uBAAuB;AAC7B,WAAO,iBAAiB,WAAW,CAAC,UAAU;AAC5C,YAAM,UAAU,MAAM;AAEtB,UAAI,QAAQ,SAAS,UAAU;AAC7B,aAAK,aAAa,QAAQ;AAC1B,aAAK,gBAAgB,QAAQ,IAAI;AAAA,MACnC,WAAW,QAAQ,SAAS,kBAAkB;AAE5C,aAAK,oBAAoB,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,MAC3D;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,gBAAgB,UAAkC;AAChD,SAAK,oBAAoB,IAAI,QAAQ;AACrC,WAAO,MAAM;AACX,WAAK,oBAAoB,OAAO,QAAQ;AAAA,IAC1C;AAAA,EACF;AAAA,EAEA,UAAU,UAAsC;AAC9C,SAAK,UAAU,IAAI,QAAQ;AAG3B,QAAI,KAAK,WAAW,WAAW,KAAK,WAAW,MAAM;AACnD,eAAS,KAAK,UAAU;AAAA,IAC1B;AAEA,WAAO,MAAM;AACX,WAAK,UAAU,OAAO,QAAQ;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,gBAAgB,SAAiD;AAC/D,WAAO,OAAO;AAAA,MACZ;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAY,OAAe;AACzB,WAAO,OAAO;AAAA,MACZ;AAAA,QACE,MAAM;AAAA,QACN,MAAM,EAAE,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,gBAAgB,MAA6B;AACnD,SAAK,UAAU,QAAQ,CAAC,aAAa,SAAS,IAAI,CAAC;AAAA,EACrD;AAAA,EAEA,gBAAgB;AACd,WAAO,KAAK;AAAA,EACd;AACF;","names":[]}
+{"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"}

package/dist/FrameHost.js

@@ -1,28 +1,27 @@
-// src/FrameHost.ts
 import { DevToolsHost } from "./DevToolsHost.js";
-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();
-  }
-};
-export {
-  FrameHost
-};
+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();
+    }
+}
 //# sourceMappingURL=FrameHost.js.map

package/dist/FrameHost.js.map

@@ -1 +1 @@
-{"version":3,"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":";AAAA,SAAS,oBAAoB;AAEtB,IAAM,YAAN,MAAgB;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EAER,YAAY,OAA0B;AACpC,SAAK,QAAQ;AAGb,SAAK,eAAe,IAAI,aAAa,CAAC,YAAY;AAChD,UAAI,KAAK,MAAM,eAAe;AAC5B,aAAK,MAAM,cAAc,YAAY,SAAS,GAAG;AAAA,MACnD;AAAA,IACF,CAAC;AAGD,SAAK,kBAAkB,CAAC,UAAwB;AAC9C,UAAI,MAAM,WAAW,KAAK,MAAM,cAAe;AAC/C,WAAK,aAAa,iBAAiB,MAAM,IAAI;AAAA,IAC/C;AAEA,WAAO,iBAAiB,WAAW,KAAK,eAAe;AAAA,EACzD;AAAA,EAEA,UAAU;AACR,WAAO,oBAAoB,WAAW,KAAK,eAAe;AAC1D,SAAK,aAAa,QAAQ;AAAA,EAC5B;AACF;","names":[]}
+{"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"}

package/dist/constants.js

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

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"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":";AAAO,IAAM,oBAAoB;AAC1B,IAAM,kBAAkB;","names":[]}
+{"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"}

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export { DevToolsModal } from "./DevToolsModal";
-export { DevToolsFrame } from "./DevToolsFrame";
-export { FrameHost } from "./FrameHost";
-export { DevToolsHost } from "./DevToolsHost";
-export { ExtensionHost } from "./ExtensionHost";
-export { FrameClient } from "./FrameClient";
-export { normalizeToolList, type NormalizedTool, } from "./utils/toolNormalization";
-export { sanitizeForMessage, serializeModelContext, } from "./utils/serialization";
-export type { SerializedModelContext, TabType, ViewMode } from "./types";
-export * from "./constants";
+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

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,iBAAiB,EACjB,KAAK,cAAc,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACzE,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,SAAS,EAAE,uBAAoB;AACxC,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAC9C,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAC5C,OAAO,EACL,iBAAiB,EACjB,KAAK,cAAc,GACpB,qCAAkC;AACnC,OAAO,EACL,kBAAkB,EAClB,qBAAqB,GACtB,iCAA8B;AAE/B,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAgB;AACzE,+BAA4B"}

package/dist/index.js

@@ -1,27 +1,10 @@
-// src/index.ts
-import { DevToolsModal } from "./DevToolsModal.js";
-import { DevToolsFrame } from "./DevToolsFrame.js";
-import { FrameHost } from "./FrameHost.js";
-import { DevToolsHost } from "./DevToolsHost.js";
-import { ExtensionHost } from "./ExtensionHost.js";
-import { FrameClient } from "./FrameClient.js";
-import {
-  normalizeToolList
-} from "./utils/toolNormalization.js";
-import {
-  sanitizeForMessage,
-  serializeModelContext
-} from "./utils/serialization.js";
+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";
-export {
-  DevToolsFrame,
-  DevToolsHost,
-  DevToolsModal,
-  ExtensionHost,
-  FrameClient,
-  FrameHost,
-  normalizeToolList,
-  sanitizeForMessage,
-  serializeModelContext
-};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { DevToolsModal } from \"./DevToolsModal\";\nexport { DevToolsFrame } from \"./DevToolsFrame\";\nexport { FrameHost } from \"./FrameHost\";\nexport { DevToolsHost } from \"./DevToolsHost\";\nexport { ExtensionHost } from \"./ExtensionHost\";\nexport { FrameClient } from \"./FrameClient\";\nexport {\n  normalizeToolList,\n  type NormalizedTool,\n} from \"./utils/toolNormalization\";\nexport {\n  sanitizeForMessage,\n  serializeModelContext,\n} from \"./utils/serialization\";\n// Export types\nexport type { SerializedModelContext, TabType, ViewMode } from \"./types\";\nexport * from \"./constants\";\n"],"mappings":";AAAA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP,cAAc;","names":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,SAAS,EAAE,uBAAoB;AACxC,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAC9C,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAC5C,OAAO,EACL,iBAAiB,GAElB,qCAAkC;AACnC,OAAO,EACL,kBAAkB,EAClB,qBAAqB,GACtB,iCAA8B;AAG/B,+BAA4B"}

package/dist/styles/DevToolsModal.styles.js

@@ -1,104 +1,109 @@
-// src/styles/DevToolsModal.styles.ts
-var 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)"
-  }
-};
-var 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
+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)",
     },
-    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
+    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)",
     },
-    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
-    }
-  };
 };
-var ANIMATION_STYLES = `
+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,
+        },
+    };
+};
+export const ANIMATION_STYLES = `
   @keyframes fadeIn {
     from { opacity: 0; }
     to { opacity: 1; }
@@ -114,8 +119,4 @@ var ANIMATION_STYLES = `
     }
   }
 `;
-export {
-  ANIMATION_STYLES,
-  getStyles
-};
 //# sourceMappingURL=DevToolsModal.styles.js.map