@alfadocs/ui-kit-debug 0.46.0 → 0.48.0

package/dist/_chunks/{chat-message-ASgGtj-L.js → chat-message-Dm8U2RY1.js}

@@ -1,16 +1,17 @@
 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-DD_0Xdmr.js";
-import { A } from "./avatar-BNQNhoyL.js";
-import { T as F } from "./timestamp-BV2lC-wV.js";
-import { s as I } from "./safe-image-src-DstKgCo7.js";
-import { R as M } from "./rotate-ccw-BWANpitO.js";
-import { C as S } from "./clock-21AGPWJ5.js";
-import { C as V } from "./check-DPdL_Sm7.js";
-import { C as B } from "./circle-alert-ChA9opNA.js";
-const D = v(
+import { forwardRef as T, useMemo as z, Fragment as l } from "react";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as B } from "react-i18next";
+import { B as F } from "./button-DD_0Xdmr.js";
+import { A as I } from "./avatar-BNQNhoyL.js";
+import { T as A } from "./timestamp-BV2lC-wV.js";
+import { s as M, C as S } from "./code-block-HoddNOKJ.js";
+import { s as V } from "./safe-image-src-DstKgCo7.js";
+import { R as D } from "./rotate-ccw-BWANpitO.js";
+import { C as E } from "./clock-21AGPWJ5.js";
+import { C as L } from "./check-DPdL_Sm7.js";
+import { C as R } from "./circle-alert-ChA9opNA.js";
+const _ = h(
   "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -22,7 +23,7 @@ const D = v(
     },
     defaultVariants: { role: "assistant" }
   }
-), E = v(
+), $ = h(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -44,31 +45,31 @@ const D = v(
     },
     defaultVariants: { role: "assistant" }
   }
-), L = /^(https?:|mailto:)/i;
-function R(t) {
+), k = /^(https?:|mailto:)/i;
+function H(n) {
   const e = [];
-  let r = t;
-  const n = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
-  for (; r.length > 0; ) {
-    const s = n.exec(r);
-    if (!s) {
-      e.push({ type: "text", value: r });
+  let s = n;
+  const t = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
+  for (; s.length > 0; ) {
+    const r = t.exec(s);
+    if (!r) {
+      e.push({ type: "text", value: s });
       break;
     }
-    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);
+    r.index > 0 && e.push({ type: "text", value: s.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" }), s = s.slice(r.index + r[0].length);
   }
   return e;
 }
-function _(t) {
-  return R(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
+function q(n) {
+  return H(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
       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
     },
-    r
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? L.test(e.href) ? /* @__PURE__ */ a(
+    s
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -77,63 +78,68 @@ function _(t) {
       className: "ds:underline ds:underline-offset-2 ds:hover:opacity-80",
       children: e.label
     },
-    r
-  ) : /* @__PURE__ */ a(g, { children: e.label }, r) : /* @__PURE__ */ a(g, { children: e.value }, r));
+    s
+  ) : /* @__PURE__ */ a(l, { children: e.label }, s) : /* @__PURE__ */ a(l, { children: e.value }, s));
 }
-const $ = C(
+function G(n) {
+  return M(n).map((e, s) => e.type === "code" ? /* @__PURE__ */ a(S, { code: e.value, language: e.lang }, s) : /* @__PURE__ */ a(l, { children: q(e.value) }, s));
+}
+const J = T(
   ({
-    role: t,
+    role: n,
     content: e,
-    avatar: r,
-    timestamp: n,
-    status: s,
-    renderMarkdown: h = !1,
-    onRetry: l,
-    className: b,
-    ...x
-  }, y) => {
-    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(m.language, {
+    avatar: s,
+    timestamp: t,
+    status: r,
+    renderMarkdown: x = !1,
+    onRetry: m,
+    actions: c,
+    body: b,
+    className: y,
+    ...N
+  }, w) => {
+    const { t: i, i18n: u } = B(), o = z(() => {
+      if (!t) return null;
+      const v = t instanceof Date ? t : new Date(t);
+      return Number.isNaN(v.getTime()) ? null : new Intl.DateTimeFormat(u.language, {
         hour: "2-digit",
         minute: "2-digit"
-      }).format(p);
-    }, [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 ? _(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(V, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
-      B,
+      }).format(v);
+    }, [t, u.language]), f = i(`chat.message.role.${n}`), C = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), j = b ?? (x ? G(e) : e), p = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : r === "sent" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+      R,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
       }
-    ), f = s ? i(`chat.message.status.${s}`) : null;
+    ), g = r ? i(`chat.message.status.${r}`) : null;
     return /* @__PURE__ */ d(
       "article",
       {
-        ref: y,
-        "aria-label": N,
+        ref: w,
+        "aria-label": C,
         "data-component": "chat-message",
         className: [
-          D({ role: t, className: b }),
+          _({ role: n, className: y }),
           // 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.
           "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(" "),
-        ...x,
+        ...N,
         children: [
-          t !== "system" && r ? r.slot ? (
+          n !== "system" && s ? s.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
-            r.slot
+            s.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__ */ a(
-              A,
+              I,
               {
-                name: r.name,
-                src: I(r.src),
+                name: s.name,
+                src: V(s.src),
                 size: "sm"
               }
             )
@@ -147,7 +153,7 @@ const $ = C(
                 // CJK run, hash) can force the bubble wider than the parent
                 // and spill outside narrow containers like the Alia sidebar.
                 "ds:flex ds:flex-col ds:min-w-0",
-                t === "user" ? "ds:items-end" : t === "assistant" ? "ds:items-start" : "ds:items-center"
+                n === "user" ? "ds:items-end" : n === "assistant" ? "ds:items-start" : "ds:items-center"
               ].join(" "),
               children: [
                 /* @__PURE__ */ a(
@@ -155,17 +161,17 @@ const $ = C(
                   {
                     dir: "auto",
                     className: [
-                      E({ role: t }),
+                      $({ role: n }),
                       // `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 Alia.
                       "ds:[overflow-wrap:anywhere]"
                     ].join(" "),
-                    children: w
+                    children: j
                   }
                 ),
-                (o || f) && t !== "system" ? /* @__PURE__ */ d(
+                (o || g) && n !== "system" ? /* @__PURE__ */ d(
                   "div",
                   {
                     className: [
@@ -173,16 +179,16 @@ const $ = C(
                       "type-meta ds:text-[color:var(--muted-foreground)]"
                     ].join(" "),
                     children: [
-                      n ? /* @__PURE__ */ a(
-                        F,
+                      t ? /* @__PURE__ */ a(
+                        A,
                         {
-                          value: n,
+                          value: t,
                           format: "absolute",
                           absoluteFormat: { hour: "2-digit", minute: "2-digit" },
                           dir: "ltr"
                         }
                       ) : null,
-                      u ? (
+                      p ? (
                         // `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.
@@ -195,26 +201,27 @@ const $ = C(
                               "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                             ].join(" "),
                             children: [
-                              u,
-                              /* @__PURE__ */ a("span", { className: "ds:sr-only", children: f })
+                              p,
+                              /* @__PURE__ */ a("span", { className: "ds:sr-only", children: g })
                             ]
                           },
-                          s
+                          r
                         )
                       ) : null,
-                      s === "error" && l ? /* @__PURE__ */ a(
-                        z,
+                      r === "error" && m ? /* @__PURE__ */ a(
+                        F,
                         {
                           intent: "ghost",
                           size: "sm",
-                          onClick: l,
-                          startIcon: /* @__PURE__ */ a(M, {}),
+                          onClick: m,
+                          startIcon: /* @__PURE__ */ a(D, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
                     ]
                   }
-                ) : null
+                ) : null,
+                c ? /* @__PURE__ */ a("div", { className: "ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: c }) : null
               ]
             }
           )
@@ -223,8 +230,8 @@ const $ = C(
     );
   }
 );
-$.displayName = "ChatMessage";
+J.displayName = "ChatMessage";
 export {
-  $ as C
+  J as C
 };
-//# sourceMappingURL=chat-message-ASgGtj-L.js.map
+//# sourceMappingURL=chat-message-Dm8U2RY1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-Dm8U2RY1.js","sources":["../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["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';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\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 Alia\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(\n  'ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]',\n  {\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);\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Alia 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 renderInline(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 * Render a message body: split fenced code blocks out to `<CodeBlock>` and run\n * the inline tokenizer over the surrounding text runs.\n */\nfunction renderBody(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps, 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   * Optional action row rendered beneath the message body + timestamp,\n   * aligned with the message (e.g. the Alia pattern's Copy / Download\n   * buttons on assistant messages). Default off → renders nothing.\n   */\n  actions?: ReactNode;\n  /**\n   * Custom body node rendered verbatim INSTEAD of `content`. When set, the\n   * markdown tokenizer (`renderBody`) is skipped and the node is rendered\n   * directly inside the bubble. `content` is still required (used for the\n   * aria-label context and consumer copy / download). Default off.\n   */\n  body?: ReactNode;\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      actions,\n      body,\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 = 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 resolvedBody =\n      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        data-component=\"chat-message\"\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. Alia'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\n              name={avatar.name}\n              src={safeImageSrc(avatar.src)}\n              size=\"sm\"\n            />\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 Alia sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user'\n              ? 'ds:items-end'\n              : role === 'assistant'\n                ? 'ds:items-start'\n                : '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 Alia.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {resolvedBody}\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          {actions ? (\n            <div className=\"ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {actions}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderInline","tok","i","jsx","Fragment","renderBody","splitCodeFences","seg","CodeBlock","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","actions","body","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","resolvedBody","statusIcon","Clock","Check","AlertCircle","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":"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"}

package/dist/_chunks/clinical-note-card-BYo437dU.js

@@ -0,0 +1,333 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as K, useId as H, useMemo as I } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { A as V } from "./avatar-BNQNhoyL.js";
+import { B as d } from "./badge-zsf5i5bH.js";
+import { C as k } from "./card-DPmk26CL.js";
+import { L as E } from "./link-DrD_cRUg.js";
+import { T as C } from "./timestamp-BV2lC-wV.js";
+import { SafeHtml as F } from "../safe-html/index.js";
+import { i as M } from "./is-safe-url-DkETxeHz.js";
+import { u as U } from "./registry-nPAVE19X.js";
+import { S as W } from "./scan-line-lGioFwLC.js";
+import { L as q } from "./layers-pzGcbLPj.js";
+import { F as h } from "./file-text-DSNuv2B8.js";
+import { U as B } from "./user-CPxpqFjJ.js";
+import { c as w } from "./createLucideIcon-CrFbzy84.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 R = [
+  [
+    "path",
+    {
+      d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
+      key: "1jaruq"
+    }
+  ]
+], O = w("flag", R);
+/**
+ * @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 D = [
+  ["path", { d: "M12 17v5", key: "bb1du9" }],
+  [
+    "path",
+    {
+      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+      key: "1nkz8b"
+    }
+  ]
+], G = w("pin", D), J = {
+  id: "clinical-note-card",
+  capabilities: [],
+  state: {
+    noteId: {
+      type: "string | undefined",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.noteId",
+      description: "Stable identifier of the rendered note, when supplied.",
+      read: (n) => n.getNoteId()
+    },
+    pinned: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.pinned",
+      description: "Whether the note is pinned to the top of the timeline.",
+      read: (n) => n.isPinned()
+    },
+    flagged: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.flagged",
+      description: "Whether the note is flagged for follow-up.",
+      read: (n) => n.isFlagged()
+    },
+    attachmentKind: {
+      type: "'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.attachmentKind",
+      description: "Structural kind the note is attached to. Never the attachment identity or content.",
+      read: (n) => n.getAttachmentKind()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "clinical-note-card",
+      description: "Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop — addresses a specific note."
+    }
+  }
+}, Q = _("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: { flat: "", elevated: "" }
+  },
+  defaultVariants: { surface: "elevated" }
+}), X = _(
+  [
+    "type-body-sm ds:text-[color:var(--foreground)]",
+    "ds:break-words",
+    "[&_a]:ds:underline [&_a]:ds:underline-offset-2",
+    "[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]",
+    "[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]",
+    "[&_ul]:ds:m-0 [&_ul]:ds:ps-[var(--spacing-md)] [&_ol]:ds:m-0 [&_ol]:ds:ps-[var(--spacing-md)]"
+  ].join(" "),
+  {
+    variants: {
+      truncate: {
+        true: "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:4]",
+        false: ""
+      }
+    },
+    defaultVariants: { truncate: !1 }
+  }
+);
+function v(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function b(n) {
+  let r = n;
+  return r = r.replace(/`([^`]+)`/g, "<code>$1</code>"), r = r.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), r = r.replace(/\*([^*]+)\*/g, "<em>$1</em>"), r = r.replace(
+    /\[([^\]]+)\]\(([^)\s]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+  ), r;
+}
+function Y(n) {
+  return n.split(/\n{2,}/).map((o) => {
+    const t = o.split(`
+`), p = t.every((l) => /^\s*[-*]\s+/.test(l)), a = t.every((l) => /^\s*\d+\.\s+/.test(l));
+    return p && t.length > 0 ? `<ul>${t.map((i) => i.replace(/^\s*[-*]\s+/, "")).map((i) => `<li>${b(v(i))}</li>`).join("")}</ul>` : a && t.length > 0 ? `<ol>${t.map((i) => i.replace(/^\s*\d+\.\s+/, "")).map((i) => `<li>${b(v(i))}</li>`).join("")}</ol>` : `<p>${b(v(o)).replace(
+      /\n/g,
+      "<br />"
+    )}</p>`;
+  }).join("");
+}
+const Z = K(
+  ({
+    id: n,
+    dateIso: r,
+    createdAtIso: o,
+    author: t,
+    clinical: p,
+    attachedTo: a,
+    content: f,
+    pinned: l,
+    flagged: i,
+    truncate: z = !1,
+    surface: N = "elevated",
+    "aria-label": A,
+    className: P,
+    ...$
+  }, j) => {
+    const { t: s } = S(), g = H(), L = I(() => Y(f), [f]), y = A ?? s("clinicalNoteCard.regionLabel");
+    U(
+      J,
+      {
+        getNoteId: () => n,
+        isPinned: () => !!l,
+        isFlagged: () => !!i,
+        getAttachmentKind: () => a == null ? void 0 : a.kind
+      },
+      n
+    );
+    let c = null;
+    if (a)
+      switch (a.kind) {
+        case "patient":
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.attachment.patient")
+            }
+          );
+          break;
+        case "carePlan": {
+          const u = s("clinicalNoteCard.attachment.carePlan", {
+            number: a.number
+          });
+          c = a.url && M(a.url) ? /* @__PURE__ */ e(
+            E,
+            {
+              href: a.url,
+              intent: "default",
+              startIcon: /* @__PURE__ */ e(h, { "aria-hidden": "true" }),
+              children: u
+            }
+          ) : /* @__PURE__ */ e(
+            d,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(h, { "aria-hidden": "true" }),
+              children: u
+            }
+          );
+          break;
+        }
+        case "carePlanEntry": {
+          const u = a.elements && a.elements.length > 0 ? s("clinicalNoteCard.attachment.carePlanEntryWithElements", {
+            care: a.careName,
+            elements: a.elements.join(", ")
+          }) : s("clinicalNoteCard.attachment.carePlanEntry", {
+            care: a.careName
+          });
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(h, { "aria-hidden": "true" }),
+              children: u
+            }
+          );
+          break;
+        }
+        case "phase":
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(q, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.attachment.phase", {
+                label: a.label
+              })
+            }
+          );
+          break;
+        case "xray":
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(W, { "aria-hidden": "true" }),
+              children: a.label ? s("clinicalNoteCard.attachment.xrayWithLabel", {
+                label: a.label
+              }) : s("clinicalNoteCard.attachment.xray")
+            }
+          );
+          break;
+      }
+    const x = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+        t ? /* @__PURE__ */ e(
+          V,
+          {
+            name: t.name,
+            src: t.avatarUrl,
+            size: "sm",
+            className: "ds:shrink-0",
+            "aria-hidden": "true",
+            role: "presentation",
+            "aria-label": void 0
+          }
+        ) : null,
+        /* @__PURE__ */ m("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          t ? /* @__PURE__ */ e(
+            "span",
+            {
+              id: g,
+              className: "type-title-item ds:text-[color:var(--foreground)] ds:truncate",
+              children: t.name
+            }
+          ) : /* @__PURE__ */ e("span", { id: g, className: "ds:sr-only", children: y }),
+          /* @__PURE__ */ m("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(C, { value: r, shape: "bare", size: "sm" }),
+            o && o !== r ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: [
+              s("clinicalNoteCard.added"),
+              " ",
+              /* @__PURE__ */ e(C, { value: o, shape: "bare", size: "sm" })
+            ] }) : null
+          ] })
+        ] }),
+        l || i || p ? /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-2xs)]", children: [
+          p ? /* @__PURE__ */ e(d, { variant: "brand", size: "sm", children: s("clinicalNoteCard.clinical") }) : null,
+          l ? /* @__PURE__ */ e(
+            d,
+            {
+              variant: "accent",
+              size: "sm",
+              leading: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.pinned")
+            }
+          ) : null,
+          i ? /* @__PURE__ */ e(
+            d,
+            {
+              variant: "warning",
+              size: "sm",
+              leading: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.flagged")
+            }
+          ) : null
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ e(
+        F,
+        {
+          html: L,
+          profile: "markdown",
+          className: X({ truncate: z })
+        }
+      ),
+      c ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: c }) : null
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: j,
+        role: "article",
+        "aria-label": y,
+        "aria-labelledby": g,
+        "data-component": "clinical-note-card",
+        "data-component-id": n,
+        "data-pinned": l ? "true" : void 0,
+        "data-flagged": i ? "true" : void 0,
+        "data-attached-to": a == null ? void 0 : a.kind,
+        id: n,
+        className: Q({ surface: N, className: P }),
+        ...$,
+        children: N === "elevated" ? /* @__PURE__ */ e(k, { variant: "elevated", children: /* @__PURE__ */ e(k.Body, { children: x }) }) : x
+      }
+    );
+  }
+);
+Z.displayName = "ClinicalNoteCard";
+export {
+  Z as C,
+  J as c
+};
+//# sourceMappingURL=clinical-note-card-BYo437dU.js.map