@alfadocs/ui-kit 0.0.19 → 0.1.0

package/dist/_chunks/{chat-input-aphxDjZL.js → chat-input-3rstZhHR.js}

@@ -1,8 +1,8 @@
-import { jsxs as d, jsx as r, Fragment as ge } from "react/jsx-runtime";
+import { jsxs as d, jsx as s, Fragment as ge } from "react/jsx-runtime";
 import { forwardRef as he, useId as ve, useRef as F, useCallback as K, useState as be, useLayoutEffect as ye } from "react";
 import { c as xe } from "./index-D2ZczOXr.js";
 import { useTranslation as Ie } from "react-i18next";
-import { I as W } from "./icon-button-C1vpylg3.js";
+import { I as W } from "./icon-button-C482ii4y.js";
 import { c as Ce } from "./createLucideIcon-CrFbzy84.js";
 import { C as Ne } from "./circle-alert-ChA9opNA.js";
 import { S as ke } from "./send-CySZIRPJ.js";
@@ -22,18 +22,18 @@ const ze = [
   ]
 ], Fe = Ce("paperclip", ze), we = xe(
   [
-    "flex flex-col gap-[var(--spacing-xs)] w-full",
-    "rounded-[var(--radius-md)] border border-border",
-    "bg-background focus-within:border-[color:var(--primary)]",
-    "transition-[border-color] duration-[var(--animation-duration)]",
-    "motion-reduce:transition-none"
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:bg-background ds:focus-within:border-[color:var(--primary)]",
+    "ds:transition-[border-color] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "text-[length:var(--font-size-sm)]",
-        md: "text-[length:var(--font-size-base)]",
-        lg: "text-[length:var(--font-size-lg)]"
+        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" }
@@ -74,51 +74,51 @@ const je = he(
     id: L,
     ...O
   }, i) => {
-    const { t: a, i18n: Q } = Ie(), U = ve(), h = F(!1), B = F(null), M = F(null), X = K(
+    const { t: n, i18n: Q } = Ie(), U = ve(), h = F(!1), B = F(null), M = F(null), X = K(
       (e) => {
         M.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
       [i]
     ), o = p !== void 0, [Z, T] = be(
       String(f ?? "")
-    ), s = o ? String(p) : Z, z = He(s, Q.language), v = typeof t == "number" && t > 0, D = v ? Math.max(0, t - z) : 0, A = v && z > t * 0.9, l = v && z >= t, E = K(() => {
+    ), a = o ? String(p) : Z, z = He(a, Q.language), v = typeof t == "number" && t > 0, D = v ? Math.max(0, t - z) : 0, A = v && z > t * 0.9, l = v && z >= t, E = K(() => {
       const e = M.current;
       if (!e) return;
-      const n = window.getComputedStyle(e), b = parseFloat(n.lineHeight) || 24, ce = parseFloat(n.paddingTop) || 0, de = parseFloat(n.paddingBottom) || 0, ue = parseFloat(n.borderTopWidth) || 0, pe = parseFloat(n.borderBottomWidth) || 0, R = ce + de + ue + pe, fe = b * y + R, _ = b * H + R;
+      const r = window.getComputedStyle(e), b = parseFloat(r.lineHeight) || 24, ce = parseFloat(r.paddingTop) || 0, de = parseFloat(r.paddingBottom) || 0, ue = parseFloat(r.borderTopWidth) || 0, pe = parseFloat(r.borderBottomWidth) || 0, R = ce + de + ue + pe, fe = b * y + R, _ = b * H + R;
       e.style.height = "auto";
       const me = Math.max(fe, Math.min(e.scrollHeight, _));
       e.style.height = `${me}px`, e.style.overflowY = e.scrollHeight > _ ? "auto" : "hidden";
     }, [y, H]);
     ye(() => {
       E();
-    }, [E, s]);
+    }, [E, a]);
     const ee = (e) => {
       o || T(e.target.value), !h.current && (I == null || I(e));
     }, te = (e) => {
       h.current = !0, N == null || N(e);
-    }, re = (e) => {
+    }, se = (e) => {
       h.current = !1, k == null || k(e);
-    }, ne = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || h.current, V = () => {
-      !s.trim() || g || l || (x == null || x(s), o || T(""));
-    }, ae = (e) => {
-      if (C == null || C(e), !e.defaultPrevented && !ne(e) && e.key === "Enter") {
-        const n = e.metaKey || e.ctrlKey, b = w && !e.shiftKey;
-        (n || b) && (e.preventDefault(), V());
+    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || h.current, V = () => {
+      !a.trim() || g || l || (x == null || x(a), o || T(""));
+    }, ne = (e) => {
+      if (C == null || C(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
+        const r = e.metaKey || e.ctrlKey, b = w && !e.shiftKey;
+        (r || b) && (e.preventDefault(), V());
       }
-    }, se = () => {
+    }, ae = () => {
       var e;
       (e = B.current) == null || e.click();
     }, ie = (e) => {
       e.target.files && e.target.files.length > 0 && (m == null || m(e.target.files)), e.target.value = "";
-    }, c = L ?? U, P = `${c}-label`, S = v ? `${c}-counter` : void 0, $ = `${c}-hint`, oe = G ?? a("chat.input.placeholder"), le = j ?? a("chat.prompt");
+    }, c = L ?? U, P = `${c}-label`, S = v ? `${c}-counter` : void 0, $ = `${c}-hint`, oe = G ?? n("chat.input.placeholder"), le = j ?? n("chat.prompt");
     return /* @__PURE__ */ d("div", { className: we({ size: u, className: J }), children: [
-      /* @__PURE__ */ r("label", { id: P, htmlFor: c, className: j ? "type-label ps-[var(--spacing-sm)] pt-[var(--spacing-sm)]" : "sr-only", children: le }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s("label", { id: P, htmlFor: c, className: j ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only", children: le }),
+      /* @__PURE__ */ s(
         "textarea",
         {
           ref: X,
           id: c,
-          value: o ? s : void 0,
+          value: o ? a : void 0,
           defaultValue: o ? void 0 : f,
           disabled: g,
           rows: y,
@@ -128,83 +128,83 @@ const je = he(
           "aria-describedby": [S, $].filter(Boolean).join(" ") || void 0,
           "aria-invalid": l || void 0,
           onChange: ee,
-          onKeyDown: ae,
+          onKeyDown: ne,
           onCompositionStart: te,
-          onCompositionEnd: re,
+          onCompositionEnd: se,
           className: [
-            "w-full resize-none bg-transparent",
-            "ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] pb-[var(--spacing-xs)]",
-            "placeholder:text-[color:var(--muted-foreground)]",
-            "leading-[var(--line-height-base)]",
-            "disabled:opacity-50 disabled:cursor-not-allowed",
+            "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.
-            "outline-none",
-            "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-            "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-            "rounded-[var(--radius-sm)]",
-            "forced-colors:focus-visible:outline-[CanvasText]"
+            "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(" "),
           ...O
         }
       ),
-      /* @__PURE__ */ d("div", { className: "flex items-center gap-[var(--spacing-xs)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] pb-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ d("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__ */ d(ge, { children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             "input",
             {
               ref: B,
               type: "file",
-              className: "sr-only",
+              className: "ds:sr-only",
               multiple: !0,
               accept: Y,
               onChange: ie
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             W,
             {
-              icon: /* @__PURE__ */ r(Fe, {}),
-              "aria-label": a("chat.input.attach"),
+              icon: /* @__PURE__ */ s(Fe, {}),
+              "aria-label": n("chat.input.attach"),
               intent: "ghost",
               size: "sm",
-              onClick: se,
+              onClick: ae,
               disabled: g
             }
           )
         ] }) : null,
         q,
-        /* @__PURE__ */ d("div", { className: "ms-auto inline-flex items-center gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ d("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
           A ? /* @__PURE__ */ d(
             "span",
             {
               id: S,
               "aria-live": "polite",
               className: [
-                "inline-flex items-center gap-[var(--spacing-xs)]",
-                "type-meta tabular-nums",
-                l ? "text-[color:var(--destructive)]" : "text-[color:var(--muted-foreground)]"
+                "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__ */ r(Ne, { "aria-hidden": "true", className: "size-3.5" })
+                  /* @__PURE__ */ s(Ne, { "aria-hidden": "true", className: "ds:size-3.5" })
                 ) : null,
-                a("chat.input.remaining", { count: D })
+                n("chat.input.remaining", { count: D })
               ]
             }
           ) : null,
-          /* @__PURE__ */ r("span", { id: $, className: "sr-only", children: a("chat.input.sendHint") }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s("span", { id: $, className: "ds:sr-only", children: n("chat.input.sendHint") }),
+          /* @__PURE__ */ s(
             W,
             {
-              icon: /* @__PURE__ */ r(ke, {}),
-              "aria-label": a("chat.send"),
+              icon: /* @__PURE__ */ s(ke, {}),
+              "aria-label": n("chat.send"),
               intent: "primary",
               size: "sm",
-              disabled: g || !s.trim() || l,
+              disabled: g || !a.trim() || l,
               onClick: V,
               "aria-keyshortcuts": "Meta+Enter Control+Enter"
             }
@@ -218,4 +218,4 @@ je.displayName = "ChatInput";
 export {
   je as C
 };
-//# sourceMappingURL=chat-input-aphxDjZL.js.map
+//# sourceMappingURL=chat-input-3rstZhHR.js.map

package/dist/_chunks/chat-input-3rstZhHR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-3rstZhHR.js","sources":["../../node_modules/lucide-react/dist/esm/icons/paperclip.js","../../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","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\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';\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\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  ].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\nexport interface ChatInputProps\n  extends NativeTextareaProps,\n    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<HTMLTextAreaElement, 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(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\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 = (e: CompositionEvent<HTMLTextAreaElement>) => {\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 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 =\n      placeholder ?? t('chat.input.placeholder');\n    const resolvedLabel = label ?? t('chat.prompt');\n\n    return (\n      <div className={rootVariants({ size, className })}>\n        <label id={labelId} htmlFor={effectiveId} className={label ? 'type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]' : 'ds:sr-only'}>\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={[counterId, hintId].filter(Boolean).join(' ') || undefined}\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","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","handleKeyDown","explicitSubmit","plainEnterSubmits","handleAttach","_a","handleFilePick","effectiveId","labelId","counterId","hintId","resolvedPlaceholder","resolvedLabel","jsxs","jsx","Fragment","IconButton","AlertCircle","Send"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{chat-message-CdJSD18D.js → chat-message-dDMVSYBs.js}

@@ -1,10 +1,10 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as j, Fragment as g } from "react";
 import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
-import { B as z } from "./button-CXL8bA8G.js";
-import { A as M } from "./avatar-BsV7vRA6.js";
-import { T as I } from "./timestamp-BLM-jjdw.js";
+import { B as z } from "./button-DmiGFnNA.js";
+import { A as M } from "./avatar-BAhxbDEu.js";
+import { T as I } from "./timestamp-DmSt92P1.js";
 import { s as A } from "./safe-image-src-DstKgCo7.js";
 import { c as F } from "./createLucideIcon-CrFbzy84.js";
 import { C as L } from "./clock-21AGPWJ5.js";
@@ -19,12 +19,12 @@ import { C as V } from "./circle-alert-ChA9opNA.js";
 const _ = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], B = F("rotate-ccw", _), D = v("flex w-full items-start gap-[var(--spacing-sm)]", {
+], B = F("rotate-ccw", _), D = v("ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", {
   variants: {
     role: {
-      user: "flex-row-reverse",
-      assistant: "flex-row",
-      system: "flex-col items-center text-center"
+      user: "ds:flex-row-reverse",
+      assistant: "ds:flex-row",
+      system: "ds:flex-col ds:items-center ds:text-center"
     }
   },
   defaultVariants: { role: "assistant" }
@@ -34,109 +34,109 @@ const _ = [
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
     // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline
     // edge when the row is width-constrained.
-    "relative max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]",
-    "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-    "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]",
+    "ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
     "type-body",
-    "break-words"
+    "ds:break-words"
   ].join(" "),
   {
     variants: {
       role: {
-        user: "bg-[color:var(--primary)] text-[color:var(--primary-foreground)] rounded-[var(--radius-md)] rounded-ee-[var(--radius-sm)]",
-        assistant: "bg-muted/40 text-foreground rounded-[var(--radius-md)] rounded-es-[var(--radius-sm)]",
-        system: "bg-transparent text-[color:var(--muted-foreground)] type-body-sm italic"
+        user: "ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]",
+        assistant: "ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]",
+        system: "ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic"
       }
     },
     defaultVariants: { role: "assistant" }
   }
 ), k = /^(https?:|mailto:)/i;
-function $(s) {
+function $(t) {
   const e = [];
-  let a = s;
+  let r = t;
   const n = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
-  for (; a.length > 0; ) {
-    const r = n.exec(a);
-    if (!r) {
-      e.push({ type: "text", value: a });
+  for (; r.length > 0; ) {
+    const s = n.exec(r);
+    if (!s) {
+      e.push({ type: "text", value: r });
       break;
     }
-    r.index > 0 && e.push({ type: "text", value: a.slice(0, r.index) }), r[1] !== void 0 ? e.push({ type: "bold", value: r[1] }) : r[2] !== void 0 ? e.push({ type: "code", value: r[2] }) : r[3] !== void 0 && r[4] !== void 0 ? e.push({ type: "link", label: r[3], href: r[4] }) : e.push({ type: "br" }), a = a.slice(r.index + r[0].length);
+    s.index > 0 && e.push({ type: "text", value: r.slice(0, s.index) }), s[1] !== void 0 ? e.push({ type: "bold", value: s[1] }) : s[2] !== void 0 ? e.push({ type: "code", value: s[2] }) : s[3] !== void 0 && s[4] !== void 0 ? e.push({ type: "link", label: s[3], href: s[4] }) : e.push({ type: "br" }), r = r.slice(s.index + s[0].length);
   }
   return e;
 }
-function q(s) {
-  return $(s).map((e, a) => e.type === "bold" ? /* @__PURE__ */ t("strong", { children: e.value }, a) : e.type === "code" ? /* @__PURE__ */ t(
+function q(t) {
+  return $(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
-      className: "rounded-[var(--radius-sm)] bg-muted/30 ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] font-[family-name:var(--font-mono)]",
+      className: "ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]",
       children: e.value
     },
-    a
-  ) : e.type === "br" ? /* @__PURE__ */ t("br", {}, a) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ t(
+    r
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "underline underline-offset-2 hover:opacity-80",
+      className: "ds:underline ds:underline-offset-2 ds:hover:opacity-80",
       children: e.label
     },
-    a
-  ) : /* @__PURE__ */ t(g, { children: e.label }, a) : /* @__PURE__ */ t(g, { children: e.value }, a));
+    r
+  ) : /* @__PURE__ */ a(g, { children: e.label }, r) : /* @__PURE__ */ a(g, { children: e.value }, r));
 }
 const H = C(
   ({
-    role: s,
+    role: t,
     content: e,
-    avatar: a,
+    avatar: r,
     timestamp: n,
-    status: r,
+    status: s,
     renderMarkdown: h = !1,
-    onRetry: m,
+    onRetry: l,
     className: x,
     ...b
   }, y) => {
-    const { t: i, i18n: c } = T(), l = j(() => {
+    const { t: i, i18n: m } = T(), o = j(() => {
       if (!n) return null;
       const p = n instanceof Date ? n : new Date(n);
-      return Number.isNaN(p.getTime()) ? null : new Intl.DateTimeFormat(c.language, {
+      return Number.isNaN(p.getTime()) ? null : new Intl.DateTimeFormat(m.language, {
         hour: "2-digit",
         minute: "2-digit"
       }).format(p);
-    }, [n, c.language]), d = i(`chat.message.role.${s}`), N = l ? i("chat.message.label", { role: d, time: l }) : i("chat.message.labelNoTime", { role: d }), w = h ? q(e) : e, u = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ t(L, { "aria-hidden": "true", className: "size-3.5" }) : r === "sent" ? /* @__PURE__ */ t(S, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ t(
+    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = h ? q(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
       V,
       {
         "aria-hidden": "true",
-        className: "size-3.5 text-[color:var(--destructive)]"
+        className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
       }
-    ), f = r ? i(`chat.message.status.${r}`) : null;
-    return /* @__PURE__ */ o(
+    ), f = s ? i(`chat.message.status.${s}`) : null;
+    return /* @__PURE__ */ d(
       "article",
       {
         ref: y,
         "aria-label": N,
         className: [
-          D({ role: s, className: x }),
+          D({ role: t, className: x }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
           // under `prefers-reduced-motion` and `.theme-accessible`, so both
           // collapse the animation to an instant state change automatically.
-          "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-bottom-2",
-          "duration-[var(--animation-duration)] ease-[var(--ease-out)]"
+          "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2",
+          "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
         ].join(" "),
         ...b,
         children: [
-          s !== "system" && a ? a.slot ? (
+          t !== "system" && r ? r.slot ? (
             // Consumer-supplied avatar node (e.g. Leo's Sparkles tile).
-            a.slot
+            r.slot
           ) : (
             // Allow-list the src: LLM-supplied values can carry
             // `javascript:` / `data:text/html` / `data:image/svg+xml` and so
             // are scrubbed here before reaching <Avatar>. Fallback to initials.
-            /* @__PURE__ */ t(M, { name: a.name, src: A(a.src), size: "sm" })
+            /* @__PURE__ */ a(M, { name: r.name, src: A(r.src), size: "sm" })
           ) : null,
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ d(
             "div",
             {
               className: [
@@ -144,34 +144,34 @@ const H = C(
                 // natural width — without it, a single unbreakable token (URL,
                 // CJK run, hash) can force the bubble wider than the parent
                 // and spill outside narrow containers like the Leo sidebar.
-                "flex flex-col min-w-0",
-                s === "user" ? "items-end" : s === "assistant" ? "items-start" : "items-center"
+                "ds:flex ds:flex-col ds:min-w-0",
+                t === "user" ? "ds:items-end" : t === "assistant" ? "ds:items-start" : "ds:items-center"
               ].join(" "),
               children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ a(
                   "div",
                   {
                     dir: "auto",
                     className: [
-                      E({ role: s }),
+                      E({ role: t }),
                       // `break-words` (from bubbleVariants) handles soft hyphens;
                       // `overflow-wrap: anywhere` is the last-resort break for
                       // URLs, hashes, or CJK runs that would otherwise push the
                       // bubble wider than its parent in narrow docks like Leo.
-                      "[overflow-wrap:anywhere]"
+                      "ds:[overflow-wrap:anywhere]"
                     ].join(" "),
                     children: w
                   }
                 ),
-                (l || f) && s !== "system" ? /* @__PURE__ */ o(
+                (o || f) && t !== "system" ? /* @__PURE__ */ d(
                   "div",
                   {
                     className: [
-                      "mt-[var(--spacing-xs)] inline-flex items-center gap-[var(--spacing-xs)]",
-                      "type-meta text-[color:var(--muted-foreground)]"
+                      "ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                      "type-meta ds:text-[color:var(--muted-foreground)]"
                     ].join(" "),
                     children: [
-                      n ? /* @__PURE__ */ t(
+                      n ? /* @__PURE__ */ a(
                         I,
                         {
                           value: n,
@@ -184,29 +184,29 @@ const H = C(
                         // `key={status}` re-mounts the span on every status change so
                         // `animate-in` re-runs — gives the sending → sent → error
                         // swap a subtle cross-fade instead of an abrupt pop.
-                        /* @__PURE__ */ o(
+                        /* @__PURE__ */ d(
                           "span",
                           {
                             className: [
-                              "inline-flex items-center gap-[var(--spacing-xs)]",
-                              "motion-safe:animate-in motion-safe:fade-in-0",
-                              "duration-[var(--animation-duration)] ease-[var(--ease-out)]"
+                              "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                              "ds:motion-safe:animate-in ds:motion-safe:fade-in-0",
+                              "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                             ].join(" "),
                             children: [
                               u,
-                              /* @__PURE__ */ t("span", { className: "sr-only", children: f })
+                              /* @__PURE__ */ a("span", { className: "ds:sr-only", children: f })
                             ]
                           },
-                          r
+                          s
                         )
                       ) : null,
-                      r === "error" && m ? /* @__PURE__ */ t(
+                      s === "error" && l ? /* @__PURE__ */ a(
                         z,
                         {
                           intent: "ghost",
                           size: "sm",
-                          onClick: m,
-                          startIcon: /* @__PURE__ */ t(B, {}),
+                          onClick: l,
+                          startIcon: /* @__PURE__ */ a(B, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
@@ -225,4 +225,4 @@ H.displayName = "ChatMessage";
 export {
   H as C
 };
-//# sourceMappingURL=chat-message-CdJSD18D.js.map
+//# sourceMappingURL=chat-message-dDMVSYBs.js.map

package/dist/_chunks/chat-message-dDMVSYBs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-dDMVSYBs.js","sources":["../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.js","../../src/components/chat-message/chat-message.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  [\"path\", { d: \"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\", key: \"1357e3\" }],\n  [\"path\", { d: \"M3 3v5h5\", key: \"1xhq8a\" }]\n];\nconst RotateCcw = createLucideIcon(\"rotate-ccw\", __iconNode);\n\nexport { __iconNode, RotateCcw as default };\n//# sourceMappingURL=rotate-ccw.js.map\n","import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Leo\n   * pattern to render a Sparkles identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva('ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]', {\n  variants: {\n    role: {\n      user: 'ds:flex-row-reverse',\n      assistant: 'ds:flex-row',\n      system: 'ds:flex-col ds:items-center ds:text-center',\n    },\n  },\n  defaultVariants: { role: 'assistant' },\n});\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Leo sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderBody(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps,\n    VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date =\n        timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const body = renderMarkdown ? renderBody(content) : content;\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <AlertCircle\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Leo's Sparkles tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar name={avatar.name} src={safeImageSrc(avatar.src)} size=\"sm\" />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Leo sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user' ? 'ds:items-end' : role === 'assistant' ? 'ds:items-start' : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Leo.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {body}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["__iconNode","RotateCcw","createLucideIcon","rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderBody","tok","i","jsx","Fragment","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","body","statusIcon","Clock","Check","AlertCircle","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button"],"mappings":"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","x_google_ignoreList":[0]}