@assistant-ui/react 0.14.6 → 0.14.8

package/dist/primitives/thread/ThreadScrollToBottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadScrollToBottom.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadScrollToBottom.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAGL,kBAAkB,GACnB,0CAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,sBAAsB,GACvB,qDAAkD;AAQnD,MAAM,uBAAuB,GAAG,CAAC,EAC/B,QAAQ,MAC2B,EAAE,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAE1D,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;IAErD,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,mBAAmB,CAAC,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,IAAI,UAAU;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,6BAA6B,GAAG,kBAAkB,CAC7D,gCAAgC,EAChC,uBAAuB,EACvB,CAAC,UAAU,CAAC,CACb,CAAC"}
+{"version":3,"file":"ThreadScrollToBottom.js","names":[],"sources":["../../../src/primitives/thread/ThreadScrollToBottom.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadScrollToBottom {\n  export type Options = {\n    behavior?: ScrollBehavior | undefined;\n  };\n}\n\nconst useThreadScrollToBottom = ({\n  behavior,\n}: useThreadScrollToBottom.Options = {}) => {\n  const isAtBottom = useThreadViewport((s) => s.isAtBottom);\n\n  const threadViewportStore = useThreadViewportStore();\n\n  const handleScrollToBottom = useCallback(() => {\n    threadViewportStore.getState().scrollToBottom({ behavior });\n  }, [threadViewportStore, behavior]);\n\n  if (isAtBottom) return null;\n  return handleScrollToBottom;\n};\n\nexport namespace ThreadPrimitiveScrollToBottom {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadScrollToBottom>;\n}\n\nexport const ThreadPrimitiveScrollToBottom = createActionButton(\n  \"ThreadPrimitive.ScrollToBottom\",\n  useThreadScrollToBottom,\n  [\"behavior\"],\n);\n"],"mappings":";;;;;AAmBA,MAAM,2BAA2B,EAC/B,aACmC,CAAC,MAAM;CAC1C,MAAM,aAAa,mBAAmB,MAAM,EAAE,UAAU;CAExD,MAAM,sBAAsB,uBAAuB;CAEnD,MAAM,uBAAuB,kBAAkB;EAC7C,oBAAoB,SAAS,EAAE,eAAe,EAAE,SAAS,CAAC;CAC5D,GAAG,CAAC,qBAAqB,QAAQ,CAAC;CAElC,IAAI,YAAY,OAAO;CACvB,OAAO;AACT;AAOA,MAAa,gCAAgC,mBAC3C,kCACA,yBACA,CAAC,UAAU,CACb"}

package/dist/primitives/thread/ThreadSuggestion.d.ts

@@ -1,53 +1,56 @@
-import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
-declare const useThreadSuggestion: ({ prompt, send, clearComposer, autoSend, method: _method, }: {
-    /** The suggestion prompt. */
-    prompt: string;
-    /**
-     * When true, automatically sends the message.
-     * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
-     */
-    send?: boolean | undefined;
-    /**
-     * Whether to clear the composer after sending.
-     * When send is set to false, determines if composer text is replaced with suggestion (true, default),
-     * or if it's appended to the composer text (false).
-     *
-     * @default true
-     */
-    clearComposer?: boolean | undefined;
-    /** @deprecated Use `send` instead. */
-    autoSend?: boolean | undefined;
-    /** @deprecated Use `clearComposer` instead. */
-    method?: "replace";
+import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
+
+//#region src/primitives/thread/ThreadSuggestion.d.ts
+declare const useThreadSuggestion: ({
+  prompt,
+  send,
+  clearComposer,
+  autoSend,
+  method: _method
+}: {
+  /** The suggestion prompt. */prompt: string;
+  /**
+   * When true, automatically sends the message.
+   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+   */
+  send?: boolean | undefined;
+  /**
+   * Whether to clear the composer after sending.
+   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+   * or if it's appended to the composer text (false).
+   *
+   * @default true
+   */
+  clearComposer?: boolean | undefined; /** @deprecated Use `send` instead. */
+  autoSend?: boolean | undefined; /** @deprecated Use `clearComposer` instead. */
+  method?: "replace";
 }) => (() => void) | null;
-export declare namespace ThreadPrimitiveSuggestion {
-    type Element = ActionButtonElement;
-    type Props = ActionButtonProps<typeof useThreadSuggestion>;
+declare namespace ThreadPrimitiveSuggestion {
+  type Element = ActionButtonElement;
+  type Props = ActionButtonProps<typeof useThreadSuggestion>;
 }
-export declare const ThreadPrimitiveSuggestion: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
+declare const ThreadPrimitiveSuggestion: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+  asChild?: boolean;
 }, "ref"> & {
-    render?: import("react").ReactElement | undefined;
+  render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    /** The suggestion prompt. */
-    prompt: string;
-    /**
-     * When true, automatically sends the message.
-     * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
-     */
-    send?: boolean | undefined;
-    /**
-     * Whether to clear the composer after sending.
-     * When send is set to false, determines if composer text is replaced with suggestion (true, default),
-     * or if it's appended to the composer text (false).
-     *
-     * @default true
-     */
-    clearComposer?: boolean | undefined;
-    /** @deprecated Use `send` instead. */
-    autoSend?: boolean | undefined;
-    /** @deprecated Use `clearComposer` instead. */
-    method?: "replace";
+  /** The suggestion prompt. */prompt: string;
+  /**
+   * When true, automatically sends the message.
+   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+   */
+  send?: boolean | undefined;
+  /**
+   * Whether to clear the composer after sending.
+   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+   * or if it's appended to the composer text (false).
+   *
+   * @default true
+   */
+  clearComposer?: boolean | undefined; /** @deprecated Use `send` instead. */
+  autoSend?: boolean | undefined; /** @deprecated Use `clearComposer` instead. */
+  method?: "replace";
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+//#endregion
+export { ThreadPrimitiveSuggestion };
 //# sourceMappingURL=ThreadSuggestion.d.ts.map

package/dist/primitives/thread/ThreadSuggestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadSuggestion.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AAGxC,QAAA,MAAM,mBAAmB,GAAI,6DAM1B;IACD,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEpC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,wBAUA,CAAC;AAEF,yBAAiB,yBAAyB,CAAC;IACzC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,yBAAyB;;;;;IAxCpC,6BAA6B;YACrB,MAAM;IAEd;;;OAGG;WACI,OAAO,GAAG,SAAS;IAE1B;;;;;;OAMG;oBACa,OAAO,GAAG,SAAS;IAEnC,sCAAsC;eAC3B,OAAO,GAAG,SAAS;IAE9B,+CAA+C;aACtC,SAAS;qDAsBnB,CAAC"}
+{"version":3,"file":"ThreadSuggestion.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"mappings":";;;cASM,mBAAA;EAAuB,MAAA;EAAA,IAAA;EAAA,aAAA;EAAA,QAAA;EAAA,MAAA,EAAA;AAAA;+BAQ3B,MAAA;EAgCD;;;;EA1BC,IAAA;EAd2B;;;;;;;EAuB3B,aAAA,wBAvB2B;EA0B3B,QAAA,wBA1B2B;EA6B3B,MAAA;AAAA;AAAA,kBAae,yBAAA;EAAA,KACH,OAAA,GAAU,mBAAA;EAAA,KACV,KAAA,GAAQ,iBAAA,QAAyB,mBAAA;AAAA;AAAA,cAGlC,yBAAA,kBAAyB,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,iBAAA,oBAAA,oBAAA,CAAA,iBAAA;;;;;EALI;EAClB;;;;;EAAV;;;;;;AACoD;uCAOjE;kCAJqC"}

package/dist/primitives/thread/ThreadSuggestion.js

@@ -1,16 +1,24 @@
 "use client";
-import { createActionButton, } from "../../utils/createActionButton.js";
-import { useSuggestionTrigger as useSuggestionTriggerBehavior } from "@assistant-ui/core/react";
-const useThreadSuggestion = ({ prompt, send, clearComposer, autoSend, method: _method, }) => {
-    const resolvedSend = send ?? autoSend ?? false;
-    const { disabled, trigger } = useSuggestionTriggerBehavior({
-        prompt,
-        send: resolvedSend,
-        clearComposer,
-    });
-    if (disabled)
-        return null;
-    return trigger;
+import { createActionButton } from "../../utils/createActionButton.js";
+import { useSuggestionTrigger } from "@assistant-ui/core/react";
+//#region src/primitives/thread/ThreadSuggestion.ts
+const useThreadSuggestion = ({ prompt, send, clearComposer, autoSend, method: _method }) => {
+	const { disabled, trigger } = useSuggestionTrigger({
+		prompt,
+		send: send ?? autoSend ?? false,
+		clearComposer
+	});
+	if (disabled) return null;
+	return trigger;
 };
-export const ThreadPrimitiveSuggestion = createActionButton("ThreadPrimitive.Suggestion", useThreadSuggestion, ["prompt", "send", "clearComposer", "autoSend", "method"]);
+const ThreadPrimitiveSuggestion = createActionButton("ThreadPrimitive.Suggestion", useThreadSuggestion, [
+	"prompt",
+	"send",
+	"clearComposer",
+	"autoSend",
+	"method"
+]);
+//#endregion
+export { ThreadPrimitiveSuggestion };
+
 //# sourceMappingURL=ThreadSuggestion.js.map

package/dist/primitives/thread/ThreadSuggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadSuggestion.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAGL,kBAAkB,GACnB,0CAAuC;AACxC,OAAO,EAAE,oBAAoB,IAAI,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAEhG,MAAM,mBAAmB,GAAG,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,MAAM,EAAE,OAAO,GAyBhB,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAI,IAAI,QAAQ,IAAI,KAAK,CAAC;IAE/C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,4BAA4B,CAAC;QACzD,MAAM;QACN,IAAI,EAAE,YAAY;QAClB,aAAa;KACd,CAAC,CAAC;IACH,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,yBAAyB,GAAG,kBAAkB,CACzD,4BAA4B,EAC5B,mBAAmB,EACnB,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,CAAC,CAC1D,CAAC"}
+{"version":3,"file":"ThreadSuggestion.js","names":["useSuggestionTriggerBehavior"],"sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useSuggestionTrigger as useSuggestionTriggerBehavior } from \"@assistant-ui/core/react\";\n\nconst useThreadSuggestion = ({\n  prompt,\n  send,\n  clearComposer,\n  autoSend,\n  method: _method,\n}: {\n  /** The suggestion prompt. */\n  prompt: string;\n\n  /**\n   * When true, automatically sends the message.\n   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.\n   */\n  send?: boolean | undefined;\n\n  /**\n   * Whether to clear the composer after sending.\n   * When send is set to false, determines if composer text is replaced with suggestion (true, default),\n   * or if it's appended to the composer text (false).\n   *\n   * @default true\n   */\n  clearComposer?: boolean | undefined;\n\n  /** @deprecated Use `send` instead. */\n  autoSend?: boolean | undefined;\n\n  /** @deprecated Use `clearComposer` instead. */\n  method?: \"replace\";\n}) => {\n  const resolvedSend = send ?? autoSend ?? false;\n\n  const { disabled, trigger } = useSuggestionTriggerBehavior({\n    prompt,\n    send: resolvedSend,\n    clearComposer,\n  });\n  if (disabled) return null;\n  return trigger;\n};\n\nexport namespace ThreadPrimitiveSuggestion {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadSuggestion>;\n}\n\nexport const ThreadPrimitiveSuggestion = createActionButton(\n  \"ThreadPrimitive.Suggestion\",\n  useThreadSuggestion,\n  [\"prompt\", \"send\", \"clearComposer\", \"autoSend\", \"method\"],\n);\n"],"mappings":";;;;AASA,MAAM,uBAAuB,EAC3B,QACA,MACA,eACA,UACA,QAAQ,cAyBJ;CAGJ,MAAM,EAAE,UAAU,YAAYA,qBAA6B;EACzD;EACA,MAJmB,QAAQ,YAAY;EAKvC;CACF,CAAC;CACD,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;AAOA,MAAa,4BAA4B,mBACvC,8BACA,qBACA;CAAC;CAAU;CAAQ;CAAiB;CAAY;AAAQ,CAC1D"}

package/dist/primitives/thread/ThreadSuggestions.d.ts

@@ -1,2 +1,2 @@
-export { ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl, ThreadPrimitiveSuggestionByIndex, } from "@assistant-ui/core/react";
-//# sourceMappingURL=ThreadSuggestions.d.ts.map
+import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl } from "@assistant-ui/core/react";
+export { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl };

package/dist/primitives/thread/ThreadSuggestions.js

@@ -1,3 +1,3 @@
 "use client";
-export { ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl, ThreadPrimitiveSuggestionByIndex, } from "@assistant-ui/core/react";
-//# sourceMappingURL=ThreadSuggestions.js.map
+import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl } from "@assistant-ui/core/react";
+export { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl };

package/dist/primitives/thread/ThreadViewport.d.ts

@@ -1,81 +1,10 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { type ComponentRef, type ComponentPropsWithoutRef } from "react";
-export declare namespace ThreadPrimitiveViewport {
-    type Element = ComponentRef<typeof Primitive.div>;
-    type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {
-        /**
-         * Whether to automatically scroll to the bottom when new messages are added.
-         * When enabled, the viewport will automatically scroll to show the latest content.
-         *
-         * Default false if `turnAnchor` is "top", otherwise defaults to true.
-         */
-        autoScroll?: boolean | undefined;
-        /**
-         * Controls scroll anchoring behavior for new messages.
-         * - "bottom" (default): Messages anchor at the bottom, classic chat behavior.
-         * - "top": New user messages anchor at the top of the viewport for a focused reading experience.
-         */
-        turnAnchor?: "top" | "bottom" | undefined;
-        /**
-         * Clamps tall user messages so the assistant response stays in view.
-         *
-         * @default { tallerThan: "10em", visibleHeight: "6em" }
-         */
-        topAnchorMessageClamp?: {
-            /**
-             * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
-             *
-             * @default "10em"
-             */
-            tallerThan?: string;
-            /**
-             * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
-             *
-             * @default "6em"
-             */
-            visibleHeight?: string;
-        };
-        /**
-         * Whether to scroll to bottom when a new run starts.
-         *
-         * Defaults to true.
-         */
-        scrollToBottomOnRunStart?: boolean | undefined;
-        /**
-         * Whether to scroll to bottom when thread history is first loaded.
-         *
-         * Defaults to true.
-         */
-        scrollToBottomOnInitialize?: boolean | undefined;
-        /**
-         * Whether to scroll to bottom when switching to a different thread.
-         *
-         * Defaults to true.
-         */
-        scrollToBottomOnThreadSwitch?: boolean | undefined;
-    };
-}
-/**
- * A scrollable viewport container for thread messages.
- *
- * This component provides a scrollable area for displaying thread messages with
- * automatic scrolling capabilities. It manages the viewport state and provides
- * context for child components to access viewport-related functionality.
- *
- * @example
- * ```tsx
- * <ThreadPrimitive.Viewport turnAnchor="top">
- *   <ThreadPrimitive.Messages>
- *     {() => <MyMessage />}
- *   </ThreadPrimitive.Messages>
- * </ThreadPrimitive.Viewport>
- * ```
- */
-export declare const ThreadPrimitiveViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
-}, "ref"> & {
-    render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+import { ComponentPropsWithoutRef, ComponentRef } from "react";
+
+//#region src/primitives/thread/ThreadViewport.d.ts
+declare namespace ThreadPrimitiveViewport {
+  type Element = ComponentRef<typeof Primitive.div>;
+  type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {
     /**
      * Whether to automatically scroll to the bottom when new messages are added.
      * When enabled, the viewport will automatically scroll to show the latest content.
@@ -95,18 +24,18 @@ export declare const ThreadPrimitiveViewport: import("react").ForwardRefExoticCo
      * @default { tallerThan: "10em", visibleHeight: "6em" }
      */
     topAnchorMessageClamp?: {
-        /**
-         * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
-         *
-         * @default "10em"
-         */
-        tallerThan?: string;
-        /**
-         * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
-         *
-         * @default "6em"
-         */
-        visibleHeight?: string;
+      /**
+       * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
+       *
+       * @default "10em"
+       */
+      tallerThan?: string;
+      /**
+       * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
+       *
+       * @default "6em"
+       */
+      visibleHeight?: string;
     };
     /**
      * Whether to scroll to bottom when a new run starts.
@@ -126,5 +55,80 @@ export declare const ThreadPrimitiveViewport: import("react").ForwardRefExoticCo
      * Defaults to true.
      */
     scrollToBottomOnThreadSwitch?: boolean | undefined;
+  };
+}
+/**
+ * A scrollable viewport container for thread messages.
+ *
+ * This component provides a scrollable area for displaying thread messages with
+ * automatic scrolling capabilities. It manages the viewport state and provides
+ * context for child components to access viewport-related functionality.
+ *
+ * @example
+ * ```tsx
+ * <ThreadPrimitive.Viewport turnAnchor="top">
+ *   <ThreadPrimitive.Messages>
+ *     {() => <MyMessage />}
+ *   </ThreadPrimitive.Messages>
+ * </ThreadPrimitive.Viewport>
+ * ```
+ */
+declare const ThreadPrimitiveViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  asChild?: boolean;
+}, "ref"> & {
+  render?: import("react").ReactElement | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+  /**
+   * Whether to automatically scroll to the bottom when new messages are added.
+   * When enabled, the viewport will automatically scroll to show the latest content.
+   *
+   * Default false if `turnAnchor` is "top", otherwise defaults to true.
+   */
+  autoScroll?: boolean | undefined;
+  /**
+   * Controls scroll anchoring behavior for new messages.
+   * - "bottom" (default): Messages anchor at the bottom, classic chat behavior.
+   * - "top": New user messages anchor at the top of the viewport for a focused reading experience.
+   */
+  turnAnchor?: "top" | "bottom" | undefined;
+  /**
+   * Clamps tall user messages so the assistant response stays in view.
+   *
+   * @default { tallerThan: "10em", visibleHeight: "6em" }
+   */
+  topAnchorMessageClamp?: {
+    /**
+     * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
+     *
+     * @default "10em"
+     */
+    tallerThan?: string;
+    /**
+     * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
+     *
+     * @default "6em"
+     */
+    visibleHeight?: string;
+  };
+  /**
+   * Whether to scroll to bottom when a new run starts.
+   *
+   * Defaults to true.
+   */
+  scrollToBottomOnRunStart?: boolean | undefined;
+  /**
+   * Whether to scroll to bottom when thread history is first loaded.
+   *
+   * Defaults to true.
+   */
+  scrollToBottomOnInitialize?: boolean | undefined;
+  /**
+   * Whether to scroll to bottom when switching to a different thread.
+   *
+   * Defaults to true.
+   */
+  scrollToBottomOnThreadSwitch?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ThreadPrimitiveViewport };
 //# sourceMappingURL=ThreadViewport.d.ts.map

package/dist/primitives/thread/ThreadViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,wBAAwB,EAI9B,MAAM,OAAO,CAAC;AAgBf,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG;QACnE;;;;;WAKG;QACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAEjC;;;;WAIG;QACH,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;QAE1C;;;;WAIG;QACH,qBAAqB,CAAC,EAAE;YACtB;;;;eAIG;YACH,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB;;;;eAIG;YACH,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QAEF;;;;WAIG;QACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAE/C;;;;WAIG;QACH,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAEjD;;;;WAIG;QACH,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACpD,CAAC;CACH;AAoGD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB;;;;;IA5KhC;;;;;OAKG;iBACU,OAAO,GAAG,SAAS;IAEhC;;;;OAIG;iBACU,KAAK,GAAG,QAAQ,GAAG,SAAS;IAEzC;;;;OAIG;4BACqB;QACtB;;;;WAIG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;;WAIG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED;;;;OAIG;+BACwB,OAAO,GAAG,SAAS;IAE9C;;;;OAIG;iCAC0B,OAAO,GAAG,SAAS;IAEhD;;;;OAIG;mCAC4B,OAAO,GAAG,SAAS;kDAiIpD,CAAC"}
+{"version":3,"file":"ThreadViewport.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"mappings":";;;;kBA2BiB,uBAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,wBAAA,QAAgC,SAAA,CAAU,GAAA;IAFxB;;;;;;IASpC,UAAA;IAP0C;;;;;IAc1C,UAAA;IAdkB;;;;;IAqBlB,qBAAA;MAME;;;;;MAAA,UAAA;MA4B0B;AAsHhC;;;;MA5IM,aAAA;IAAA;;;;;;IAQF,wBAAA;IAoIgC;;;;;IA7HhC,0BAAA;;;;;;IAOA,4BAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;cAsHS,uBAAA,kBAAuB,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAlJ9B,UAAA;;;;;;IAMA,aAAA;EAAA"}

package/dist/primitives/thread/ThreadViewport.js

@@ -1,96 +1,103 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useThreadViewport, useThreadViewportStore } from "../../context/react/ThreadViewportContext.js";
+import { ThreadPrimitiveViewportProvider } from "../../context/providers/ThreadViewportProvider.js";
 import { Primitive } from "../../utils/Primitive.js";
-import { forwardRef, useCallback, useLayoutEffect, useMemo, } from "react";
-import { useAuiEvent, useAuiState } from "@assistant-ui/store";
 import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
 import { useThreadViewportAutoScroll } from "./useThreadViewportAutoScroll.js";
-import { ThreadPrimitiveViewportProvider } from "../../context/providers/ThreadViewportProvider.js";
 import { useSizeHandle } from "../../utils/hooks/useSizeHandle.js";
-import { useThreadViewport, useThreadViewportStore, } from "../../context/react/ThreadViewportContext.js";
 import { useTopAnchorReserve } from "./topAnchor/useTopAnchorReserve.js";
-import { getActiveTopAnchorAnchorId, getActiveTopAnchorTargetId, } from "./topAnchor/topAnchorTurn.js";
+import { getActiveTopAnchorAnchorId, getActiveTopAnchorTargetId } from "./topAnchor/topAnchorTurn.js";
+import { useAuiEvent, useAuiState } from "@assistant-ui/store";
+import { forwardRef, useCallback, useLayoutEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/primitives/thread/ThreadViewport.tsx
 const useViewportSizeRef = () => {
-    const register = useThreadViewport((s) => s.registerViewport);
-    const getHeight = useCallback((el) => el.clientHeight, []);
-    return useSizeHandle(register, getHeight);
+	return useSizeHandle(useThreadViewport((s) => s.registerViewport), useCallback((el) => el.clientHeight, []));
 };
 const useViewportElementRef = () => {
-    const registerViewportElement = useThreadViewport((s) => s.registerViewportElement);
-    return useManagedRef(registerViewportElement);
+	return useManagedRef(useThreadViewport((s) => s.registerViewportElement));
 };
 const useTopAnchorTurn = (enabled) => {
-    const threadViewportStore = useThreadViewportStore();
-    const activeAnchorId = useAuiState((s) => {
-        if (!enabled)
-            return undefined;
-        return getActiveTopAnchorAnchorId(s.thread);
-    });
-    const activeTargetId = useAuiState((s) => {
-        if (!enabled)
-            return undefined;
-        return getActiveTopAnchorTargetId(s.thread);
-    });
-    const activeTurn = useMemo(() => {
-        if (!activeAnchorId || !activeTargetId)
-            return null;
-        return { anchorId: activeAnchorId, targetId: activeTargetId };
-    }, [activeAnchorId, activeTargetId]);
-    useLayoutEffect(() => {
-        if (!activeTurn)
-            return;
-        const state = threadViewportStore.getState();
-        const current = state.topAnchorTurn;
-        if (current?.anchorId === activeTurn.anchorId &&
-            current.targetId === activeTurn.targetId) {
-            return;
-        }
-        state.setTopAnchorTurn(activeTurn);
-    }, [activeTurn, threadViewportStore]);
-    const clearTopAnchorTurn = useCallback(() => {
-        threadViewportStore.getState().setTopAnchorTurn(null);
-    }, [threadViewportStore]);
-    useAuiEvent("thread.initialize", clearTopAnchorTurn);
-    useAuiEvent("threadListItem.switchedTo", clearTopAnchorTurn);
+	const threadViewportStore = useThreadViewportStore();
+	const activeAnchorId = useAuiState((s) => {
+		if (!enabled) return void 0;
+		return getActiveTopAnchorAnchorId(s.thread);
+	});
+	const activeTargetId = useAuiState((s) => {
+		if (!enabled) return void 0;
+		return getActiveTopAnchorTargetId(s.thread);
+	});
+	const activeTurn = useMemo(() => {
+		if (!activeAnchorId || !activeTargetId) return null;
+		return {
+			anchorId: activeAnchorId,
+			targetId: activeTargetId
+		};
+	}, [activeAnchorId, activeTargetId]);
+	useLayoutEffect(() => {
+		if (!activeTurn) return;
+		const state = threadViewportStore.getState();
+		const current = state.topAnchorTurn;
+		if (current?.anchorId === activeTurn.anchorId && current.targetId === activeTurn.targetId) return;
+		state.setTopAnchorTurn(activeTurn);
+	}, [activeTurn, threadViewportStore]);
+	const clearTopAnchorTurn = useCallback(() => {
+		threadViewportStore.getState().setTopAnchorTurn(null);
+	}, [threadViewportStore]);
+	useAuiEvent("thread.initialize", clearTopAnchorTurn);
+	useAuiEvent("threadListItem.switchedTo", clearTopAnchorTurn);
 };
 const ThreadPrimitiveViewportScrollable = forwardRef(({ autoScroll, scrollToBottomOnRunStart, scrollToBottomOnInitialize, scrollToBottomOnThreadSwitch, children, ...rest }, forwardedRef) => {
-    const autoScrollRef = useThreadViewportAutoScroll({
-        autoScroll,
-        scrollToBottomOnRunStart,
-        scrollToBottomOnInitialize,
-        scrollToBottomOnThreadSwitch,
-    });
-    const viewportSizeRef = useViewportSizeRef();
-    const viewportElementRef = useViewportElementRef();
-    const threadViewportStore = useThreadViewportStore();
-    const turnAnchor = threadViewportStore.getState().turnAnchor;
-    const topAnchorEnabled = turnAnchor === "top";
-    useTopAnchorTurn(topAnchorEnabled);
-    useTopAnchorReserve(topAnchorEnabled);
-    const ref = useComposedRefs(forwardedRef, autoScrollRef, viewportSizeRef, viewportElementRef);
-    return (_jsx(Primitive.div, { ...rest, ref: ref, children: children }));
+	const autoScrollRef = useThreadViewportAutoScroll({
+		autoScroll,
+		scrollToBottomOnRunStart,
+		scrollToBottomOnInitialize,
+		scrollToBottomOnThreadSwitch
+	});
+	const viewportSizeRef = useViewportSizeRef();
+	const viewportElementRef = useViewportElementRef();
+	const topAnchorEnabled = useThreadViewportStore().getState().turnAnchor === "top";
+	useTopAnchorTurn(topAnchorEnabled);
+	useTopAnchorReserve(topAnchorEnabled);
+	const ref = useComposedRefs(forwardedRef, autoScrollRef, viewportSizeRef, viewportElementRef);
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		...rest,
+		ref,
+		children
+	});
 });
-ThreadPrimitiveViewportScrollable.displayName =
-    "ThreadPrimitive.ViewportScrollable";
+ThreadPrimitiveViewportScrollable.displayName = "ThreadPrimitive.ViewportScrollable";
 /**
- * A scrollable viewport container for thread messages.
- *
- * This component provides a scrollable area for displaying thread messages with
- * automatic scrolling capabilities. It manages the viewport state and provides
- * context for child components to access viewport-related functionality.
- *
- * @example
- * ```tsx
- * <ThreadPrimitive.Viewport turnAnchor="top">
- *   <ThreadPrimitive.Messages>
- *     {() => <MyMessage />}
- *   </ThreadPrimitive.Messages>
- * </ThreadPrimitive.Viewport>
- * ```
- */
-export const ThreadPrimitiveViewport = forwardRef(({ turnAnchor, topAnchorMessageClamp, ...props }, ref) => {
-    return (_jsx(ThreadPrimitiveViewportProvider, { options: { turnAnchor, topAnchorMessageClamp }, children: _jsx(ThreadPrimitiveViewportScrollable, { ...props, ref: ref }) }));
+* A scrollable viewport container for thread messages.
+*
+* This component provides a scrollable area for displaying thread messages with
+* automatic scrolling capabilities. It manages the viewport state and provides
+* context for child components to access viewport-related functionality.
+*
+* @example
+* ```tsx
+* <ThreadPrimitive.Viewport turnAnchor="top">
+*   <ThreadPrimitive.Messages>
+*     {() => <MyMessage />}
+*   </ThreadPrimitive.Messages>
+* </ThreadPrimitive.Viewport>
+* ```
+*/
+const ThreadPrimitiveViewport = forwardRef(({ turnAnchor, topAnchorMessageClamp, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(ThreadPrimitiveViewportProvider, {
+		options: {
+			turnAnchor,
+			topAnchorMessageClamp
+		},
+		children: /* @__PURE__ */ jsx(ThreadPrimitiveViewportScrollable, {
+			...props,
+			ref
+		})
+	});
 });
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
+//#endregion
+export { ThreadPrimitiveViewport };
+
 //# sourceMappingURL=ThreadViewport.js.map

package/dist/primitives/thread/ThreadViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThreadViewport.js","names":[],"sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n} from \"react\";\nimport { useAuiEvent, useAuiState } from \"@assistant-ui/store\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { useThreadViewportAutoScroll } from \"./useThreadViewportAutoScroll\";\nimport { ThreadPrimitiveViewportProvider } from \"../../context/providers/ThreadViewportProvider\";\nimport { useSizeHandle } from \"../../utils/hooks/useSizeHandle\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\nimport { useTopAnchorReserve } from \"./topAnchor/useTopAnchorReserve\";\nimport {\n  getActiveTopAnchorAnchorId,\n  getActiveTopAnchorTargetId,\n} from \"./topAnchor/topAnchorTurn\";\n\nexport namespace ThreadPrimitiveViewport {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    /**\n     * Whether to automatically scroll to the bottom when new messages are added.\n     * When enabled, the viewport will automatically scroll to show the latest content.\n     *\n     * Default false if `turnAnchor` is \"top\", otherwise defaults to true.\n     */\n    autoScroll?: boolean | undefined;\n\n    /**\n     * Controls scroll anchoring behavior for new messages.\n     * - \"bottom\" (default): Messages anchor at the bottom, classic chat behavior.\n     * - \"top\": New user messages anchor at the top of the viewport for a focused reading experience.\n     */\n    turnAnchor?: \"top\" | \"bottom\" | undefined;\n\n    /**\n     * Clamps tall user messages so the assistant response stays in view.\n     *\n     * @default { tallerThan: \"10em\", visibleHeight: \"6em\" }\n     */\n    topAnchorMessageClamp?: {\n      /**\n       * Clamp messages taller than this. Supports `px`, `em`, and `rem`.\n       *\n       * @default \"10em\"\n       */\n      tallerThan?: string;\n      /**\n       * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.\n       *\n       * @default \"6em\"\n       */\n      visibleHeight?: string;\n    };\n\n    /**\n     * Whether to scroll to bottom when a new run starts.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnRunStart?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when thread history is first loaded.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnInitialize?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when switching to a different thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnThreadSwitch?: boolean | undefined;\n  };\n}\n\nconst useViewportSizeRef = () => {\n  const register = useThreadViewport((s) => s.registerViewport);\n  const getHeight = useCallback((el: HTMLElement) => el.clientHeight, []);\n  return useSizeHandle(register, getHeight);\n};\n\nconst useViewportElementRef = () => {\n  const registerViewportElement = useThreadViewport(\n    (s) => s.registerViewportElement,\n  );\n\n  return useManagedRef(registerViewportElement);\n};\n\nconst useTopAnchorTurn = (enabled: boolean) => {\n  const threadViewportStore = useThreadViewportStore();\n  const activeAnchorId = useAuiState((s) => {\n    if (!enabled) return undefined;\n    return getActiveTopAnchorAnchorId(s.thread);\n  });\n  const activeTargetId = useAuiState((s) => {\n    if (!enabled) return undefined;\n    return getActiveTopAnchorTargetId(s.thread);\n  });\n  const activeTurn = useMemo(() => {\n    if (!activeAnchorId || !activeTargetId) return null;\n    return { anchorId: activeAnchorId, targetId: activeTargetId };\n  }, [activeAnchorId, activeTargetId]);\n\n  useLayoutEffect(() => {\n    if (!activeTurn) return;\n\n    const state = threadViewportStore.getState();\n    const current = state.topAnchorTurn;\n    if (\n      current?.anchorId === activeTurn.anchorId &&\n      current.targetId === activeTurn.targetId\n    ) {\n      return;\n    }\n\n    state.setTopAnchorTurn(activeTurn);\n  }, [activeTurn, threadViewportStore]);\n\n  const clearTopAnchorTurn = useCallback(() => {\n    threadViewportStore.getState().setTopAnchorTurn(null);\n  }, [threadViewportStore]);\n\n  useAuiEvent(\"thread.initialize\", clearTopAnchorTurn);\n  useAuiEvent(\"threadListItem.switchedTo\", clearTopAnchorTurn);\n};\n\nconst ThreadPrimitiveViewportScrollable = forwardRef<\n  ThreadPrimitiveViewport.Element,\n  ThreadPrimitiveViewport.Props\n>(\n  (\n    {\n      autoScroll,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnThreadSwitch,\n      children,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const autoScrollRef = useThreadViewportAutoScroll<HTMLDivElement>({\n      autoScroll,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnThreadSwitch,\n    });\n    const viewportSizeRef = useViewportSizeRef();\n    const viewportElementRef = useViewportElementRef();\n    const threadViewportStore = useThreadViewportStore();\n    const turnAnchor = threadViewportStore.getState().turnAnchor;\n    const topAnchorEnabled = turnAnchor === \"top\";\n    useTopAnchorTurn(topAnchorEnabled);\n    useTopAnchorReserve(topAnchorEnabled);\n    const ref = useComposedRefs(\n      forwardedRef,\n      autoScrollRef,\n      viewportSizeRef,\n      viewportElementRef,\n    );\n\n    return (\n      <Primitive.div {...rest} ref={ref}>\n        {children}\n      </Primitive.div>\n    );\n  },\n);\n\nThreadPrimitiveViewportScrollable.displayName =\n  \"ThreadPrimitive.ViewportScrollable\";\n\n/**\n * A scrollable viewport container for thread messages.\n *\n * This component provides a scrollable area for displaying thread messages with\n * automatic scrolling capabilities. It manages the viewport state and provides\n * context for child components to access viewport-related functionality.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Viewport turnAnchor=\"top\">\n *   <ThreadPrimitive.Messages>\n *     {() => <MyMessage />}\n *   </ThreadPrimitive.Messages>\n * </ThreadPrimitive.Viewport>\n * ```\n */\nexport const ThreadPrimitiveViewport = forwardRef<\n  ThreadPrimitiveViewport.Element,\n  ThreadPrimitiveViewport.Props\n>(({ turnAnchor, topAnchorMessageClamp, ...props }, ref) => {\n  return (\n    <ThreadPrimitiveViewportProvider\n      options={{ turnAnchor, topAnchorMessageClamp }}\n    >\n      <ThreadPrimitiveViewportScrollable {...props} ref={ref} />\n    </ThreadPrimitiveViewportProvider>\n  );\n});\n\nThreadPrimitiveViewport.displayName = \"ThreadPrimitive.Viewport\";\n"],"mappings":";;;;;;;;;;;;;;AAwFA,MAAM,2BAA2B;CAG/B,OAAO,cAFU,mBAAmB,MAAM,EAAE,gBAEhB,GADV,aAAa,OAAoB,GAAG,cAAc,CAAC,CAC9B,CAAC;AAC1C;AAEA,MAAM,8BAA8B;CAKlC,OAAO,cAJyB,mBAC7B,MAAM,EAAE,uBAGgC,CAAC;AAC9C;AAEA,MAAM,oBAAoB,YAAqB;CAC7C,MAAM,sBAAsB,uBAAuB;CACnD,MAAM,iBAAiB,aAAa,MAAM;EACxC,IAAI,CAAC,SAAS,OAAO,KAAA;EACrB,OAAO,2BAA2B,EAAE,MAAM;CAC5C,CAAC;CACD,MAAM,iBAAiB,aAAa,MAAM;EACxC,IAAI,CAAC,SAAS,OAAO,KAAA;EACrB,OAAO,2BAA2B,EAAE,MAAM;CAC5C,CAAC;CACD,MAAM,aAAa,cAAc;EAC/B,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,OAAO;EAC/C,OAAO;GAAE,UAAU;GAAgB,UAAU;EAAe;CAC9D,GAAG,CAAC,gBAAgB,cAAc,CAAC;CAEnC,sBAAsB;EACpB,IAAI,CAAC,YAAY;EAEjB,MAAM,QAAQ,oBAAoB,SAAS;EAC3C,MAAM,UAAU,MAAM;EACtB,IACE,SAAS,aAAa,WAAW,YACjC,QAAQ,aAAa,WAAW,UAEhC;EAGF,MAAM,iBAAiB,UAAU;CACnC,GAAG,CAAC,YAAY,mBAAmB,CAAC;CAEpC,MAAM,qBAAqB,kBAAkB;EAC3C,oBAAoB,SAAS,EAAE,iBAAiB,IAAI;CACtD,GAAG,CAAC,mBAAmB,CAAC;CAExB,YAAY,qBAAqB,kBAAkB;CACnD,YAAY,6BAA6B,kBAAkB;AAC7D;AAEA,MAAM,oCAAoC,YAKtC,EACE,YACA,0BACA,4BACA,8BACA,UACA,GAAG,QAEL,iBACG;CACH,MAAM,gBAAgB,4BAA4C;EAChE;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,qBAAqB,sBAAsB;CAGjD,MAAM,mBAFsB,uBACS,EAAE,SAAS,EAAE,eACV;CACxC,iBAAiB,gBAAgB;CACjC,oBAAoB,gBAAgB;CACpC,MAAM,MAAM,gBACV,cACA,eACA,iBACA,kBACF;CAEA,OACE,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAW;EAC3B;CACY,CAAA;AAEnB,CACF;AAEA,kCAAkC,cAChC;;;;;;;;;;;;;;;;;AAkBF,MAAa,0BAA0B,YAGpC,EAAE,YAAY,uBAAuB,GAAG,SAAS,QAAQ;CAC1D,OACE,oBAAC,iCAAD;EACE,SAAS;GAAE;GAAY;EAAsB;YAE7C,oBAAC,mCAAD;GAAmC,GAAI;GAAY;EAAM,CAAA;CAC1B,CAAA;AAErC,CAAC;AAED,wBAAwB,cAAc"}