@alfadocs/ui-kit-debug 1.3.13 → 1.4.0

package/dist/_chunks/{chat-container-HlFnoEIl.js → chat-container-CYYego1W.js}

@@ -1,19 +1,37 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as B, useRef as p, useState as C, useCallback as H, useImperativeHandle as L, useMemo as S, useEffect as j } from "react";
-import { c as w } from "./index-D2ZczOXr.js";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { forwardRef as V, useRef as i, useState as M, useCallback as H, useImperativeHandle as L, useMemo as S, useEffect as j } from "react";
+import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { u as M } from "./registry-DvAUVLHh.js";
+import { u as K } from "./registry-DvAUVLHh.js";
 import { u as O } from "./index-CJE9uQmb.js";
-import { F as A } from "./floating-action-button-pojvb9gG.js";
-import { u as F } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as K } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { C as P } from "./chevron-down-DWE7GSq9.js";
-const $ = {
+import { F } from "./floating-action-button-pojvb9gG.js";
+import { u as P } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { C as D } from "./chevron-down-DWE7GSq9.js";
+const U = {
   id: "chat-container",
   // Scrolling the log viewport is pure ephemeral view state — `scroll`,
   // not `navigate` (nothing routes; the conversation stays in place).
   capabilities: ["scroll"],
-  state: {},
+  // A9 / §7 is the live constraint here: the message log is PHI-bearing
+  // on the Alia surfaces, so the slots stay at scroll position and a
+  // count. `ChatContainerHandle.getScrollViewport()` is deliberately NOT
+  // surfaced — it returns a live DOM node whose subtree is the whole
+  // transcript.
+  state: {
+    isAtBottom: {
+      type: "boolean",
+      descriptionKey: "ui.agent.chatContainer.state.isAtBottom",
+      description: "True when the viewport is pinned to the newest message. The read-back for `scroll_to_bottom` — the direct confirmation that the latest turn is on screen.",
+      read: (t) => t.isAtBottom()
+    },
+    messageCount: {
+      type: "number",
+      descriptionKey: "ui.agent.chatContainer.state.messageCount",
+      description: "Number of messages currently rendered in the log. Count only — never message content.",
+      read: (t) => t.getMessageCount()
+    }
+  },
   actions: {
     scroll_to_bottom: {
       safety: "read",
@@ -29,9 +47,9 @@ const $ = {
       },
       idempotent: !0,
       descriptionKey: "ui.agent.chatContainer.actions.scrollToBottom",
-      description: "Scroll the conversation viewport to the latest message.",
-      invoke: (o, r) => {
-        o.scrollToBottom(r);
+      description: "Scroll the conversation viewport to the latest message. Read the `isAtBottom` slot afterwards to confirm the viewport settled there.",
+      invoke: (t, d) => {
+        t.scrollToBottom(d);
       }
     }
   },
@@ -43,7 +61,7 @@ const $ = {
       description: "Sourced from the id prop."
     }
   }
-}, D = w(
+}, X = k(
   "ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background",
   {
     variants: {
@@ -54,7 +72,7 @@ const $ = {
     },
     defaultVariants: { density: "default" }
   }
-), U = w(
+), Y = k(
   [
     "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -74,114 +92,120 @@ const $ = {
     "ds:[.theme-accessible_&]:[mask-image:none]",
     "ds:forced-colors:[mask-image:none]"
   ].join(" ")
-), X = 100, Y = 48, Z = B(
+), Z = 100, q = 48, G = V(
   ({
-    messages: o,
-    composer: r,
-    density: y = "default",
-    className: k,
-    id: u,
-    onAutoScrollChange: i,
-    showScrollToLatest: I = !1,
-    ...N
-  }, T) => {
-    const { t: f } = E(), a = p(null), v = p(null), [c, _] = C(!0), h = F(), n = H(
+    messages: t,
+    composer: d,
+    density: C = "default",
+    className: T,
+    id: p,
+    onAutoScrollChange: c,
+    showScrollToLatest: N = !1,
+    ..._
+  }, B) => {
+    const { t: f } = E(), n = i(null), h = i(null), [a, I] = M(!0), g = P(), r = H(
       (e) => {
-        const s = a.current;
+        const s = n.current;
         if (!s) return;
-        const d = ((e == null ? void 0 : e.smooth) ?? !0) && !h;
+        const l = ((e == null ? void 0 : e.smooth) ?? !0) && !g;
         s.scrollTo({
           top: s.scrollHeight,
-          behavior: d ? "smooth" : "auto"
+          behavior: l ? "smooth" : "auto"
         });
       },
-      [h]
-    ), g = p(null);
-    L(T, () => g.current, []);
+      [g]
+    ), v = i(null);
+    L(B, () => v.current, []);
+    const b = i(a);
+    b.current = a;
+    const x = i(t.length);
+    x.current = t.length;
     const R = S(
       () => ({
-        scrollToBottom: n,
-        getScrollViewport: () => a.current
+        scrollToBottom: r,
+        getScrollViewport: () => n.current,
+        isAtBottom: () => b.current,
+        getMessageCount: () => x.current
       }),
-      [n]
+      [r]
     );
-    M($, R, u), j(() => {
-      const e = a.current, s = v.current;
+    K(U, R, p), j(() => {
+      const e = n.current, s = h.current;
       if (!e || !s) return;
-      const d = new IntersectionObserver(
-        (V) => {
-          const x = V[0];
-          _(x.isIntersecting), i == null || i(x.isIntersecting);
+      const l = new IntersectionObserver(
+        (z) => {
+          const w = z[0];
+          I(w.isIntersecting), c == null || c(w.isIntersecting);
         },
         {
           root: e,
           // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.
-          rootMargin: `0px 0px ${Y}px 0px`,
+          rootMargin: `0px 0px ${q}px 0px`,
           threshold: 0
         }
       );
-      return d.observe(s), () => d.disconnect();
-    }, [i]);
-    const z = o.length;
-    K(() => {
-      c && n({ smooth: !1 });
-    }, [z, c, n]);
-    const b = o.length > X, l = O({
-      count: b ? o.length : 0,
-      getScrollElement: () => a.current,
+      return l.observe(s), () => l.disconnect();
+    }, [c]);
+    const A = t.length;
+    $(() => {
+      a && r({ smooth: !1 });
+    }, [A, a, r]);
+    const y = t.length > Z, m = O({
+      count: y ? t.length : 0,
+      getScrollElement: () => n.current,
       estimateSize: () => 80,
       overscan: 6,
       getItemKey: (e) => {
         var s;
-        return ((s = o[e]) == null ? void 0 : s.id) ?? e;
+        return ((s = t[e]) == null ? void 0 : s.id) ?? e;
       }
     });
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ u(
       "div",
       {
-        ref: g,
-        className: D({ density: y, className: k }),
+        ref: v,
+        className: X({ density: C, className: T }),
         "data-component": "chat-container",
-        "data-component-id": u,
-        ...N,
+        "data-component-id": p,
+        ..._,
         children: [
-          /* @__PURE__ */ m("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
-            /* @__PURE__ */ m(
+          /* @__PURE__ */ u("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
+            /* @__PURE__ */ u(
               "div",
               {
-                ref: a,
+                ref: n,
                 role: "log",
                 "aria-live": "polite",
                 "aria-relevant": "additions",
                 "aria-label": f("chat.container"),
                 tabIndex: 0,
-                className: U(),
+                className: Y(),
                 children: [
-                  b ? /* @__PURE__ */ t(
+                  y ? /* @__PURE__ */ o(
                     "ol",
                     {
                       className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
-                      style: { blockSize: `${l.getTotalSize()}px` },
-                      children: l.getVirtualItems().map((e) => {
-                        const s = o[e.index];
-                        return s ? /* @__PURE__ */ t(
+                      style: { blockSize: `${m.getTotalSize()}px` },
+                      children: m.getVirtualItems().map((e) => {
+                        const s = t[e.index];
+                        return s ? /* @__PURE__ */ o(
                           "li",
                           {
                             "data-index": e.index,
-                            ref: l.measureElement,
+                            ref: m.measureElement,
                             className: "ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full",
                             style: { transform: `translateY(${e.start}px)` },
-                            children: /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: s.node })
+                            children: /* @__PURE__ */ o("div", { className: "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: s.node })
                           },
                           s.id
                         ) : null;
                       })
                     }
-                  ) : /* @__PURE__ */ t("ol", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0", children: o.map((e) => /* @__PURE__ */ t("li", { children: e.node }, e.id)) }),
-                  /* @__PURE__ */ t(
+                  ) : /* @__PURE__ */ o("ol", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0", children: t.map((e) => /* @__PURE__ */ o("li", { children: e.node }, e.id)) }),
+                  /* @__PURE__ */ o(
                     "div",
                     {
-                      ref: v,
+                      ref: h,
                       "aria-hidden": "true",
                       className: "ds:h-1 ds:w-full"
                     }
@@ -189,7 +213,7 @@ const $ = {
                 ]
               }
             ),
-            I && !c ? /* @__PURE__ */ t(
+            N && !a ? /* @__PURE__ */ o(
               "div",
               {
                 className: [
@@ -208,29 +232,29 @@ const $ = {
                   "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95",
                   "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                 ].join(" "),
-                children: /* @__PURE__ */ t("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ t(
-                  A,
+                children: /* @__PURE__ */ o("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ o(
+                  F,
                   {
-                    icon: /* @__PURE__ */ t(P, {}),
+                    icon: /* @__PURE__ */ o(D, {}),
                     "aria-label": f("chat.scrollToLatest"),
                     size: "sm",
                     variant: "secondary",
                     position: "static",
-                    onClick: () => n({ smooth: !0 })
+                    onClick: () => r({ smooth: !0 })
                   }
                 ) })
               }
             ) : null
           ] }),
-          r ? /* @__PURE__ */ t("div", { className: "ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background", children: r }) : null
+          d ? /* @__PURE__ */ o("div", { className: "ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background", children: d }) : null
         ]
       }
     );
   }
 );
-Z.displayName = "ChatContainer";
+G.displayName = "ChatContainer";
 export {
-  Z as C,
-  $ as c
+  G as C,
+  U as c
 };
-//# sourceMappingURL=chat-container-HlFnoEIl.js.map
+//# sourceMappingURL=chat-container-CYYego1W.js.map

package/dist/_chunks/chat-container-CYYego1W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-container-CYYego1W.js","sources":["../../src/components/chat-container/chat-container.agent.ts","../../src/components/chat-container/chat-container.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ChatContainerHandle } from './chat-container';\n\nexport const chatContainerAgent: AgentAdapter<ChatContainerHandle> = {\n  id: 'chat-container',\n  // Scrolling the log viewport is pure ephemeral view state — `scroll`,\n  // not `navigate` (nothing routes; the conversation stays in place).\n  capabilities: ['scroll'],\n  // A9 / §7 is the live constraint here: the message log is PHI-bearing\n  // on the Alia surfaces, so the slots stay at scroll position and a\n  // count. `ChatContainerHandle.getScrollViewport()` is deliberately NOT\n  // surfaced — it returns a live DOM node whose subtree is the whole\n  // transcript.\n  state: {\n    isAtBottom: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.chatContainer.state.isAtBottom',\n      description:\n        'True when the viewport is pinned to the newest message. The read-back for `scroll_to_bottom` — the direct confirmation that the latest turn is on screen.',\n      read: (handle) => handle.isAtBottom(),\n    },\n    messageCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.chatContainer.state.messageCount',\n      description:\n        'Number of messages currently rendered in the log. Count only — never message content.',\n      read: (handle) => handle.getMessageCount(),\n    },\n  },\n  actions: {\n    scroll_to_bottom: {\n      safety: 'read',\n      argsType: '{ smooth?: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          smooth: {\n            type: 'boolean',\n            description:\n              'Animate the scroll when true (default). Forced off under reduced motion.',\n          },\n        },\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chatContainer.actions.scrollToBottom',\n      description:\n        'Scroll the conversation viewport to the latest message. Read the `isAtBottom` slot afterwards to confirm the viewport settled there.',\n      invoke: (handle, args: { smooth?: boolean }) => {\n        handle.scrollToBottom(args);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chat-container' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chatContainerAgent } from './chat-container.agent';\nimport { ChevronDown } from 'lucide-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { FloatingActionButton } from '../floating-action-button/floating-action-button';\nimport {\n  useIsomorphicLayoutEffect,\n  usePrefersReducedMotion,\n} from '../../hooks';\n\nconst rootVariants = cva(\n  'ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background',\n  {\n    variants: {\n      density: {\n        default: 'ds:gap-[var(--spacing-md)]',\n        compact: 'ds:gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { density: 'default' },\n  },\n);\n\nconst scrollViewportVariants = cva(\n  [\n    'ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto',\n    // Edge fade — content near the scroll boundaries fades into the\n    // container surface instead of clipping abruptly against the header\n    // or composer, so avatars / bubbles don't look \"cut in half\" as they\n    // pass the viewport edge. Fade width matches the viewport padding so\n    // a row can slide fully behind the mask before disappearing.\n    // Disabled under HCM (mask strips content), reduced motion (less\n    // decoration when motion is off), and the accessible theme.\n    'ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]',\n    'ds:motion-reduce:[mask-image:none]',\n    'ds:[.theme-accessible_&]:[mask-image:none]',\n    'ds:forced-colors:[mask-image:none]',\n  ].join(' '),\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** Pixel slack against the bottom edge that still counts as \"at bottom\". */\nconst BOTTOM_SLACK_PX = 48;\n\nexport interface ChatContainerHandle {\n  scrollToBottom: (opts?: { smooth?: boolean }) => void;\n  /**\n   * Escape hatch for host code that needs the live scroll element\n   * (measuring, custom scroll restoration). NOT an agent surface: the\n   * node's subtree is the conversation itself, which is PHI-bearing in\n   * the Alia surfaces, and PRS §26 §7 limits state slots to identifiers\n   * and structural state. The adapter deliberately does not expose it.\n   */\n  getScrollViewport: () => HTMLDivElement | null;\n  /**\n   * True when the viewport is pinned to the newest message (within\n   * `BOTTOM_SLACK_PX`). The read-back for `scroll_to_bottom`.\n   */\n  isAtBottom: () => boolean;\n  /** Number of messages currently rendered. Count only — never content. */\n  getMessageCount: () => number;\n}\n\nexport interface ChatContainerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'id'>,\n    VariantProps<typeof rootVariants> {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Array of messages to render. When the array exceeds 100 items the\n   *  list is virtualised via @tanstack/react-virtual. */\n  messages: Array<{ id: string; node: ReactNode }>;\n  /** Composer slot pinned to the block-end. */\n  composer?: ReactNode;\n  /** Fires when the user's auto-scroll preference flips. */\n  onAutoScrollChange?: (isAtBottom: boolean) => void;\n  /**\n   * When true, renders a \"scroll to latest\" FloatingActionButton in the\n   * bottom-end of the scroll column whenever the user has scrolled\n   * away from the newest message. Defaults to `false` because the\n   * affordance is only useful in long-form chat surfaces (fullscreen\n   * assistants, dedicated messaging views); in compact docks — e.g. the\n   * Alia side-panel — conversations rarely exceed one screen and the FAB\n   * just adds visual noise. Turn on for fullscreen chat surfaces.\n   */\n  showScrollToLatest?: boolean;\n}\n\nexport const ChatContainer = forwardRef<HTMLDivElement, ChatContainerProps>(\n  (\n    {\n      messages,\n      composer,\n      density = 'default',\n      className,\n      id,\n      onAutoScrollChange,\n      showScrollToLatest = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [isAtBottom, setIsAtBottom] = useState(true);\n\n    const prefersReducedMotion = usePrefersReducedMotion();\n\n    const scrollToBottom = useCallback(\n      (opts?: { smooth?: boolean }) => {\n        const el = viewportRef.current;\n        if (!el) return;\n        const smooth = (opts?.smooth ?? true) && !prefersReducedMotion;\n        el.scrollTo({\n          top: el.scrollHeight,\n          behavior: smooth ? 'smooth' : 'auto',\n        });\n      },\n      [prefersReducedMotion],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    // Assigned during render so an agent reading immediately after a\n    // scroll or an append sees the settled values, not the pre-commit\n    // ones. `isAtBottom` is maintained by the IntersectionObserver\n    // below and is the only confirmation `scroll_to_bottom` landed.\n    const isAtBottomRef = useRef(isAtBottom);\n    isAtBottomRef.current = isAtBottom;\n    const messageCountRef = useRef(messages.length);\n    messageCountRef.current = messages.length;\n\n    const agentHandle = useMemo<ChatContainerHandle>(\n      () => ({\n        scrollToBottom,\n        getScrollViewport: () => viewportRef.current,\n        isAtBottom: () => isAtBottomRef.current,\n        getMessageCount: () => messageCountRef.current,\n      }),\n      [scrollToBottom],\n    );\n    useAgentRegistration(chatContainerAgent, agentHandle, id);\n\n    /* ── Intersection observer: track \"at bottom\" via a sentinel ── */\n    useEffect(() => {\n      const root = viewportRef.current;\n      const sentinel = sentinelRef.current;\n      if (!root || !sentinel) return;\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          setIsAtBottom(entry.isIntersecting);\n          onAutoScrollChange?.(entry.isIntersecting);\n        },\n        {\n          root,\n          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.\n          rootMargin: `0px 0px ${BOTTOM_SLACK_PX}px 0px`,\n          threshold: 0,\n        },\n      );\n      observer.observe(sentinel);\n      return () => observer.disconnect();\n    }, [onAutoScrollChange]);\n\n    /* ── Auto-scroll on new messages when at bottom ── */\n    const messagesLength = messages.length;\n    useIsomorphicLayoutEffect(() => {\n      // `smooth: false` — when we're already pinned to the bottom and a\n      // new message appends, the user doesn't perceive any scroll motion\n      // (the sentinel just slides a few px). But a smooth animation DOES\n      // give the IntersectionObserver a window in which the sentinel is\n      // temporarily outside the rootMargin zone — that's what causes the\n      // scroll-to-latest FAB to flicker in and out on every new message.\n      // Instant scroll settles in one frame; FAB state stays stable.\n      // The user-initiated FAB click below still uses smooth because the\n      // jump is large and the motion communicates the travel.\n      if (isAtBottom) scrollToBottom({ smooth: false });\n      // Intentionally watching only length — individual node updates (streaming)\n      // are driven by their own scroll decisions.\n    }, [messagesLength, isAtBottom, scrollToBottom]);\n\n    const virtualized = messages.length > VIRTUALIZATION_THRESHOLD;\n\n    const virtualizer = useVirtualizer({\n      count: virtualized ? messages.length : 0,\n      getScrollElement: () => viewportRef.current,\n      estimateSize: () => 80,\n      overscan: 6,\n      getItemKey: (i) => messages[i]?.id ?? i,\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        className={rootVariants({ density, className })}\n        data-component=\"chat-container\"\n        data-component-id={id}\n        {...rest}\n      >\n        {/* Scroll column wraps the viewport AND the FAB together so the\n            FAB's absolute `bottom` is measured from the top of the\n            composer (this wrapper's end edge), not from the root — which\n            would drop the FAB inside the composer/suggestion-chip area. */}\n        <div className=\"ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col\">\n          <div\n            ref={viewportRef}\n            role=\"log\"\n            aria-live=\"polite\"\n            aria-relevant=\"additions\"\n            aria-label={t('chat.container')}\n            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable log region needs to be keyboard focusable for axe scrollable-region-focusable\n            tabIndex={0}\n            className={scrollViewportVariants()}\n          >\n            {virtualized ? (\n              <ol\n                className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n                // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n                style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n              >\n                {virtualizer.getVirtualItems().map((vi) => {\n                  const msg = messages[vi.index];\n                  if (!msg) return null;\n                  return (\n                    <li\n                      key={msg.id}\n                      data-index={vi.index}\n                      ref={virtualizer.measureElement}\n                      className=\"ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full\"\n                      // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n                      style={{ transform: `translateY(${vi.start}px)` }}\n                    >\n                      <div className=\"ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n                        {msg.node}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            ) : (\n              <ol className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0\">\n                {messages.map((m) => (\n                  <li key={m.id}>{m.node}</li>\n                ))}\n              </ol>\n            )}\n            <div\n              ref={sentinelRef}\n              aria-hidden=\"true\"\n              className=\"ds:h-1 ds:w-full\"\n            />\n          </div>\n\n          {showScrollToLatest && !isAtBottom ? (\n            <div\n              className={[\n                // `end-0` — the `inset-inline-end-0` spelling is not a\n                // Tailwind utility and compiled to nothing.\n                'ds:pointer-events-none ds:absolute ds:end-0',\n                // `bottom` is measured from the bottom of the scroll\n                // column (i.e. the top edge of the composer slot). A\n                // small spacing-md gap keeps the FAB clear of the\n                // divider border above the composer.\n                'ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n                // Enter animation — fade + scale in from 95%. The FAB only\n                // unmounts when the user returns to bottom, so an exit\n                // animation isn't justified (abrupt disappearance reads as\n                // \"task complete\" when they've scrolled back).\n                'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95',\n                'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n              ].join(' ')}\n            >\n              <div className=\"ds:pointer-events-auto\">\n                <FloatingActionButton\n                  icon={<ChevronDown />}\n                  aria-label={t('chat.scrollToLatest')}\n                  size=\"sm\"\n                  variant=\"secondary\"\n                  // `position=\"static\"` — the wrapper is already\n                  // absolutely-positioned. Without this, FAB's default\n                  // `bottom-end` variant applies `position: fixed` and\n                  // pins the button to the browser viewport corner,\n                  // escaping the container and appearing as an orphan\n                  // circle that stays put while the chat scrolls.\n                  position=\"static\"\n                  onClick={() => scrollToBottom({ smooth: true })}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {composer ? (\n          <div className=\"ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nChatContainer.displayName = 'ChatContainer';\n"],"names":["chatContainerAgent","handle","args","rootVariants","cva","scrollViewportVariants","VIRTUALIZATION_THRESHOLD","BOTTOM_SLACK_PX","ChatContainer","forwardRef","messages","composer","density","className","id","onAutoScrollChange","showScrollToLatest","rest","ref","t","useTranslation","viewportRef","useRef","sentinelRef","isAtBottom","setIsAtBottom","useState","prefersReducedMotion","usePrefersReducedMotion","scrollToBottom","useCallback","opts","el","smooth","rootRef","useImperativeHandle","isAtBottomRef","messageCountRef","agentHandle","useMemo","useAgentRegistration","useEffect","root","sentinel","observer","entries","entry","messagesLength","useIsomorphicLayoutEffect","virtualized","virtualizer","useVirtualizer","i","_a","jsxs","jsx","vi","msg","m","FloatingActionButton","ChevronDown"],"mappings":"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"}