@alfadocs/ui-kit-debug 0.1.9 → 0.2.0

package/dist/_chunks/chat-container-ClzsWXp2.js

@@ -0,0 +1,220 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { forwardRef as B, useRef as u, useState as C, useCallback as H, useImperativeHandle as L, useMemo as E, useEffect as M, useLayoutEffect as O } from "react";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { u as j } from "./registry-C9nwlNyL.js";
+import { u as A } from "./index-CJE9uQmb.js";
+import { F as P } from "./floating-action-button-C8OYj8mE.js";
+import { u as $ } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { C as D } from "./chevron-down-BX_NP2Yh.js";
+const F = {
+  id: "chat-container",
+  capabilities: ["navigate"],
+  state: {},
+  actions: {
+    scroll_to_bottom: {
+      safety: "read",
+      argsType: "{ smooth?: boolean }",
+      description: "Scroll the conversation viewport to the latest message.",
+      invoke: (o, r) => {
+        o.scrollToBottom(r);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "chat-container" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, K = k(
+  "ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background",
+  {
+    variants: {
+      density: {
+        default: "ds:gap-[var(--spacing-md)]",
+        compact: "ds:gap-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: { density: "default" }
+  }
+), U = 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)]",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto",
+    // Edge fade — content near the scroll boundaries fades into the
+    // container surface instead of clipping abruptly against the header
+    // or composer, so avatars / bubbles don't look "cut in half" as they
+    // pass the viewport edge. Fade width matches the viewport padding so
+    // a row can slide fully behind the mask before disappearing.
+    // Disabled under HCM (mask strips content), reduced motion (less
+    // decoration when motion is off), and the accessible theme.
+    "ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]",
+    "ds:motion-reduce:[mask-image:none]",
+    "ds:[.theme-accessible_&]:[mask-image:none]",
+    "ds:forced-colors:[mask-image:none]"
+  ].join(" ")
+), X = 100, Y = 48, Z = B(
+  ({
+    messages: o,
+    composer: r,
+    density: w = "default",
+    className: N,
+    id: p,
+    onAutoScrollChange: i,
+    showScrollToLatest: y = !1,
+    ...I
+  }, T) => {
+    const { t: f } = S(), a = u(null), v = u(null), [l, _] = C(!0), g = $(), n = H(
+      (e) => {
+        const s = a.current;
+        if (!s) return;
+        const d = ((e == null ? void 0 : e.smooth) ?? !0) && !g;
+        s.scrollTo({
+          top: s.scrollHeight,
+          behavior: d ? "smooth" : "auto"
+        });
+      },
+      [g]
+    ), h = u(null);
+    L(T, () => h.current, []);
+    const R = E(
+      () => ({
+        scrollToBottom: n,
+        getScrollViewport: () => a.current
+      }),
+      [n]
+    );
+    j(F, R, p), M(() => {
+      const e = a.current, s = v.current;
+      if (!e || !s) return;
+      const d = new IntersectionObserver(
+        (V) => {
+          const x = V[0];
+          _(x.isIntersecting), i == null || i(x.isIntersecting);
+        },
+        {
+          root: e,
+          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.
+          rootMargin: `0px 0px ${Y}px 0px`,
+          threshold: 0
+        }
+      );
+      return d.observe(s), () => d.disconnect();
+    }, [i]);
+    const z = o.length;
+    O(() => {
+      l && n({ smooth: !1 });
+    }, [z, l, n]);
+    const b = o.length > X, c = A({
+      count: b ? o.length : 0,
+      getScrollElement: () => a.current,
+      estimateSize: () => 80,
+      overscan: 6,
+      getItemKey: (e) => {
+        var s;
+        return ((s = o[e]) == null ? void 0 : s.id) ?? e;
+      }
+    });
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: h,
+        className: K({ density: w, className: N }),
+        "data-component": "chat-container",
+        "data-component-id": p,
+        ...I,
+        children: [
+          /* @__PURE__ */ m("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
+            /* @__PURE__ */ m(
+              "div",
+              {
+                ref: a,
+                role: "log",
+                "aria-live": "polite",
+                "aria-relevant": "additions",
+                "aria-label": f("ui.chat.container"),
+                tabIndex: 0,
+                className: U(),
+                children: [
+                  b ? /* @__PURE__ */ t(
+                    "ol",
+                    {
+                      className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
+                      style: { blockSize: `${c.getTotalSize()}px` },
+                      children: c.getVirtualItems().map((e) => {
+                        const s = o[e.index];
+                        return s ? /* @__PURE__ */ t(
+                          "li",
+                          {
+                            "data-index": e.index,
+                            ref: c.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 })
+                          },
+                          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(
+                    "div",
+                    {
+                      ref: v,
+                      "aria-hidden": "true",
+                      className: "ds:h-1 ds:w-full"
+                    }
+                  )
+                ]
+              }
+            ),
+            y && !l ? /* @__PURE__ */ t(
+              "div",
+              {
+                className: [
+                  "ds:pointer-events-none ds:absolute ds:inset-inline-end-0",
+                  // `bottom` is measured from the bottom of the scroll
+                  // column (i.e. the top edge of the composer slot). A
+                  // small spacing-md gap keeps the FAB clear of the
+                  // divider border above the composer.
+                  "ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                  // Enter animation — fade + scale in from 95%. The FAB only
+                  // unmounts when the user returns to bottom, so an exit
+                  // animation isn't justified (abrupt disappearance reads as
+                  // "task complete" when they've scrolled back).
+                  "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(
+                  P,
+                  {
+                    icon: /* @__PURE__ */ t(D, {}),
+                    "aria-label": f("ui.chat.scrollToLatest"),
+                    size: "sm",
+                    variant: "secondary",
+                    position: "static",
+                    onClick: () => n({ 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
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "ChatContainer";
+export {
+  Z as C,
+  F as c
+};
+//# sourceMappingURL=chat-container-ClzsWXp2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-container-ClzsWXp2.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  capabilities: ['navigate'],\n  state: {},\n  actions: {\n    scroll_to_bottom: {\n      safety: 'read',\n      argsType: '{ smooth?: boolean }',\n      description: 'Scroll the conversation viewport to the latest message.',\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  useLayoutEffect,\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 { usePrefersReducedMotion } 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  getScrollViewport: () => HTMLDivElement | null;\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   * Leo 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    const agentHandle = useMemo<ChatContainerHandle>(\n      () => ({\n        scrollToBottom,\n        getScrollViewport: () => viewportRef.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    useLayoutEffect(() => {\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('ui.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                'ds:pointer-events-none ds:absolute ds:inset-inline-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('ui.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","agentHandle","useMemo","useAgentRegistration","useEffect","root","sentinel","observer","entries","entry","messagesLength","useLayoutEffect","virtualized","virtualizer","useVirtualizer","i","_a","jsxs","jsx","vi","msg","m","FloatingActionButton","ChevronDown"],"mappings":"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"}

package/dist/_chunks/chat-input-DOlsB1fm.js

@@ -0,0 +1,333 @@
+import { jsxs as u, jsx as a, Fragment as ve } from "react/jsx-runtime";
+import { forwardRef as ye, useId as be, useRef as b, useCallback as W, useState as xe, useLayoutEffect as Ie, useImperativeHandle as ke, useMemo as Ce } from "react";
+import { c as we } from "./index-D2ZczOXr.js";
+import { useTranslation as Ne } from "react-i18next";
+import { I as U } from "./icon-button-C4CGcYuz.js";
+import { u as ze } from "./registry-C9nwlNyL.js";
+import { c as He } from "./createLucideIcon-CrFbzy84.js";
+import { C as Ve } from "./circle-alert-ChA9opNA.js";
+import { S as Ee } from "./send-CySZIRPJ.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Me = [
+  [
+    "path",
+    {
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+      key: "1miecu"
+    }
+  ]
+], Te = He("paperclip", Me), Fe = {
+  id: "chat-input",
+  capabilities: ["edit_inline", "submit"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.chatInput.state.value",
+      description: "Current text in the composer.",
+      read: (t) => t.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.chatInput.state.isEmpty",
+      description: "True when the composer has no text.",
+      read: (t) => t.isEmpty()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.chatInput.actions.setValue",
+      description: "Replace the composer text.",
+      invoke: (t, o) => {
+        t.setValue(o.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.chatInput.actions.clear",
+      description: "Clear the composer. Irreversible from the same UI.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    submit: {
+      safety: "write",
+      descriptionKey: "ui.agent.chatInput.actions.submit",
+      description: "Submit the current composer state via onSubmit.",
+      invoke: (t) => {
+        t.submit();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.chatInput.actions.focus",
+      description: "Move keyboard focus into the textarea.",
+      invoke: (t) => {
+        t.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "chat-input",
+      description: "Marks the ChatInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Ke = we(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
+    // Soft drop-shadow + transparent border replaces a flat
+    // `border-border` (grey-800 since the WCAG 1.4.11 bump). Border kept
+    // at 1px so the focus-within color override + forced-colors
+    // fallback still paint a visible edge.
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-sm)] ds:border ds:border-transparent",
+    "ds:bg-background ds:focus-within:border-[color:var(--primary)]",
+    "ds:transition-[border-color] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function Se(t, o) {
+  if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
+    try {
+      const p = new Intl.Segmenter(o, { granularity: "grapheme" });
+      let s = 0;
+      for (const M of p.segment(t)) s += 1;
+      return s;
+    } catch {
+    }
+  return Array.from(t).length;
+}
+const je = ye(
+  ({
+    size: t = "md",
+    value: o,
+    defaultValue: p,
+    maxLength: s,
+    submitOnEnter: M = !1,
+    minRows: x = 1,
+    maxRows: T = 8,
+    onSubmit: I,
+    onAttach: m,
+    accept: Y,
+    disabled: f,
+    toolbar: q,
+    label: F,
+    placeholder: A,
+    className: G,
+    onChange: k,
+    onKeyDown: C,
+    onCompositionStart: w,
+    onCompositionEnd: N,
+    id: z,
+    ...J
+  }, L) => {
+    const { t: c, i18n: O } = Ne(), Q = be(), h = b(!1), K = b(null), H = b(null), X = W((e) => {
+      H.current = e;
+    }, []), n = o !== void 0, [Z, g] = xe(
+      String(p ?? "")
+    ), r = n ? String(o) : Z, V = Se(r, O.language), v = typeof s == "number" && s > 0, D = v ? Math.max(0, s - V) : 0, ee = v && V > s * 0.9, l = v && V >= s, S = W(() => {
+      const e = H.current;
+      if (!e) return;
+      const i = window.getComputedStyle(e), y = parseFloat(i.lineHeight) || 24, ue = parseFloat(i.paddingTop) || 0, pe = parseFloat(i.paddingBottom) || 0, me = parseFloat(i.borderTopWidth) || 0, fe = parseFloat(i.borderBottomWidth) || 0, _ = ue + pe + me + fe, he = y * x + _, $ = y * T + _;
+      e.style.height = "auto";
+      const ge = Math.max(he, Math.min(e.scrollHeight, $));
+      e.style.height = `${ge}px`, e.style.overflowY = e.scrollHeight > $ ? "auto" : "hidden";
+    }, [x, T]);
+    Ie(() => {
+      S();
+    }, [S, r]);
+    const te = (e) => {
+      n || g(e.target.value), !h.current && (k == null || k(e));
+    }, se = (e) => {
+      h.current = !0, w == null || w(e);
+    }, re = (e) => {
+      h.current = !1, N == null || N(e);
+    }, ae = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || h.current, E = () => {
+      !r.trim() || f || l || (I == null || I(r), n || g(""));
+    }, j = b(null);
+    ke(L, () => j.current, []);
+    const ne = Ce(
+      () => ({
+        getValue: () => r,
+        isEmpty: () => !r.trim(),
+        setValue: (e) => {
+          n || g(e);
+        },
+        clear: () => {
+          n || g("");
+        },
+        submit: () => {
+          E();
+        },
+        focus: () => {
+          var e;
+          (e = H.current) == null || e.focus();
+        }
+      }),
+      // `submit` is a local closure that always sees the latest currentValue
+      // via React's render cycle — depend on currentValue + isControlled so
+      // the handle picks up new values across renders.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [r, n]
+    );
+    ze(Fe, ne, z);
+    const ie = (e) => {
+      if (C == null || C(e), !e.defaultPrevented && !ae(e) && e.key === "Enter") {
+        const i = e.metaKey || e.ctrlKey, y = M && !e.shiftKey;
+        (i || y) && (e.preventDefault(), E());
+      }
+    }, oe = () => {
+      var e;
+      (e = K.current) == null || e.click();
+    }, ce = (e) => {
+      e.target.files && e.target.files.length > 0 && (m == null || m(e.target.files)), e.target.value = "";
+    }, d = z ?? Q, B = `${d}-label`, R = v ? `${d}-counter` : void 0, P = `${d}-hint`, le = A ?? c("chat.input.placeholder"), de = F ?? c("chat.prompt");
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: j,
+        "data-component": "chat-input",
+        "data-component-id": z,
+        className: Ke({ size: t, className: G }),
+        children: [
+          /* @__PURE__ */ a(
+            "label",
+            {
+              id: B,
+              htmlFor: d,
+              className: F ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only",
+              children: de
+            }
+          ),
+          /* @__PURE__ */ a(
+            "textarea",
+            {
+              ref: X,
+              id: d,
+              value: n ? r : void 0,
+              defaultValue: n ? void 0 : p,
+              disabled: f,
+              rows: x,
+              maxLength: s,
+              placeholder: le,
+              "aria-labelledby": B,
+              "aria-describedby": [R, P].filter(Boolean).join(" ") || void 0,
+              "aria-invalid": l || void 0,
+              onChange: te,
+              onKeyDown: ie,
+              onCompositionStart: se,
+              onCompositionEnd: re,
+              className: [
+                "ds:w-full ds:resize-none ds:bg-transparent",
+                "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]",
+                "ds:placeholder:text-[color:var(--muted-foreground)]",
+                "ds:leading-[var(--line-height-base)]",
+                "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
+                // Tokenised focus ring on the textarea itself — the 1px border
+                // shift on the wrapper alone fails the 3px accessible-theme
+                // requirement. See a11y-critical-fixes.mdx.
+                "ds:outline-none",
+                "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+                "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                "ds:rounded-[var(--radius-sm)]",
+                "ds:forced-colors:focus-visible:outline-[CanvasText]"
+              ].join(" "),
+              ...J
+            }
+          ),
+          /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
+            m ? /* @__PURE__ */ u(ve, { children: [
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  ref: K,
+                  type: "file",
+                  className: "ds:sr-only",
+                  multiple: !0,
+                  accept: Y,
+                  onChange: ce
+                }
+              ),
+              /* @__PURE__ */ a(
+                U,
+                {
+                  icon: /* @__PURE__ */ a(Te, {}),
+                  "aria-label": c("chat.input.attach"),
+                  intent: "ghost",
+                  size: "sm",
+                  onClick: oe,
+                  disabled: f
+                }
+              )
+            ] }) : null,
+            q,
+            /* @__PURE__ */ u("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              ee ? /* @__PURE__ */ u(
+                "span",
+                {
+                  id: R,
+                  "aria-live": "polite",
+                  className: [
+                    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                    "type-meta ds:tabular-nums",
+                    l ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
+                  ].join(" "),
+                  children: [
+                    l ? (
+                      // Icon pairs with --destructive colour so the at-limit
+                      // state is not conveyed by hue alone (WCAG 1.4.1).
+                      /* @__PURE__ */ a(Ve, { "aria-hidden": "true", className: "ds:size-3.5" })
+                    ) : null,
+                    c("chat.input.remaining", { count: D })
+                  ]
+                }
+              ) : null,
+              /* @__PURE__ */ a("span", { id: P, className: "ds:sr-only", children: c("chat.input.sendHint") }),
+              /* @__PURE__ */ a(
+                U,
+                {
+                  icon: /* @__PURE__ */ a(Ee, {}),
+                  "aria-label": c("chat.send"),
+                  intent: "primary",
+                  size: "sm",
+                  disabled: f || !r.trim() || l,
+                  onClick: E,
+                  "aria-keyshortcuts": "Meta+Enter Control+Enter"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+je.displayName = "ChatInput";
+export {
+  je as C,
+  Fe as c
+};
+//# sourceMappingURL=chat-input-DOlsB1fm.js.map

package/dist/_chunks/chat-input-DOlsB1fm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-DOlsB1fm.js","sources":["../../node_modules/lucide-react/dist/esm/icons/paperclip.js","../../src/components/chat-input/chat-input.agent.ts","../../src/components/chat-input/chat-input.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\",\n      key: \"1miecu\"\n    }\n  ]\n];\nconst Paperclip = createLucideIcon(\"paperclip\", __iconNode);\n\nexport { __iconNode, Paperclip as default };\n//# sourceMappingURL=paperclip.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — ChatInput.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ChatInputHandle } from './chat-input';\n\nexport const chatInputAgent: AgentAdapter<ChatInputHandle> = {\n  id: 'chat-input',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.chatInput.state.value',\n      description: 'Current text in the composer.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.chatInput.state.isEmpty',\n      description: 'True when the composer has no text.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.chatInput.actions.setValue',\n      description: 'Replace the composer text.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.chatInput.actions.clear',\n      description: 'Clear the composer. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.chatInput.actions.submit',\n      description: 'Submit the current composer state via onSubmit.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.chatInput.actions.focus',\n      description: 'Move keyboard focus into the textarea.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'chat-input',\n      description: 'Marks the ChatInput wrapper.',\n    },\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  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle, Paperclip, Send } from 'lucide-react';\nimport { IconButton } from '../button';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chatInputAgent } from './chat-input.agent';\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    // Soft drop-shadow + transparent border replaces a flat\n    // `border-border` (grey-800 since the WCAG 1.4.11 bump). Border kept\n    // at 1px so the focus-within color override + forced-colors\n    // fallback still paint a visible edge.\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-sm)] ds:border ds:border-transparent',\n    'ds:bg-background ds:focus-within:border-[color:var(--primary)]',\n    'ds:transition-[border-color] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'onSubmit' | 'children'\n>;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ChatInputHandle {\n  getValue: () => string;\n  isEmpty: () => boolean;\n  setValue: (value: string) => void;\n  clear: () => void;\n  submit: () => void;\n  focus: () => void;\n}\n\nexport interface ChatInputProps\n  extends NativeTextareaProps, VariantProps<typeof rootVariants> {\n  /** Invoked when the user submits (Cmd/Ctrl+Enter, or send button). */\n  onSubmit?: (text: string) => void;\n  /** Maximum allowed characters (grapheme clusters via Intl.Segmenter when available). */\n  maxLength?: number;\n  /** When true, plain Enter submits and Shift+Enter inserts a newline.\n   *  Default false (Enter inserts newline; Cmd/Ctrl+Enter submits). */\n  submitOnEnter?: boolean;\n  /** Minimum visible rows. Default 1. */\n  minRows?: number;\n  /** Maximum visible rows before the field scrolls. Default 8. */\n  maxRows?: number;\n  /** Optional attachment handler — when provided, renders the attachment button. */\n  onAttach?: (files: FileList) => void;\n  /** `accept` forwarded to the hidden file input. */\n  accept?: string;\n  /** Controls whether the textarea is disabled and submit is blocked. */\n  disabled?: boolean;\n  /** Optional slot placed between the textarea and the send button. */\n  toolbar?: ReactNode;\n  /** Visible label above the textarea. When omitted, a visually-hidden label is used. */\n  label?: string;\n}\n\nfunction graphemeCount(value: string, locale: string): number {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      let n = 0;\n      for (const _s of seg.segment(value)) n += 1;\n      return n;\n    } catch {\n      /* fall through to Array.from */\n    }\n  }\n  return Array.from(value).length;\n}\n\nexport const ChatInput = forwardRef<HTMLDivElement, ChatInputProps>(\n  (\n    {\n      size = 'md',\n      value,\n      defaultValue,\n      maxLength,\n      submitOnEnter = false,\n      minRows = 1,\n      maxRows = 8,\n      onSubmit,\n      onAttach,\n      accept,\n      disabled,\n      toolbar,\n      label,\n      placeholder,\n      className,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const textareaId = useId();\n    const composingRef = useRef(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n\n    const setRefs = useCallback((node: HTMLTextAreaElement | null) => {\n      innerRef.current = node;\n    }, []);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const count = graphemeCount(currentValue, i18n.language);\n    const hasMaxLength = typeof maxLength === 'number' && maxLength > 0;\n    const remaining = hasMaxLength ? Math.max(0, maxLength - count) : 0;\n    const showCounter = hasMaxLength && count > (maxLength as number) * 0.9;\n    const atLimit = hasMaxLength && count >= maxLength;\n\n    /* Auto-grow — compute height from scrollHeight, clamped to [minRows, maxRows].\n       Imperative `.style` write is permitted per 23-constraints\n       §Runtime-computed dimensions (textarea scrollHeight measurement). */\n    const resize = useCallback(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight) || 24;\n      const padTop = parseFloat(styles.paddingTop) || 0;\n      const padBot = parseFloat(styles.paddingBottom) || 0;\n      const borderTop = parseFloat(styles.borderTopWidth) || 0;\n      const borderBot = parseFloat(styles.borderBottomWidth) || 0;\n      const chrome = padTop + padBot + borderTop + borderBot;\n      const minH = lineHeight * minRows + chrome;\n      const maxH = lineHeight * maxRows + chrome;\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n      el.style.overflowY = el.scrollHeight > maxH ? 'auto' : 'hidden';\n    }, [minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      resize();\n    }, [resize, currentValue]);\n\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternalValue(e.target.value);\n      if (composingRef.current) return;\n      onChange?.(e);\n    };\n\n    const handleCompositionStart = (\n      e: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = true;\n      onCompositionStart?.(e);\n    };\n    const handleCompositionEnd = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = false;\n      onCompositionEnd?.(e);\n    };\n\n    const isIMEKey = (e: KeyboardEvent<HTMLTextAreaElement>) =>\n      e.nativeEvent.isComposing || e.keyCode === 229 || composingRef.current;\n\n    const submit = () => {\n      const text = currentValue.trim();\n      if (!text || disabled || atLimit) return;\n      onSubmit?.(currentValue);\n      if (!isControlled) setInternalValue('');\n    };\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ChatInputHandle>(\n      () => ({\n        getValue: () => currentValue,\n        isEmpty: () => !currentValue.trim(),\n        setValue: (next: string) => {\n          if (!isControlled) setInternalValue(next);\n        },\n        clear: () => {\n          if (!isControlled) setInternalValue('');\n        },\n        submit: () => {\n          submit();\n        },\n        focus: () => {\n          innerRef.current?.focus();\n        },\n      }),\n      // `submit` is a local closure that always sees the latest currentValue\n      // via React's render cycle — depend on currentValue + isControlled so\n      // the handle picks up new values across renders.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [currentValue, isControlled],\n    );\n    useAgentRegistration(chatInputAgent, agentHandle, id);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (isIMEKey(e)) return;\n\n      if (e.key === 'Enter') {\n        const explicitSubmit = e.metaKey || e.ctrlKey;\n        const plainEnterSubmits = submitOnEnter && !e.shiftKey;\n        if (explicitSubmit || plainEnterSubmits) {\n          e.preventDefault();\n          submit();\n        }\n      }\n    };\n\n    const handleAttach = () => {\n      fileInputRef.current?.click();\n    };\n\n    const handleFilePick = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files && e.target.files.length > 0) {\n        onAttach?.(e.target.files);\n      }\n      // Reset so picking the same file twice still fires change.\n      e.target.value = '';\n    };\n\n    const effectiveId = id ?? textareaId;\n    const labelId = `${effectiveId}-label`;\n    const counterId = hasMaxLength ? `${effectiveId}-counter` : undefined;\n    const hintId = `${effectiveId}-hint`;\n\n    const resolvedPlaceholder = placeholder ?? t('chat.input.placeholder');\n    const resolvedLabel = label ?? t('chat.prompt');\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"chat-input\"\n        data-component-id={id}\n        className={rootVariants({ size, className })}\n      >\n        <label\n          id={labelId}\n          htmlFor={effectiveId}\n          className={\n            label\n              ? 'type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]'\n              : 'ds:sr-only'\n          }\n        >\n          {resolvedLabel}\n        </label>\n        <textarea\n          ref={setRefs}\n          id={effectiveId}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          disabled={disabled}\n          rows={minRows}\n          maxLength={maxLength}\n          placeholder={resolvedPlaceholder}\n          aria-labelledby={labelId}\n          aria-describedby={\n            [counterId, hintId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={atLimit || undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={[\n            'ds:w-full ds:resize-none ds:bg-transparent',\n            'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]',\n            'ds:placeholder:text-[color:var(--muted-foreground)]',\n            'ds:leading-[var(--line-height-base)]',\n            'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n            // Tokenised focus ring on the textarea itself — the 1px border\n            // shift on the wrapper alone fails the 3px accessible-theme\n            // requirement. See a11y-critical-fixes.mdx.\n            'ds:outline-none',\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:rounded-[var(--radius-sm)]',\n            'ds:forced-colors:focus-visible:outline-[CanvasText]',\n          ].join(' ')}\n          {...rest}\n        />\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n          {onAttach ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                className=\"ds:sr-only\"\n                multiple\n                accept={accept}\n                onChange={handleFilePick}\n              />\n              <IconButton\n                icon={<Paperclip />}\n                aria-label={t('chat.input.attach')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleAttach}\n                disabled={disabled}\n              />\n            </>\n          ) : null}\n          {toolbar}\n          <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {showCounter ? (\n              <span\n                id={counterId}\n                aria-live=\"polite\"\n                className={[\n                  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                  'type-meta ds:tabular-nums',\n                  atLimit\n                    ? 'ds:text-[color:var(--destructive)]'\n                    : 'ds:text-[color:var(--muted-foreground)]',\n                ].join(' ')}\n              >\n                {atLimit ? (\n                  // Icon pairs with --destructive colour so the at-limit\n                  // state is not conveyed by hue alone (WCAG 1.4.1).\n                  <AlertCircle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                ) : null}\n                {t('chat.input.remaining', { count: remaining })}\n              </span>\n            ) : null}\n            <span id={hintId} className=\"ds:sr-only\">\n              {t('chat.input.sendHint')}\n            </span>\n            <IconButton\n              icon={<Send />}\n              aria-label={t('chat.send')}\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={disabled || !currentValue.trim() || atLimit}\n              onClick={submit}\n              aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nChatInput.displayName = 'ChatInput';\n"],"names":["__iconNode","Paperclip","createLucideIcon","chatInputAgent","handle","args","rootVariants","cva","graphemeCount","value","locale","seg","n","_s","ChatInput","forwardRef","size","defaultValue","maxLength","submitOnEnter","minRows","maxRows","onSubmit","onAttach","accept","disabled","toolbar","label","placeholder","className","onChange","onKeyDown","onCompositionStart","onCompositionEnd","id","rest","ref","t","i18n","useTranslation","textareaId","useId","composingRef","useRef","fileInputRef","innerRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","count","hasMaxLength","remaining","showCounter","atLimit","resize","el","styles","lineHeight","padTop","padBot","borderTop","borderBot","chrome","minH","maxH","next","useLayoutEffect","handleChange","handleCompositionStart","handleCompositionEnd","isIMEKey","submit","rootRef","useImperativeHandle","agentHandle","useMemo","_a","useAgentRegistration","handleKeyDown","explicitSubmit","plainEnterSubmits","handleAttach","handleFilePick","effectiveId","labelId","counterId","hintId","resolvedPlaceholder","resolvedLabel","jsxs","jsx","Fragment","IconButton","AlertCircle","Send"],"mappings":"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","x_google_ignoreList":[0]}