@assistant-ui/react 0.14.6 → 0.14.8

package/dist/context/stores/ThreadViewport.d.ts

@@ -1,80 +1,73 @@
-import type { Unsubscribe } from "@assistant-ui/core";
-export type SizeHandle = {
-    /** Update the height */
-    setHeight: (height: number) => void;
-    /** Unregister this handle */
-    unregister: Unsubscribe;
+import { Unsubscribe } from "@assistant-ui/core";
+
+//#region src/context/stores/ThreadViewport.d.ts
+type SizeHandle = {
+  /** Update the height */setHeight: (height: number) => void; /** Unregister this handle */
+  unregister: Unsubscribe;
 };
-export type ThreadViewportState = {
-    readonly isAtBottom: boolean;
-    readonly scrollToBottom: (config?: {
-        behavior?: ScrollBehavior | undefined;
-    }) => void;
-    readonly onScrollToBottom: (callback: ({ behavior }: {
-        behavior: ScrollBehavior;
-    }) => void) => Unsubscribe;
-    /** Controls scroll anchoring: "top" anchors user messages at top, "bottom" is classic behavior */
-    readonly turnAnchor: "top" | "bottom";
-    /** Clamps tall user messages so the assistant response stays in view. */
-    readonly topAnchorMessageClamp: {
-        readonly tallerThan: string;
-        readonly visibleHeight: string;
-    };
-    /** Raw height values from registered elements */
-    readonly height: {
-        /** Total viewport height */
-        readonly viewport: number;
-        /** Total content inset height (footer, anchor message, etc.) */
-        readonly inset: number;
-    };
-    /** Current DOM elements used for geometry-based top anchoring */
-    readonly element: {
-        readonly viewport: HTMLElement | null;
-        readonly anchor: HTMLElement | null;
-        readonly target: HTMLElement | null;
-    };
-    /** Numeric clamp configuration for the active top-anchor target message */
-    readonly targetConfig: {
-        readonly tallerThan: number;
-        readonly visibleHeight: number;
-    } | null;
-    /**
-     * The current top-anchor turn activated in this viewport session.
-     * History-loaded messages do not populate this; it is set when a run creates
-     * a live user/assistant pair and remains after the run completes.
-     */
-    readonly topAnchorTurn: {
-        readonly anchorId: string;
-        readonly targetId: string;
-    } | null;
-    /** Register a viewport and get a handle to update its height */
-    readonly registerViewport: () => SizeHandle;
-    /** Register a content inset (footer, anchor message, etc.) and get a handle to update its height */
-    readonly registerContentInset: () => SizeHandle;
-    /** Register the scroll viewport element */
-    readonly registerViewportElement: (element: HTMLElement | null) => Unsubscribe;
-    /** Register the current anchor user message element */
-    readonly registerAnchorElement: (element: HTMLElement | null) => Unsubscribe;
-    /**
-     * Register the current top-anchor target (last assistant response) element
-     * along with its numeric clamp configuration. When unregistered, both
-     * `element.target` and `targetConfig` clear together.
-     */
-    readonly registerAnchorTargetElement: (element: HTMLElement | null, config?: {
-        readonly tallerThan: number;
-        readonly visibleHeight: number;
-    }) => Unsubscribe;
-    readonly setTopAnchorTurn: (turn: {
-        readonly anchorId: string;
-        readonly targetId: string;
-    } | null) => void;
+type ThreadViewportState = {
+  readonly isAtBottom: boolean;
+  readonly scrollToBottom: (config?: {
+    behavior?: ScrollBehavior | undefined;
+  }) => void;
+  readonly onScrollToBottom: (callback: ({
+    behavior
+  }: {
+    behavior: ScrollBehavior;
+  }) => void) => Unsubscribe; /** Controls scroll anchoring: "top" anchors user messages at top, "bottom" is classic behavior */
+  readonly turnAnchor: "top" | "bottom"; /** Clamps tall user messages so the assistant response stays in view. */
+  readonly topAnchorMessageClamp: {
+    readonly tallerThan: string;
+    readonly visibleHeight: string;
+  }; /** Raw height values from registered elements */
+  readonly height: {
+    /** Total viewport height */readonly viewport: number; /** Total content inset height (footer, anchor message, etc.) */
+    readonly inset: number;
+  }; /** Current DOM elements used for geometry-based top anchoring */
+  readonly element: {
+    readonly viewport: HTMLElement | null;
+    readonly anchor: HTMLElement | null;
+    readonly target: HTMLElement | null;
+  }; /** Numeric clamp configuration for the active top-anchor target message */
+  readonly targetConfig: {
+    readonly tallerThan: number;
+    readonly visibleHeight: number;
+  } | null;
+  /**
+   * The current top-anchor turn activated in this viewport session.
+   * History-loaded messages do not populate this; it is set when a run creates
+   * a live user/assistant pair and remains after the run completes.
+   */
+  readonly topAnchorTurn: {
+    readonly anchorId: string;
+    readonly targetId: string;
+  } | null; /** Register a viewport and get a handle to update its height */
+  readonly registerViewport: () => SizeHandle; /** Register a content inset (footer, anchor message, etc.) and get a handle to update its height */
+  readonly registerContentInset: () => SizeHandle; /** Register the scroll viewport element */
+  readonly registerViewportElement: (element: HTMLElement | null) => Unsubscribe; /** Register the current anchor user message element */
+  readonly registerAnchorElement: (element: HTMLElement | null) => Unsubscribe;
+  /**
+   * Register the current top-anchor target (last assistant response) element
+   * along with its numeric clamp configuration. When unregistered, both
+   * `element.target` and `targetConfig` clear together.
+   */
+  readonly registerAnchorTargetElement: (element: HTMLElement | null, config?: {
+    readonly tallerThan: number;
+    readonly visibleHeight: number;
+  }) => Unsubscribe;
+  readonly setTopAnchorTurn: (turn: {
+    readonly anchorId: string;
+    readonly targetId: string;
+  } | null) => void;
 };
-export type ThreadViewportStoreOptions = {
-    turnAnchor?: "top" | "bottom" | undefined;
-    topAnchorMessageClamp?: {
-        tallerThan?: string | undefined;
-        visibleHeight?: string | undefined;
-    } | undefined;
+type ThreadViewportStoreOptions = {
+  turnAnchor?: "top" | "bottom" | undefined;
+  topAnchorMessageClamp?: {
+    tallerThan?: string | undefined;
+    visibleHeight?: string | undefined;
+  } | undefined;
 };
-export declare const makeThreadViewportStore: (options?: ThreadViewportStoreOptions) => import("zustand").UseBoundStore<import("zustand").StoreApi<ThreadViewportState>>;
+declare const makeThreadViewportStore: (options?: ThreadViewportStoreOptions) => import("zustand").UseBoundStore<import("zustand").StoreApi<ThreadViewportState>>;
+//#endregion
+export { SizeHandle, ThreadViewportState, ThreadViewportStoreOptions, makeThreadViewportStore };
 //# sourceMappingURL=ThreadViewport.d.ts.map

package/dist/context/stores/ThreadViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.d.ts","sourceRoot":"","sources":["../../../src/context/stores/ThreadViewport.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThreadViewport.d.ts","names":[],"sources":["../../../src/context/stores/ThreadViewport.ts"],"mappings":";;;KAKY,UAAA;0BAEV,SAAA,GAAY,MAAA,mBAFQ;EAIpB,UAAA,EAAY,WAAW;AAAA;AAAA,KAyCb,mBAAA;EAAA,SACD,UAAA;EAAA,SACA,cAAA,GAAiB,MAAA;IACxB,QAAA,GAAW,cAAA;EAAA;EAAA,SAEJ,gBAAA,GACP,QAAA;IAAa;EAAA;IAAc,QAAA,EAAU,cAAA;EAAA,eAClC,WAAA;WAGI,UAAA,oBAJM;EAAA,SAON,qBAAA;IAAA,SACE,UAAA;IAAA,SACA,aAAA;EAAA,GAeQ;EAAA,SAXV,MAAA;IAkC4B,qCAhC1B,QAAA,UAqCN;IAAA,SAnCM,KAAA;EAAA,GA8CA;EAAA,SA1CF,OAAA;IAAA,SACE,QAAA,EAAU,WAAA;IAAA,SACV,MAAA,EAAQ,WAAA;IAAA,SACR,MAAA,EAAQ,WAAA;EAAA,GA3BjB;EAAA,SA+BO,YAAA;IAAA,SACE,UAAA;IAAA,SACA,aAAA;EAAA;EA9BI;;;;;EAAA,SAsCN,aAAA;IAAA,SACE,QAAA;IAAA,SACA,QAAA;EAAA,UA3BF;EAAA,SA+BA,gBAAA,QAAwB,UAAA,EA3BtB;EAAA,SA8BF,oBAAA,QAA4B,UAAA,EAzB1B;EAAA,SA4BF,uBAAA,GACP,OAAA,EAAS,WAAA,YACN,WAAA,EA7BM;EAAA,SAgCF,qBAAA,GAAwB,OAAA,EAAS,WAAA,YAAuB,WAAA;EA/BtD;;;;;EAAA,SAsCF,2BAAA,GACP,OAAA,EAAS,WAAA,SACT,MAAA;IAAA,SAAoB,UAAA;IAAA,SAA6B,aAAA;EAAA,MAC9C,WAAA;EAAA,SAEI,gBAAA,GACP,IAAA;IAAA,SAAiB,QAAA;IAAA,SAA2B,QAAA;EAAA;AAAA;AAAA,KAIpC,0BAAA;EACV,UAAA;EACA,qBAAA;IAEM,UAAA;IACA,aAAA;EAAA;AAAA;AAAA,cAKK,uBAAA,GACX,OAAA,GAAS,0BAAA,uBAA+B,aAAA,mBAAA,QAAA,CAAA,mBAAA"}

package/dist/context/stores/ThreadViewport.js

@@ -1,126 +1,114 @@
 "use client";
 import { create } from "zustand";
+//#region src/context/stores/ThreadViewport.ts
 const createSizeRegistry = (onChange) => {
-    const entries = new Map();
-    const recalculate = () => {
-        let total = 0;
-        for (const height of entries.values()) {
-            total += height;
-        }
-        onChange(total);
-    };
-    return {
-        register: () => {
-            const id = Symbol();
-            entries.set(id, 0);
-            return {
-                setHeight: (height) => {
-                    if (entries.get(id) !== height) {
-                        entries.set(id, height);
-                        recalculate();
-                    }
-                },
-                unregister: () => {
-                    entries.delete(id);
-                    recalculate();
-                },
-            };
-        },
-    };
+	const entries = /* @__PURE__ */ new Map();
+	const recalculate = () => {
+		let total = 0;
+		for (const height of entries.values()) total += height;
+		onChange(total);
+	};
+	return { register: () => {
+		const id = Symbol();
+		entries.set(id, 0);
+		return {
+			setHeight: (height) => {
+				if (entries.get(id) !== height) {
+					entries.set(id, height);
+					recalculate();
+				}
+			},
+			unregister: () => {
+				entries.delete(id);
+				recalculate();
+			}
+		};
+	} };
 };
-export const makeThreadViewportStore = (options = {}) => {
-    const scrollToBottomListeners = new Set();
-    const viewportRegistry = createSizeRegistry((total) => {
-        store.setState({
-            height: {
-                ...store.getState().height,
-                viewport: total,
-            },
-        });
-    });
-    const insetRegistry = createSizeRegistry((total) => {
-        store.setState({
-            height: {
-                ...store.getState().height,
-                inset: total,
-            },
-        });
-    });
-    const registerElementSlot = (key, element) => {
-        store.setState({
-            element: {
-                ...store.getState().element,
-                [key]: element,
-            },
-        });
-        return () => {
-            if (store.getState().element[key] !== element)
-                return;
-            store.setState({
-                element: {
-                    ...store.getState().element,
-                    [key]: null,
-                },
-            });
-        };
-    };
-    const store = create(() => ({
-        isAtBottom: true,
-        scrollToBottom: ({ behavior = "auto" } = {}) => {
-            for (const listener of scrollToBottomListeners) {
-                listener({ behavior });
-            }
-        },
-        onScrollToBottom: (callback) => {
-            scrollToBottomListeners.add(callback);
-            return () => {
-                scrollToBottomListeners.delete(callback);
-            };
-        },
-        turnAnchor: options.turnAnchor ?? "bottom",
-        topAnchorMessageClamp: {
-            tallerThan: options.topAnchorMessageClamp?.tallerThan ?? "10em",
-            visibleHeight: options.topAnchorMessageClamp?.visibleHeight ?? "6em",
-        },
-        height: {
-            viewport: 0,
-            inset: 0,
-        },
-        element: {
-            viewport: null,
-            anchor: null,
-            target: null,
-        },
-        targetConfig: null,
-        topAnchorTurn: null,
-        registerViewport: viewportRegistry.register,
-        registerContentInset: insetRegistry.register,
-        registerViewportElement: (element) => registerElementSlot("viewport", element),
-        registerAnchorElement: (element) => registerElementSlot("anchor", element),
-        registerAnchorTargetElement: (element, config) => {
-            store.setState({
-                element: {
-                    ...store.getState().element,
-                    target: element,
-                },
-                targetConfig: element && config ? config : null,
-            });
-            return () => {
-                if (store.getState().element.target !== element)
-                    return;
-                store.setState({
-                    element: {
-                        ...store.getState().element,
-                        target: null,
-                    },
-                    targetConfig: null,
-                });
-            };
-        },
-        setTopAnchorTurn: (topAnchorTurn) => {
-            store.setState({ topAnchorTurn });
-        },
-    }));
-    return store;
+const makeThreadViewportStore = (options = {}) => {
+	const scrollToBottomListeners = /* @__PURE__ */ new Set();
+	const viewportRegistry = createSizeRegistry((total) => {
+		store.setState({ height: {
+			...store.getState().height,
+			viewport: total
+		} });
+	});
+	const insetRegistry = createSizeRegistry((total) => {
+		store.setState({ height: {
+			...store.getState().height,
+			inset: total
+		} });
+	});
+	const registerElementSlot = (key, element) => {
+		store.setState({ element: {
+			...store.getState().element,
+			[key]: element
+		} });
+		return () => {
+			if (store.getState().element[key] !== element) return;
+			store.setState({ element: {
+				...store.getState().element,
+				[key]: null
+			} });
+		};
+	};
+	const store = create(() => ({
+		isAtBottom: true,
+		scrollToBottom: ({ behavior = "auto" } = {}) => {
+			for (const listener of scrollToBottomListeners) listener({ behavior });
+		},
+		onScrollToBottom: (callback) => {
+			scrollToBottomListeners.add(callback);
+			return () => {
+				scrollToBottomListeners.delete(callback);
+			};
+		},
+		turnAnchor: options.turnAnchor ?? "bottom",
+		topAnchorMessageClamp: {
+			tallerThan: options.topAnchorMessageClamp?.tallerThan ?? "10em",
+			visibleHeight: options.topAnchorMessageClamp?.visibleHeight ?? "6em"
+		},
+		height: {
+			viewport: 0,
+			inset: 0
+		},
+		element: {
+			viewport: null,
+			anchor: null,
+			target: null
+		},
+		targetConfig: null,
+		topAnchorTurn: null,
+		registerViewport: viewportRegistry.register,
+		registerContentInset: insetRegistry.register,
+		registerViewportElement: (element) => registerElementSlot("viewport", element),
+		registerAnchorElement: (element) => registerElementSlot("anchor", element),
+		registerAnchorTargetElement: (element, config) => {
+			store.setState({
+				element: {
+					...store.getState().element,
+					target: element
+				},
+				targetConfig: element && config ? config : null
+			});
+			return () => {
+				if (store.getState().element.target !== element) return;
+				store.setState({
+					element: {
+						...store.getState().element,
+						target: null
+					},
+					targetConfig: null
+				});
+			};
+		},
+		setTopAnchorTurn: (topAnchorTurn) => {
+			store.setState({ topAnchorTurn });
+		}
+	}));
+	return store;
 };
+//#endregion
+export { makeThreadViewportStore };
+
 //# sourceMappingURL=ThreadViewport.js.map

package/dist/context/stores/ThreadViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.js","sourceRoot":"","sources":["../../../src/context/stores/ThreadViewport.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThreadViewport.js","names":[],"sources":["../../../src/context/stores/ThreadViewport.ts"],"sourcesContent":["\"use client\";\n\nimport { create } from \"zustand\";\nimport type { Unsubscribe } from \"@assistant-ui/core\";\n\nexport type SizeHandle = {\n  /** Update the height */\n  setHeight: (height: number) => void;\n  /** Unregister this handle */\n  unregister: Unsubscribe;\n};\n\ntype SizeRegistry = {\n  register: () => SizeHandle;\n};\n\nconst createSizeRegistry = (\n  onChange: (total: number) => void,\n): SizeRegistry => {\n  const entries = new Map<symbol, number>();\n\n  const recalculate = () => {\n    let total = 0;\n    for (const height of entries.values()) {\n      total += height;\n    }\n    onChange(total);\n  };\n\n  return {\n    register: () => {\n      const id = Symbol();\n      entries.set(id, 0);\n\n      return {\n        setHeight: (height: number) => {\n          if (entries.get(id) !== height) {\n            entries.set(id, height);\n            recalculate();\n          }\n        },\n        unregister: () => {\n          entries.delete(id);\n          recalculate();\n        },\n      };\n    },\n  };\n};\n\nexport type ThreadViewportState = {\n  readonly isAtBottom: boolean;\n  readonly scrollToBottom: (config?: {\n    behavior?: ScrollBehavior | undefined;\n  }) => void;\n  readonly onScrollToBottom: (\n    callback: ({ behavior }: { behavior: ScrollBehavior }) => void,\n  ) => Unsubscribe;\n\n  /** Controls scroll anchoring: \"top\" anchors user messages at top, \"bottom\" is classic behavior */\n  readonly turnAnchor: \"top\" | \"bottom\";\n\n  /** Clamps tall user messages so the assistant response stays in view. */\n  readonly topAnchorMessageClamp: {\n    readonly tallerThan: string;\n    readonly visibleHeight: string;\n  };\n\n  /** Raw height values from registered elements */\n  readonly height: {\n    /** Total viewport height */\n    readonly viewport: number;\n    /** Total content inset height (footer, anchor message, etc.) */\n    readonly inset: number;\n  };\n\n  /** Current DOM elements used for geometry-based top anchoring */\n  readonly element: {\n    readonly viewport: HTMLElement | null;\n    readonly anchor: HTMLElement | null;\n    readonly target: HTMLElement | null;\n  };\n\n  /** Numeric clamp configuration for the active top-anchor target message */\n  readonly targetConfig: {\n    readonly tallerThan: number;\n    readonly visibleHeight: number;\n  } | null;\n\n  /**\n   * The current top-anchor turn activated in this viewport session.\n   * History-loaded messages do not populate this; it is set when a run creates\n   * a live user/assistant pair and remains after the run completes.\n   */\n  readonly topAnchorTurn: {\n    readonly anchorId: string;\n    readonly targetId: string;\n  } | null;\n\n  /** Register a viewport and get a handle to update its height */\n  readonly registerViewport: () => SizeHandle;\n\n  /** Register a content inset (footer, anchor message, etc.) and get a handle to update its height */\n  readonly registerContentInset: () => SizeHandle;\n\n  /** Register the scroll viewport element */\n  readonly registerViewportElement: (\n    element: HTMLElement | null,\n  ) => Unsubscribe;\n\n  /** Register the current anchor user message element */\n  readonly registerAnchorElement: (element: HTMLElement | null) => Unsubscribe;\n\n  /**\n   * Register the current top-anchor target (last assistant response) element\n   * along with its numeric clamp configuration. When unregistered, both\n   * `element.target` and `targetConfig` clear together.\n   */\n  readonly registerAnchorTargetElement: (\n    element: HTMLElement | null,\n    config?: { readonly tallerThan: number; readonly visibleHeight: number },\n  ) => Unsubscribe;\n\n  readonly setTopAnchorTurn: (\n    turn: { readonly anchorId: string; readonly targetId: string } | null,\n  ) => void;\n};\n\nexport type ThreadViewportStoreOptions = {\n  turnAnchor?: \"top\" | \"bottom\" | undefined;\n  topAnchorMessageClamp?:\n    | {\n        tallerThan?: string | undefined;\n        visibleHeight?: string | undefined;\n      }\n    | undefined;\n};\n\nexport const makeThreadViewportStore = (\n  options: ThreadViewportStoreOptions = {},\n) => {\n  const scrollToBottomListeners = new Set<\n    (config: { behavior: ScrollBehavior }) => void\n  >();\n\n  const viewportRegistry = createSizeRegistry((total) => {\n    store.setState({\n      height: {\n        ...store.getState().height,\n        viewport: total,\n      },\n    });\n  });\n  const insetRegistry = createSizeRegistry((total) => {\n    store.setState({\n      height: {\n        ...store.getState().height,\n        inset: total,\n      },\n    });\n  });\n  const registerElementSlot = (\n    key: \"viewport\" | \"anchor\",\n    element: HTMLElement | null,\n  ) => {\n    store.setState({\n      element: {\n        ...store.getState().element,\n        [key]: element,\n      },\n    });\n\n    return () => {\n      if (store.getState().element[key] !== element) return;\n      store.setState({\n        element: {\n          ...store.getState().element,\n          [key]: null,\n        },\n      });\n    };\n  };\n\n  const store = create<ThreadViewportState>(() => ({\n    isAtBottom: true,\n    scrollToBottom: ({ behavior = \"auto\" } = {}) => {\n      for (const listener of scrollToBottomListeners) {\n        listener({ behavior });\n      }\n    },\n    onScrollToBottom: (callback) => {\n      scrollToBottomListeners.add(callback);\n      return () => {\n        scrollToBottomListeners.delete(callback);\n      };\n    },\n\n    turnAnchor: options.turnAnchor ?? \"bottom\",\n    topAnchorMessageClamp: {\n      tallerThan: options.topAnchorMessageClamp?.tallerThan ?? \"10em\",\n      visibleHeight: options.topAnchorMessageClamp?.visibleHeight ?? \"6em\",\n    },\n\n    height: {\n      viewport: 0,\n      inset: 0,\n    },\n    element: {\n      viewport: null,\n      anchor: null,\n      target: null,\n    },\n    targetConfig: null,\n    topAnchorTurn: null,\n\n    registerViewport: viewportRegistry.register,\n    registerContentInset: insetRegistry.register,\n    registerViewportElement: (element) =>\n      registerElementSlot(\"viewport\", element),\n    registerAnchorElement: (element) => registerElementSlot(\"anchor\", element),\n    registerAnchorTargetElement: (element, config) => {\n      store.setState({\n        element: {\n          ...store.getState().element,\n          target: element,\n        },\n        targetConfig: element && config ? config : null,\n      });\n\n      return () => {\n        if (store.getState().element.target !== element) return;\n        store.setState({\n          element: {\n            ...store.getState().element,\n            target: null,\n          },\n          targetConfig: null,\n        });\n      };\n    },\n    setTopAnchorTurn: (topAnchorTurn) => {\n      store.setState({ topAnchorTurn });\n    },\n  }));\n\n  return store;\n};\n"],"mappings":";;;AAgBA,MAAM,sBACJ,aACiB;CACjB,MAAM,0BAAU,IAAI,IAAoB;CAExC,MAAM,oBAAoB;EACxB,IAAI,QAAQ;EACZ,KAAK,MAAM,UAAU,QAAQ,OAAO,GAClC,SAAS;EAEX,SAAS,KAAK;CAChB;CAEA,OAAO,EACL,gBAAgB;EACd,MAAM,KAAK,OAAO;EAClB,QAAQ,IAAI,IAAI,CAAC;EAEjB,OAAO;GACL,YAAY,WAAmB;IAC7B,IAAI,QAAQ,IAAI,EAAE,MAAM,QAAQ;KAC9B,QAAQ,IAAI,IAAI,MAAM;KACtB,YAAY;IACd;GACF;GACA,kBAAkB;IAChB,QAAQ,OAAO,EAAE;IACjB,YAAY;GACd;EACF;CACF,EACF;AACF;AA0FA,MAAa,2BACX,UAAsC,CAAC,MACpC;CACH,MAAM,0CAA0B,IAAI,IAElC;CAEF,MAAM,mBAAmB,oBAAoB,UAAU;EACrD,MAAM,SAAS,EACb,QAAQ;GACN,GAAG,MAAM,SAAS,EAAE;GACpB,UAAU;EACZ,EACF,CAAC;CACH,CAAC;CACD,MAAM,gBAAgB,oBAAoB,UAAU;EAClD,MAAM,SAAS,EACb,QAAQ;GACN,GAAG,MAAM,SAAS,EAAE;GACpB,OAAO;EACT,EACF,CAAC;CACH,CAAC;CACD,MAAM,uBACJ,KACA,YACG;EACH,MAAM,SAAS,EACb,SAAS;GACP,GAAG,MAAM,SAAS,EAAE;IACnB,MAAM;EACT,EACF,CAAC;EAED,aAAa;GACX,IAAI,MAAM,SAAS,EAAE,QAAQ,SAAS,SAAS;GAC/C,MAAM,SAAS,EACb,SAAS;IACP,GAAG,MAAM,SAAS,EAAE;KACnB,MAAM;GACT,EACF,CAAC;EACH;CACF;CAEA,MAAM,QAAQ,cAAmC;EAC/C,YAAY;EACZ,iBAAiB,EAAE,WAAW,WAAW,CAAC,MAAM;GAC9C,KAAK,MAAM,YAAY,yBACrB,SAAS,EAAE,SAAS,CAAC;EAEzB;EACA,mBAAmB,aAAa;GAC9B,wBAAwB,IAAI,QAAQ;GACpC,aAAa;IACX,wBAAwB,OAAO,QAAQ;GACzC;EACF;EAEA,YAAY,QAAQ,cAAc;EAClC,uBAAuB;GACrB,YAAY,QAAQ,uBAAuB,cAAc;GACzD,eAAe,QAAQ,uBAAuB,iBAAiB;EACjE;EAEA,QAAQ;GACN,UAAU;GACV,OAAO;EACT;EACA,SAAS;GACP,UAAU;GACV,QAAQ;GACR,QAAQ;EACV;EACA,cAAc;EACd,eAAe;EAEf,kBAAkB,iBAAiB;EACnC,sBAAsB,cAAc;EACpC,0BAA0B,YACxB,oBAAoB,YAAY,OAAO;EACzC,wBAAwB,YAAY,oBAAoB,UAAU,OAAO;EACzE,8BAA8B,SAAS,WAAW;GAChD,MAAM,SAAS;IACb,SAAS;KACP,GAAG,MAAM,SAAS,EAAE;KACpB,QAAQ;IACV;IACA,cAAc,WAAW,SAAS,SAAS;GAC7C,CAAC;GAED,aAAa;IACX,IAAI,MAAM,SAAS,EAAE,QAAQ,WAAW,SAAS;IACjD,MAAM,SAAS;KACb,SAAS;MACP,GAAG,MAAM,SAAS,EAAE;MACpB,QAAQ;KACV;KACA,cAAc;IAChB,CAAC;GACH;EACF;EACA,mBAAmB,kBAAkB;GACnC,MAAM,SAAS,EAAE,cAAc,CAAC;EAClC;CACF,EAAE;CAEF,OAAO;AACT"}

package/dist/devtools/DevToolsHooks.d.ts

@@ -1,34 +1,37 @@
-import type { Unsubscribe } from "@assistant-ui/core";
-import type { AssistantClient } from "@assistant-ui/store";
-export interface EventLog {
-    time: Date;
-    event: string;
-    data: unknown;
+import { AssistantClient } from "@assistant-ui/store";
+import { Unsubscribe } from "@assistant-ui/core";
+
+//#region src/devtools/DevToolsHooks.d.ts
+interface EventLog {
+  time: Date;
+  event: string;
+  data: unknown;
 }
 interface DevToolsApiEntry {
-    api: Partial<AssistantClient>;
-    logs: EventLog[];
+  api: Partial<AssistantClient>;
+  logs: EventLog[];
 }
 interface DevToolsHook {
-    apis: Map<number, DevToolsApiEntry>;
-    nextId: number;
-    listeners: Set<(apiId: number) => void>;
+  apis: Map<number, DevToolsApiEntry>;
+  nextId: number;
+  listeners: Set<(apiId: number) => void>;
 }
 declare global {
-    interface Window {
-        __ASSISTANT_UI_DEVTOOLS_HOOK__?: DevToolsHook;
-    }
+  interface Window {
+    __ASSISTANT_UI_DEVTOOLS_HOOK__?: DevToolsHook;
+  }
 }
-export declare class DevToolsHooks {
-    static subscribe(listener: () => void): Unsubscribe;
-    static clearEventLogs(apiId: number): void;
-    static getApis(): Map<number, DevToolsApiEntry>;
-    private static notifyListeners;
+declare class DevToolsHooks {
+  static subscribe(listener: () => void): Unsubscribe;
+  static clearEventLogs(apiId: number): void;
+  static getApis(): Map<number, DevToolsApiEntry>;
+  private static notifyListeners;
 }
-export declare class DevToolsProviderApi {
-    private static readonly MAX_EVENT_LOGS_PER_API;
-    static register(aui: Partial<AssistantClient>): Unsubscribe;
-    private static notifyListeners;
+declare class DevToolsProviderApi {
+  private static readonly MAX_EVENT_LOGS_PER_API;
+  static register(aui: Partial<AssistantClient>): Unsubscribe;
+  private static notifyListeners;
 }
-export {};
+//#endregion
+export { DevToolsHooks, DevToolsProviderApi, EventLog };
 //# sourceMappingURL=DevToolsHooks.d.ts.map

package/dist/devtools/DevToolsHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsHooks.d.ts","sourceRoot":"","sources":["../../src/devtools/DevToolsHooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,UAAU,gBAAgB;IACxB,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC9B,IAAI,EAAE,QAAQ,EAAE,CAAC;CAClB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;CACzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,8BAA8B,CAAC,EAAE,YAAY,CAAC;KAC/C;CACF;AAiCD,qBAAa,aAAa;IACxB,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,WAAW;IAQnD,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAS1C,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAI/C,OAAO,CAAC,MAAM,CAAC,eAAe;CAK/B;AAGD,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,sBAAsB,CAAO;IAErD,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,WAAW;IAuD3D,OAAO,CAAC,MAAM,CAAC,eAAe;CAK/B"}
+{"version":3,"file":"DevToolsHooks.d.ts","names":[],"sources":["../../src/devtools/DevToolsHooks.ts"],"mappings":";;;;UAGiB,QAAA;EACf,IAAA,EAAM,IAAI;EACV,KAAA;EACA,IAAA;AAAA;AAAA,UAGQ,gBAAA;EACR,GAAA,EAAK,OAAA,CAAQ,eAAA;EACb,IAAA,EAAM,QAAA;AAAA;AAAA,UAGE,YAAA;EACR,IAAA,EAAM,GAAA,SAAY,gBAAA;EAClB,MAAA;EACA,SAAA,EAAW,GAAA,EAAK,KAAA;AAAA;AAAA,QAGV,MAAA;EAAA,UACI,MAAA;IACR,8BAAA,GAAiC,YAAY;EAAA;AAAA;AAAA,cAmCpC,aAAA;EAAA,OACJ,SAAA,CAAU,QAAA,eAAuB,WAAA;EAAA,OAQjC,cAAA,CAAe,KAAA;EAAA,OASf,OAAA,CAAA,GAAW,GAAA,SAAY,gBAAA;EAAA,eAIf,eAAA;AAAA;AAAA,cAQJ,mBAAA;EAAA,wBACa,sBAAA;EAAA,OAEjB,QAAA,CAAS,GAAA,EAAK,OAAA,CAAQ,eAAA,IAAmB,WAAA;EAAA,eAuDjC,eAAA;AAAA"}