@alfadocs/ui-kit-debug 1.48.0 → 1.49.0

package/dist/_chunks/{chat-message-Co_NRGM4.js → chat-message-B4ihjNy3.js}

@@ -3,7 +3,7 @@ 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-18oBsI3n.js";
-import { A as I } from "./avatar-CkDeQOSI.js";
+import { A as I } from "./avatar-BVvjKNTp.js";
 import { T as A } from "./timestamp-BV2lC-wV.js";
 import { s as M, C as S } from "./code-block-C_eNHWaa.js";
 import { s as V } from "./safe-image-src-DstKgCo7.js";
@@ -236,4 +236,4 @@ J.displayName = "ChatMessage";
 export {
   J as C
 };
-//# sourceMappingURL=chat-message-Co_NRGM4.js.map
+//# sourceMappingURL=chat-message-B4ihjNy3.js.map

package/dist/_chunks/{chat-message-Co_NRGM4.js.map → chat-message-B4ihjNy3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-message-Co_NRGM4.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 { CircleAlert, 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 Astroid 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        <CircleAlert\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        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\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 Astroid 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","CircleAlert","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":";;;;;;;;;;;;;AA0CA,MAAMA,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB,EAAE,MAAM,YAAA;AAAA,EAAY;AAEzC,GAEMC,IAAiBD;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WACE;AAAA,QACF,QACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,MAAM,YAAA;AAAA,EAAY;AAEzC,GAcME,IAAe;AAErB,SAASC,EAASC,GAAwB;AACxC,QAAMC,IAAkB,CAAA;AACxB,MAAIC,IAAYF;AAChB,QAAMG,IAAU;AAChB,SAAOD,EAAU,SAAS,KAAG;AAC3B,UAAME,IAAQD,EAAQ,KAAKD,CAAS;AACpC,QAAI,CAACE,GAAO;AACV,MAAAH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOC,GAAW;AAC9C;AAAA,IACF;AACA,IAAIE,EAAM,QAAQ,KAChBH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOC,EAAU,MAAM,GAAGE,EAAM,KAAK,EAAA,CAAG,GAElEA,EAAM,CAAC,MAAM,SACfH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,IACpCA,EAAM,CAAC,MAAM,SACtBH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,IACpCA,EAAM,CAAC,MAAM,UAAaA,EAAM,CAAC,MAAM,SAChDH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,CAAG,IAE7DH,EAAO,KAAK,EAAE,MAAM,KAAA,CAAM,GAE5BC,IAAYA,EAAU,MAAME,EAAM,QAAQA,EAAM,CAAC,EAAE,MAAM;AAAA,EAC3D;AACA,SAAOH;AACT;AAEA,SAASI,EAAaL,GAA0B;AAC9C,SAAOD,EAASC,CAAK,EAAE,IAAI,CAACM,GAAKC,MAC3BD,EAAI,SAAS,2BAAgB,UAAA,EAAgB,UAAAA,EAAI,SAARC,CAAc,IACvDD,EAAI,SAAS,SAEb,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAI;AAAA,MACJ,WAAU;AAAA,MAET,UAAAF,EAAI;AAAA,IAAA;AAAA,IAJAC;AAAA,EAAA,IAQPD,EAAI,SAAS,OAAa,gBAAAE,EAAC,UAAQD,CAAG,IACtCD,EAAI,SAAS,SACVR,EAAa,KAAKQ,EAAI,IAAI,IAK7B,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAMF,EAAI;AAAA,MACV,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAU;AAAA,MAET,UAAAA,EAAI;AAAA,IAAA;AAAA,IANAC;AAAA,EAAA,IAJA,gBAAAC,EAACC,GAAA,EAAkB,UAAAH,EAAI,MAAA,GAARC,CAAc,IAcjC,gBAAAC,EAACC,GAAA,EAAkB,UAAAH,EAAI,MAAA,GAARC,CAAc,CACrC;AACH;AAMA,SAASG,EAAWV,GAA0B;AAC5C,SAAOW,EAAgBX,CAAK,EAAE,IAAI,CAACY,GAAKL,MAClCK,EAAI,SAAS,SACR,gBAAAJ,EAACK,KAAkB,MAAMD,EAAI,OAAO,UAAUA,EAAI,QAAlCL,CAAwC,sBAEzDE,GAAA,EAAkB,UAAAJ,EAAaO,EAAI,KAAK,KAA1BL,CAA4B,CACnD;AACH;AAkCO,MAAMO,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GAKdC,IAAgBC,EAAQ,MAAM;AAClC,UAAI,CAACb,EAAW,QAAO;AACvB,YAAMc,IAAOd,aAAqB,OAAOA,IAAY,IAAI,KAAKA,CAAS;AACvE,aAAI,OAAO,MAAMc,EAAK,QAAA,CAAS,IAAU,OAClC,IAAI,KAAK,eAAeJ,EAAK,UAAU;AAAA,QAC5C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT,EAAE,OAAOI,CAAI;AAAA,IAChB,GAAG,CAACd,GAAWU,EAAK,QAAQ,CAAC,GAEvBK,IAAYN,EAAE,qBAAqBZ,CAAI,EAAE,GACzCmB,IAAeJ,IACjBH,EAAE,sBAAsB,EAAE,MAAMM,GAAW,MAAMH,EAAA,CAAe,IAChEH,EAAE,4BAA4B,EAAE,MAAMM,GAAW,GAE/CE,IACJZ,MAASH,IAAiBX,EAAWO,CAAO,IAAIA,IAE5CoB,IACA,CAACjB,KAAUA,MAAW,WAAiB,OACvCA,MAAW,YACN,gBAAAZ,EAAC8B,GAAA,EAAM,eAAY,QAAO,WAAU,eAAc,IACvDlB,MAAW,SACN,gBAAAZ,EAAC+B,GAAA,EAAM,eAAY,QAAO,WAAU,eAAc,IAEzD,gBAAA/B;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAKVC,IAAarB,IAASQ,EAAE,uBAAuBR,CAAM,EAAE,IAAI;AAEjE,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAf;AAAA,QACA,cAAYQ;AAAA,QACZ,kBAAe;AAAA,QAGf,aAAWnB;AAAA,QACX,eAAaI;AAAA,QACb,WAAW;AAAA,UACTzB,EAAY,EAAE,MAAAqB,GAAM,WAAAS,GAAW;AAAA;AAAA;AAAA;AAAA,UAI/B;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACT,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAV,MAAS,YAAYE,IACpBA,EAAO;AAAA;AAAA,YAELA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKP,gBAAAV;AAAA,cAACmC;AAAA,cAAA;AAAA,gBACC,MAAMzB,EAAO;AAAA,gBACb,KAAK0B,EAAa1B,EAAO,GAAG;AAAA,gBAC5B,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,cAGP;AAAA,UAEJ,gBAAAwB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKT;AAAA,gBACA1B,MAAS,SACL,iBACAA,MAAS,cACP,mBACA;AAAA,cAAA,EACN,KAAK,GAAG;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAR;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,WAAW;AAAA,sBACTX,EAAe,EAAE,MAAAmB,GAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKvB;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAAoB;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAGDL,KAAiBU,MAAezB,MAAS,WACzC,gBAAA0B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAA;AAAA,sBAAAvB,IACC,gBAAAX;AAAA,wBAACqC;AAAA,wBAAA;AAAA,0BACC,OAAO1B;AAAA,0BACP,QAAO;AAAA,0BACP,gBAAgB,EAAE,MAAM,WAAW,QAAQ,UAAA;AAAA,0BAC3C,KAAI;AAAA,wBAAA;AAAA,sBAAA,IAEJ;AAAA,sBACHkB;AAAA;AAAA;AAAA;AAAA,wBAIC,gBAAAK;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BAEC,WAAW;AAAA,8BACT;AAAA,8BACA;AAAA,8BACA;AAAA,4BAAA,EACA,KAAK,GAAG;AAAA,4BAET,UAAA;AAAA,8BAAAL;AAAA,8BACD,gBAAA7B,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAiC,EAAA,CAAW;AAAA,4BAAA;AAAA,0BAAA;AAAA,0BARpCrB;AAAA,wBAAA;AAAA,0BAUL;AAAA,sBACHA,MAAW,WAAWE,IACrB,gBAAAd;AAAA,wBAACsC;AAAA,wBAAA;AAAA,0BACC,QAAO;AAAA,0BACP,MAAK;AAAA,0BACL,SAASxB;AAAA,0BACT,6BAAYyB,GAAA,EAAU;AAAA,0BAErB,YAAE,oBAAoB;AAAA,wBAAA;AAAA,sBAAA,IAEvB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAEJ;AAAA,gBACHxB,IACC,gBAAAf,EAAC,OAAA,EAAI,WAAU,uFACZ,aACH,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAM,EAAY,cAAc;"}
+{"version":3,"file":"chat-message-B4ihjNy3.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 { CircleAlert, 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 Astroid 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        <CircleAlert\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        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\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 Astroid 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","CircleAlert","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":"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"}

package/dist/_chunks/{clinical-note-card-DYDQ3q2x.js → clinical-note-card-B7s5BtEl.js}

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { forwardRef as T, useId as P, useState as k, useMemo as ee } from "react";
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as se } from "react-i18next";
-import { A as ae } from "./avatar-CkDeQOSI.js";
+import { A as ae } from "./avatar-BVvjKNTp.js";
 import { B as b } from "./badge-BAkd6_Pj.js";
 import { C as S } from "./card-DPmk26CL.js";
 import { T as B } from "./timestamp-BV2lC-wV.js";
@@ -337,4 +337,4 @@ export {
   ue as C,
   oe as c
 };
-//# sourceMappingURL=clinical-note-card-DYDQ3q2x.js.map
+//# sourceMappingURL=clinical-note-card-B7s5BtEl.js.map

package/dist/_chunks/{clinical-note-card-DYDQ3q2x.js.map → clinical-note-card-B7s5BtEl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"clinical-note-card-DYDQ3q2x.js","sources":["../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ClinicalNoteCard.                                     */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the note's id + structural    */\n/* flags (pinned / flagged / attachment kind) so a future MCP UI bridge  */\n/* can locate and describe a rendered note. NEVER reads the note body or */\n/* any author identity — those are PHI and stay out of the agent layer.  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ClinicalNoteCardHandle } from './clinical-note-card';\n\nexport const clinicalNoteCardAgent: AgentAdapter<ClinicalNoteCardHandle> = {\n  id: 'clinical-note-card',\n  capabilities: [],\n  state: {\n    noteId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.noteId',\n      description: 'Stable identifier of the rendered note, when supplied.',\n      read: (handle) => handle.getNoteId(),\n    },\n    pinned: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.pinned',\n      description: 'Whether the note is pinned to the top of the timeline.',\n      read: (handle) => handle.isPinned(),\n    },\n    flagged: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.flagged',\n      description: 'Whether the note is flagged for follow-up.',\n      read: (handle) => handle.isFlagged(),\n    },\n    attachmentKind: {\n      type: \"'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined\",\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.attachmentKind',\n      description:\n        'Structural kind the note is attached to. Never the attachment identity or content.',\n      read: (handle) => handle.getAttachmentKind(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'clinical-note-card',\n      description:\n        'Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks; the pin / flag toggles carry data-note-action=\"pin\" | \"flag\".',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific note.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\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 { Flag, Pin } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\n\n// The attachment type moved to `_shared` when NoteTimeline began rendering the\n// same chip; re-exported here so this component's public API is unchanged.\nexport type { NoteAttachment };\n\n/* -------------------------------------------------------------------- */\n/* ClinicalNoteCard                                                      */\n/*                                                                        */\n/* A single clinical note — the free-text annotation an operator writes  */\n/* against a patient, care plan, treatment phase, or x-ray. Replaces the */\n/* bespoke \"nota clinica\" rows scattered across the platform patient     */\n/* timeline. Composes Card + Avatar (author) + Timestamp + Badge/Tag     */\n/* (clinical / pinned / flagged) + Link (attachment) and renders the     */\n/* markdown body through the shared SafeHtml helper — the only sanctioned */\n/* carrier of dangerouslySetInnerHTML (constraint §8).                   */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `clinicalNoteCard.*` namespace. No PHI is read by the agent adapter — */\n/* only the note id and structural flags are exposed.                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Author identity — drives the avatar + visible byline. */\nexport interface ClinicalNoteAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** Imperative handle exposed to the agent runtime — identifiers / flags only. */\nexport interface ClinicalNoteCardHandle {\n  /** The note's stable id, when supplied. */\n  getNoteId: () => string | undefined;\n  /** Whether the note is currently pinned. */\n  isPinned: () => boolean;\n  /** Whether the note is currently flagged. */\n  isFlagged: () => boolean;\n  /** The attachment kind the note is bound to. */\n  getAttachmentKind: () => NoteAttachment['kind'] | undefined;\n}\n\nexport interface ClinicalNoteCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'children' | 'content' | 'title'\n> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   * primary `<Timestamp>`. An empty string renders no timestamp (an undated\n   * imported note).\n   */\n  dateIso: string;\n  /**\n   * ISO-8601 timestamp the note was authored, when it differs from\n   * `dateIso`. Rendered as a secondary \"added\" line.\n   */\n  createdAtIso?: string;\n  /** Author identity — avatar + byline. Optional for system notes. */\n  author?: ClinicalNoteAuthor;\n  /** The operator the note is credited to: a secondary \"Operator: …\" byline. */\n  operatorName?: string;\n  /**\n   * A deleted note kept for the record. Shows a \"Deleted\" badge and keeps the\n   * body out of the DOM until the reader presses \"Show deleted note\". Not an\n   * access control: the body is one press away.\n   */\n  deleted?: boolean;\n  /**\n   * Whether this is a clinical note (vs. an administrative one). When true a\n   * \"Clinical\" badge is shown so the note's nature is unambiguous at a glance.\n   */\n  clinical?: boolean;\n  /** What the note is attached to — drives a contextual chip + optional link. */\n  attachedTo?: NoteAttachment;\n  /**\n   * The note body, authored in a small, safe subset of Markdown (bold,\n   * italic, inline code, links, line breaks, simple lists). Rendered through\n   * the shared `SafeHtml` helper with the `markdown` sanitiser profile —\n   * raw HTML and unsafe link schemes are stripped.\n   */\n  content: string;\n  /**\n   * How `content` is authored. `'markdown'` (default) runs the small Markdown\n   * subset through the converter; `'html'` treats `content` as rich HTML\n   * (e.g. Redactor output) and renders it through SafeHtml's `rich-text`\n   * profile, so colours, sizes, tables and images survive sanitisation.\n   */\n  contentFormat?: 'markdown' | 'html';\n  /** Pin the note to the top of a timeline — shows a \"Pinned\" chip. */\n  pinned?: boolean;\n  /** Flag the note for follow-up / attention — shows a \"Flagged\" chip. */\n  flagged?: boolean;\n  /**\n   * Host-owned actions for this note (edit, delete, share …), rendered\n   * beside the pin and flag. They belong in the same cluster: a reader\n   * looking for what they can do to a note should find every affordance\n   * in one place, not some in the card and the rest below it.\n   */\n  headerActions?: ReactNode;\n  /**\n   * When provided, the pinned chip becomes an `aria-pressed` toggle button so\n   * the note can be (un)pinned in place — the pin glyph fills and tints to the\n   * accent when pinned (no button fill). Omit for a static, display-only card.\n   */\n  onTogglePin?: () => void;\n  /** As `onTogglePin`, for the flagged state (warning-tinted when flagged). */\n  onToggleFlag?: () => void;\n  /**\n   * A pin write is in flight. The toggle keeps showing `pinned`, is\n   * `aria-disabled`, dims and ignores clicks until the host answers. Only\n   * with `onTogglePin`.\n   */\n  pinPending?: boolean;\n  /** As `pinPending`, for the flag toggle. */\n  flagPending?: boolean;\n  /**\n   * Clamp the rendered body to five lines. When the body is taller than the\n   * clamp, a \"Read more\" / \"Read less\" disclosure toggles the full text in\n   * place — the note stays a read-only display surface, so this is the\n   * sighted-user escape hatch (assistive tech reads the full body regardless).\n   */\n  truncate?: boolean;\n  /**\n   * `'elevated'` (default) wraps the note in `<Card variant=\"elevated\">`.\n   * `'flat'` drops the chrome for use inside an existing Card / timeline rail.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* Body clamp — applied only when `truncate` is set. Logical-safe. */\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:text-[color:var(--foreground)]',\n    'ds:break-words',\n    '[&_a]:ds:underline [&_a]:ds:underline-offset-2',\n    '[&_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)]',\n    '[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]',\n    // `list-disc` / `list-decimal` are load-bearing: the card renders host\n    // HTML inside `[data-component]`, where preflight's `list-style: none`\n    // still applies. Without them the indent lands but the markers do not.\n    'ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal',\n    // Rich-text (Redactor) extras — harmless on markdown notes, which carry\n    // none of these tags. Headings, inline images and tables stay readable.\n    '[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0',\n    '[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]',\n    '[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse',\n    '[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start',\n    '[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      truncate: {\n        true: 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]',\n        false: '',\n      },\n    },\n    defaultVariants: { truncate: false },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Inline affordances — pin / flag toggle + read-more disclosure        */\n/* -------------------------------------------------------------------- */\n\n/* Pin / flag toggle. A raw button (not IconButton) so the pressed state\n   reads as a FILLED glyph + colour tint rather than a filled button — the\n   same treatment as the Sidebar favourite star. The compact box keeps a\n   --min-target-size hit area on touch via the ::before expansion. */\nconst noteToggleBase = [\n  'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-7 ds:rounded-[var(--radius-sm)]',\n  'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n  'ds:hover:bg-[color:var(--muted)]/20',\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:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n  // A write in flight: the toggle stays focusable, says it is busy and\n  // dims as a waiting Button does, so a keyboard reader sees it too.\n  'ds:aria-disabled:cursor-progress ds:aria-disabled:opacity-50',\n].join(' ');\n\n/* Read-more / read-less disclosure — an inline text toggle in the flow of\n   the body copy (exempt from target-size the same way an inline link is). */\nconst readMoreClasses = [\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\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:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst deletedDisclosure = cva([\n  readMoreClasses,\n  'ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]',\n]);\n\ninterface NoteToggleProps {\n  /** The lucide glyph, pre-configured with `fill` + size by the caller. */\n  icon: ReactNode;\n  /** Current pressed state. */\n  pressed: boolean;\n  /** Accessible label (flips between the on / off verb). */\n  label: string;\n  /** Colour class applied while pressed (accent for pin, warning for flag). */\n  activeClassName: string;\n  /** Stable hook for hosts, agents and focus rescue: `pin` or `flag`. */\n  action: 'pin' | 'flag';\n  /** A write is in flight: aria-disabled, and clicks do nothing. */\n  pending: boolean;\n  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  action,\n  pending,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      // aria-disabled, not disabled: the toggle keeps its focus while the\n      // host answers, so a keyboard reader is not dropped onto the page.\n      aria-disabled={pending || undefined}\n      data-note-action={action}\n      onClick={() => {\n        if (!pending) onToggle();\n      }}\n      className={[\n        noteToggleBase,\n        pressed\n          ? activeClassName\n          : 'ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]',\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ClinicalNoteCard = forwardRef<\n  HTMLDivElement,\n  ClinicalNoteCardProps\n>(\n  (\n    {\n      id,\n      dateIso,\n      createdAtIso,\n      author,\n      operatorName,\n      deleted,\n      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      headerActions,\n      onTogglePin,\n      onToggleFlag,\n      pinPending = false,\n      flagPending = false,\n      truncate = false,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const headingId = useId();\n    const bodyId = useId();\n    const [expanded, setExpanded] = useState(false);\n    const [deletedOpen, setDeletedOpen] = useState(false);\n    const [previousDeleted, setPreviousDeleted] = useState(!!deleted);\n    if (previousDeleted !== !!deleted) {\n      setPreviousDeleted(!!deleted);\n      setDeletedOpen(false);\n    }\n    // A deleted note's body stays empty and hidden until the reader reveals it.\n    const bodyHidden = !!deleted && !deletedOpen;\n\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded && !bodyHidden,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && !bodyHidden && (isOverflowing || expanded);\n\n    // Markdown notes are converted to a safe HTML subset; rich-text (Redactor)\n    // notes are passed through verbatim and sanitised by SafeHtml's broader\n    // `rich-text` profile at render. Either way SafeHtml is the only carrier.\n    const bodyHtml = useMemo(\n      () => (contentFormat === 'html' ? content : noteMarkdownToHtml(content)),\n      [content, contentFormat],\n    );\n\n    const resolvedAriaLabel = ariaLabel ?? t('clinicalNoteCard.regionLabel');\n\n    useAgentRegistration(\n      clinicalNoteCardAgent,\n      {\n        getNoteId: () => id,\n        isPinned: () => !!pinned,\n        isFlagged: () => !!flagged,\n        getAttachmentKind: () => attachedTo?.kind,\n      },\n      id,\n    );\n\n    const attachmentNode = <NoteAttachmentChip attachedTo={attachedTo} />;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n        {/* Header: author + date + status chips */}\n        <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {author ? (\n            <Avatar\n              name={author.name}\n              src={author.avatarUrl}\n              size=\"sm\"\n              className=\"ds:shrink-0\"\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n          ) : null}\n          <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            {author ? (\n              <span\n                id={headingId}\n                className=\"type-title-item ds:text-[color:var(--foreground)] ds:truncate\"\n              >\n                {author.name}\n              </span>\n            ) : (\n              <span id={headingId} className=\"ds:sr-only\">\n                {resolvedAriaLabel}\n              </span>\n            )}\n            {operatorName ? (\n              <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:break-words\">\n                {t('clinicalNoteCard.operator', { name: operatorName })}\n              </span>\n            ) : null}\n            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden\">\n              {dateIso ? (\n                <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\n              ) : null}\n              {createdAtIso && createdAtIso !== dateIso ? (\n                <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {t('clinicalNoteCard.added')}{' '}\n                  <Timestamp value={createdAtIso} shape=\"bare\" size=\"sm\" />\n                </span>\n              ) : null}\n            </span>\n          </div>\n          {deleted ||\n          clinical ||\n          headerActions ||\n          onTogglePin ||\n          onToggleFlag ||\n          pinned ||\n          flagged ? (\n            <span className=\"ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]\">\n              {deleted ? (\n                <Badge variant=\"error\" size=\"sm\">\n                  {t('clinicalNoteCard.deleted')}\n                </Badge>\n              ) : null}\n              {clinical ? (\n                <Badge variant=\"brand\" size=\"sm\">\n                  {t('clinicalNoteCard.clinical')}\n                </Badge>\n              ) : null}\n              {/* Pin + flag — grouped tightly together, kept clear of the\n                  clinical badge by the cluster's larger gap. Each is an\n                  interactive toggle when a handler is supplied (filled glyph +\n                  tint when active, no button fill), else a static chip. */}\n              {onTogglePin || onToggleFlag || pinned || flagged ? (\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  {onTogglePin ? (\n                    <NoteToggle\n                      action=\"pin\"\n                      pending={pinPending}\n                      pressed={!!pinned}\n                      onToggle={onTogglePin}\n                      label={\n                        pinned\n                          ? t('clinicalNoteCard.unpin')\n                          : t('clinicalNoteCard.pin')\n                      }\n                      activeClassName=\"ds:text-[color:var(--accent)]\"\n                      icon={\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={pinned ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : pinned ? (\n                    <Badge\n                      variant=\"accent\"\n                      size=\"sm\"\n                      leading={<Pin aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.pinned')}\n                    </Badge>\n                  ) : null}\n                  {onToggleFlag ? (\n                    <NoteToggle\n                      action=\"flag\"\n                      pending={flagPending}\n                      pressed={!!flagged}\n                      onToggle={onToggleFlag}\n                      label={\n                        flagged\n                          ? t('clinicalNoteCard.unflag')\n                          : t('clinicalNoteCard.flag')\n                      }\n                      activeClassName=\"ds:text-[color:var(--warning-readable)]\"\n                      icon={\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={flagged ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : flagged ? (\n                    <Badge\n                      variant=\"warning\"\n                      size=\"sm\"\n                      leading={<Flag aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.flagged')}\n                    </Badge>\n                  ) : null}\n                </span>\n              ) : null}\n              {/* Sibling of the pin/flag cluster, not inside it: a note with\n                  neither would otherwise drop the host's actions entirely. */}\n              {headerActions}\n            </span>\n          ) : null}\n        </div>\n\n        {deleted ? (\n          <button\n            type=\"button\"\n            aria-expanded={deletedOpen}\n            aria-controls={bodyId}\n            onClick={() => setDeletedOpen((prev) => !prev)}\n            className={deletedDisclosure()}\n          >\n            {deletedOpen\n              ? t('clinicalNoteCard.hideDeleted')\n              : t('clinicalNoteCard.showDeleted')}\n          </button>\n        ) : null}\n        {/* Body — rendered via the sanctioned SafeHtml carrier. Markdown notes\n            use the tight markdown profile; rich-text notes the broader one.\n            When `truncate`, the body clamps to five lines with a read-more\n            disclosure once it overflows. */}\n        <SafeHtml\n          ref={clampRef}\n          id={truncate || deleted ? bodyId : undefined}\n          hidden={bodyHidden}\n          html={bodyHidden ? '' : bodyHtml}\n          profile={contentFormat === 'html' ? 'rich-text' : 'markdown'}\n          className={bodyVariants({ truncate: truncate && !expanded })}\n        />\n        {showReadMore ? (\n          <button\n            type=\"button\"\n            aria-expanded={expanded}\n            aria-controls={bodyId}\n            onClick={() => setExpanded((prev) => !prev)}\n            className={readMoreClasses}\n          >\n            {expanded\n              ? t('clinicalNoteCard.readLess')\n              : t('clinicalNoteCard.readMore')}\n          </button>\n        ) : null}\n\n        {/* Attachment context */}\n        {attachmentNode ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {attachmentNode}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"article\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"clinical-note-card\"\n        data-component-id={id}\n        data-pinned={pinned ? 'true' : undefined}\n        data-flagged={flagged ? 'true' : undefined}\n        data-deleted={deleted ? 'true' : undefined}\n        data-attached-to={attachedTo?.kind}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nClinicalNoteCard.displayName = 'ClinicalNoteCard';\n\n/** Re-export of the surface variant union for downstream typing. */\nexport type ClinicalNoteCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","deletedDisclosure","NoteToggle","icon","pressed","label","activeClassName","action","pending","onToggle","jsx","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","operatorName","deleted","clinical","attachedTo","content","contentFormat","pinned","flagged","headerActions","onTogglePin","onToggleFlag","pinPending","flagPending","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","deletedOpen","setDeletedOpen","previousDeleted","setPreviousDeleted","bodyHidden","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","noteMarkdownToHtml","resolvedAriaLabel","useAgentRegistration","attachmentNode","NoteAttachmentChip","inner","jsxs","Avatar","Timestamp","Badge","Pin","Flag","prev","SafeHtml","Card"],"mappings":";;;;;;;;;;;;AAYO,MAAMA,KAA8D;AAAA,EACzE,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,IAErC,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,IAErC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,kBAAA;AAAA,IAAkB;AAAA,EAC7C;AAAA,EAEF,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GC4GMC,KAAeC,EAAI,+CAA+C;AAAA,EACtE,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,IAAI,UAAU,GAAA;AAAA,EAAG;AAAA,EAEpC,iBAAiB,EAAE,SAAS,WAAA;AAC9B,CAAC,GAGKC,KAAeD;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,UAAU,GAAA;AAAA,EAAM;AAEvC,GAUME,KAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AACF,EAAE,KAAK,GAAG,GAIJC,IAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,KAAoBJ,EAAI;AAAA,EAC5BG;AAAA,EACA;AACF,CAAC;AAkBD,SAASE,EAAW;AAAA,EAClB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAcN;AAAA,MACd,cAAYC;AAAA,MAGZ,iBAAeG,KAAW;AAAA,MAC1B,oBAAkBD;AAAA,MAClB,SAAS,MAAM;AACb,QAAKC,KAASC,EAAA;AAAA,MAChB;AAAA,MACA,WAAW;AAAA,QACTV;AAAA,QACAK,IACIE,IACA;AAAA,MAAA,EACJ,KAAK,GAAG;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAMO,MAAMQ,KAAmBC;AAAA,EAI9B,CACE;AAAA,IACE,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,cAAcC;AAAA,IACd,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAYC,EAAA,GACZC,IAASD,EAAA,GACT,CAACE,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAC9C,CAACG,GAAiBC,CAAkB,IAAIJ,EAAS,CAAC,CAACzB,CAAO;AAChE,IAAI4B,MAAoB,CAAC,CAAC5B,MACxB6B,EAAmB,CAAC,CAAC7B,CAAO,GAC5B2B,EAAe,EAAK;AAGtB,UAAMG,IAAa,CAAC,CAAC9B,KAAW,CAAC0B,GAG3B,EAAE,KAAKK,GAAU,eAAAC,EAAA,IAAkBC;AAAA,MACvCrB,KAAY,CAACW,KAAY,CAACO;AAAA,IAAA,GAItBI,IAAetB,KAAY,CAACkB,MAAeE,KAAiBT,IAK5DY,IAAWC;AAAA,MACf,MAAOhC,MAAkB,SAASD,IAAUkC,GAAmBlC,CAAO;AAAA,MACtE,CAACA,GAASC,CAAa;AAAA,IAAA,GAGnBkC,IAAoBxB,KAAaI,EAAE,8BAA8B;AAEvE,IAAAqB;AAAA,MACE/D;AAAA,MACA;AAAA,QACE,WAAW,MAAMmB;AAAA,QACjB,UAAU,MAAM,CAAC,CAACU;AAAA,QAClB,WAAW,MAAM,CAAC,CAACC;AAAA,QACnB,mBAAmB,MAAMJ,KAAA,gBAAAA,EAAY;AAAA,MAAA;AAAA,MAEvCP;AAAA,IAAA;AAGF,UAAM6C,IAAiB,gBAAAhD,EAACiD,IAAA,EAAmB,YAAAvC,EAAA,CAAwB,GAE7DwC,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAU,kDAEb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qDACZ,UAAA;AAAA,QAAA7C,IACC,gBAAAN;AAAA,UAACoD;AAAA,UAAA;AAAA,YACC,MAAM9C,EAAO;AAAA,YACb,KAAKA,EAAO;AAAA,YACZ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,cAAY;AAAA,UAAA;AAAA,QAAA,IAEZ;AAAA,QACJ,gBAAA6C,EAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,UAAA7C,IACC,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI4B;AAAA,cACJ,WAAU;AAAA,cAET,UAAAtB,EAAO;AAAA,YAAA;AAAA,UAAA,IAGV,gBAAAN,EAAC,QAAA,EAAK,IAAI4B,GAAW,WAAU,cAC5B,UAAAkB,GACH;AAAA,UAEDvC,IACC,gBAAAP,EAAC,QAAA,EAAK,WAAU,oEACb,UAAA0B,EAAE,6BAA6B,EAAE,MAAMnB,EAAA,CAAc,EAAA,CACxD,IACE;AAAA,UACJ,gBAAA4C,EAAC,QAAA,EAAK,WAAU,mHACb,UAAA;AAAA,YAAA/C,IACC,gBAAAJ,EAACqD,KAAU,OAAOjD,GAAS,OAAM,QAAO,MAAK,MAAK,IAChD;AAAA,YACHC,KAAgBA,MAAiBD,IAChC,gBAAA+C,EAAC,QAAA,EAAK,WAAU,qDACb,UAAA;AAAA,cAAAzB,EAAE,wBAAwB;AAAA,cAAG;AAAA,gCAC7B2B,GAAA,EAAU,OAAOhD,GAAc,OAAM,QAAO,MAAK,KAAA,CAAK;AAAA,YAAA,EAAA,CACzD,IACE;AAAA,UAAA,EAAA,CACN;AAAA,QAAA,GACF;AAAA,QACCG,KACDC,KACAM,KACAC,KACAC,KACAJ,KACAC,IACE,gBAAAqC,EAAC,QAAA,EAAK,WAAU,yGACb,UAAA;AAAA,UAAA3C,IACC,gBAAAR,EAACsD,KAAM,SAAQ,SAAQ,MAAK,MACzB,UAAA5B,EAAE,0BAA0B,EAAA,CAC/B,IACE;AAAA,UACHjB,IACC,gBAAAT,EAACsD,GAAA,EAAM,SAAQ,SAAQ,MAAK,MACzB,UAAA5B,EAAE,2BAA2B,EAAA,CAChC,IACE;AAAA,UAKHV,KAAeC,KAAgBJ,KAAUC,IACxC,gBAAAqC,EAAC,QAAA,EAAK,WAAU,uDACb,UAAA;AAAA,YAAAnC,IACC,gBAAAhB;AAAA,cAACR;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,SAAS0B;AAAA,gBACT,SAAS,CAAC,CAACL;AAAA,gBACX,UAAUG;AAAA,gBACV,OAEMU,EADJb,IACM,2BACA,sBADwB;AAAA,gBAGhC,iBAAgB;AAAA,gBAChB,MACE,gBAAAb;AAAA,kBAACuD;AAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,oBACV,MAAM1C,IAAS,iBAAiB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAClC;AAAA,YAAA,IAGFA,IACF,gBAAAb;AAAA,cAACsD;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,gBAAAtD,EAACuD,GAAA,EAAI,eAAY,OAAA,CAAO;AAAA,gBAEhC,YAAE,yBAAyB;AAAA,cAAA;AAAA,YAAA,IAE5B;AAAA,YACHtC,IACC,gBAAAjB;AAAA,cAACR;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,SAAS2B;AAAA,gBACT,SAAS,CAAC,CAACL;AAAA,gBACX,UAAUG;AAAA,gBACV,OAEMS,EADJZ,IACM,4BACA,uBADyB;AAAA,gBAGjC,iBAAgB;AAAA,gBAChB,MACE,gBAAAd;AAAA,kBAACwD;AAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,oBACV,MAAM1C,IAAU,iBAAiB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACnC;AAAA,YAAA,IAGFA,IACF,gBAAAd;AAAA,cAACsD;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,gBAAAtD,EAACwD,GAAA,EAAK,eAAY,OAAA,CAAO;AAAA,gBAEjC,YAAE,0BAA0B;AAAA,cAAA;AAAA,YAAA,IAE7B;AAAA,UAAA,EAAA,CACN,IACE;AAAA,UAGHzC;AAAA,QAAA,EAAA,CACH,IACE;AAAA,MAAA,GACN;AAAA,MAECP,IACC,gBAAAR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,iBAAekC;AAAA,UACf,iBAAeJ;AAAA,UACf,SAAS,MAAMK,EAAe,CAACsB,MAAS,CAACA,CAAI;AAAA,UAC7C,WAAWlE,GAAA;AAAA,UAEV,UACGmC,EADHQ,IACK,iCACA,8BAD8B;AAAA,QACA;AAAA,MAAA,IAEpC;AAAA,MAKJ,gBAAAlC;AAAA,QAAC0D;AAAA,QAAA;AAAA,UACC,KAAKnB;AAAA,UACL,IAAInB,KAAYZ,IAAUsB,IAAS;AAAA,UACnC,QAAQQ;AAAA,UACR,MAAMA,IAAa,KAAKK;AAAA,UACxB,SAAS/B,MAAkB,SAAS,cAAc;AAAA,UAClD,WAAWxB,GAAa,EAAE,UAAUgC,KAAY,CAACW,GAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAE5DW,IACC,gBAAA1C;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,iBAAe+B;AAAA,UACf,iBAAeD;AAAA,UACf,SAAS,MAAME,EAAY,CAACyB,MAAS,CAACA,CAAI;AAAA,UAC1C,WAAWnE;AAAA,UAEV,UACGoC,EADHK,IACK,8BACA,2BAD2B;AAAA,QACA;AAAA,MAAA,IAEjC;AAAA,MAGHiB,IACC,gBAAAhD,EAAC,OAAA,EAAI,WAAU,mEACZ,aACH,IACE;AAAA,IAAA,GACN;AAGF,WACE,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAyB;AAAA,QACA,MAAK;AAAA,QACL,cAAYqB;AAAA,QACZ,mBAAiBlB;AAAA,QACjB,kBAAe;AAAA,QACf,qBAAmBzB;AAAA,QACnB,eAAaU,IAAS,SAAS;AAAA,QAC/B,gBAAcC,IAAU,SAAS;AAAA,QACjC,gBAAcN,IAAU,SAAS;AAAA,QACjC,oBAAkBE,KAAA,gBAAAA,EAAY;AAAA,QAC9B,IAAAP;AAAA,QACA,WAAWjB,GAAa,EAAE,SAAAmC,GAAS,WAAAE,GAAW;AAAA,QAC7C,GAAGC;AAAA,QAEH,UAAAH,MAAY,aACX,gBAAArB,EAAC2D,GAAA,EAAK,SAAQ,YACZ,UAAA,gBAAA3D,EAAC2D,EAAK,MAAL,EAAW,UAAAT,EAAA,CAAM,EAAA,CACpB,IAEAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAjD,GAAiB,cAAc;"}
+{"version":3,"file":"clinical-note-card-B7s5BtEl.js","sources":["../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ClinicalNoteCard.                                     */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the note's id + structural    */\n/* flags (pinned / flagged / attachment kind) so a future MCP UI bridge  */\n/* can locate and describe a rendered note. NEVER reads the note body or */\n/* any author identity — those are PHI and stay out of the agent layer.  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ClinicalNoteCardHandle } from './clinical-note-card';\n\nexport const clinicalNoteCardAgent: AgentAdapter<ClinicalNoteCardHandle> = {\n  id: 'clinical-note-card',\n  capabilities: [],\n  state: {\n    noteId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.noteId',\n      description: 'Stable identifier of the rendered note, when supplied.',\n      read: (handle) => handle.getNoteId(),\n    },\n    pinned: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.pinned',\n      description: 'Whether the note is pinned to the top of the timeline.',\n      read: (handle) => handle.isPinned(),\n    },\n    flagged: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.flagged',\n      description: 'Whether the note is flagged for follow-up.',\n      read: (handle) => handle.isFlagged(),\n    },\n    attachmentKind: {\n      type: \"'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined\",\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.attachmentKind',\n      description:\n        'Structural kind the note is attached to. Never the attachment identity or content.',\n      read: (handle) => handle.getAttachmentKind(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'clinical-note-card',\n      description:\n        'Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks; the pin / flag toggles carry data-note-action=\"pin\" | \"flag\".',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific note.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\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 { Flag, Pin } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\n\n// The attachment type moved to `_shared` when NoteTimeline began rendering the\n// same chip; re-exported here so this component's public API is unchanged.\nexport type { NoteAttachment };\n\n/* -------------------------------------------------------------------- */\n/* ClinicalNoteCard                                                      */\n/*                                                                        */\n/* A single clinical note — the free-text annotation an operator writes  */\n/* against a patient, care plan, treatment phase, or x-ray. Replaces the */\n/* bespoke \"nota clinica\" rows scattered across the platform patient     */\n/* timeline. Composes Card + Avatar (author) + Timestamp + Badge/Tag     */\n/* (clinical / pinned / flagged) + Link (attachment) and renders the     */\n/* markdown body through the shared SafeHtml helper — the only sanctioned */\n/* carrier of dangerouslySetInnerHTML (constraint §8).                   */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `clinicalNoteCard.*` namespace. No PHI is read by the agent adapter — */\n/* only the note id and structural flags are exposed.                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Author identity — drives the avatar + visible byline. */\nexport interface ClinicalNoteAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** Imperative handle exposed to the agent runtime — identifiers / flags only. */\nexport interface ClinicalNoteCardHandle {\n  /** The note's stable id, when supplied. */\n  getNoteId: () => string | undefined;\n  /** Whether the note is currently pinned. */\n  isPinned: () => boolean;\n  /** Whether the note is currently flagged. */\n  isFlagged: () => boolean;\n  /** The attachment kind the note is bound to. */\n  getAttachmentKind: () => NoteAttachment['kind'] | undefined;\n}\n\nexport interface ClinicalNoteCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'children' | 'content' | 'title'\n> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   * primary `<Timestamp>`. An empty string renders no timestamp (an undated\n   * imported note).\n   */\n  dateIso: string;\n  /**\n   * ISO-8601 timestamp the note was authored, when it differs from\n   * `dateIso`. Rendered as a secondary \"added\" line.\n   */\n  createdAtIso?: string;\n  /** Author identity — avatar + byline. Optional for system notes. */\n  author?: ClinicalNoteAuthor;\n  /** The operator the note is credited to: a secondary \"Operator: …\" byline. */\n  operatorName?: string;\n  /**\n   * A deleted note kept for the record. Shows a \"Deleted\" badge and keeps the\n   * body out of the DOM until the reader presses \"Show deleted note\". Not an\n   * access control: the body is one press away.\n   */\n  deleted?: boolean;\n  /**\n   * Whether this is a clinical note (vs. an administrative one). When true a\n   * \"Clinical\" badge is shown so the note's nature is unambiguous at a glance.\n   */\n  clinical?: boolean;\n  /** What the note is attached to — drives a contextual chip + optional link. */\n  attachedTo?: NoteAttachment;\n  /**\n   * The note body, authored in a small, safe subset of Markdown (bold,\n   * italic, inline code, links, line breaks, simple lists). Rendered through\n   * the shared `SafeHtml` helper with the `markdown` sanitiser profile —\n   * raw HTML and unsafe link schemes are stripped.\n   */\n  content: string;\n  /**\n   * How `content` is authored. `'markdown'` (default) runs the small Markdown\n   * subset through the converter; `'html'` treats `content` as rich HTML\n   * (e.g. Redactor output) and renders it through SafeHtml's `rich-text`\n   * profile, so colours, sizes, tables and images survive sanitisation.\n   */\n  contentFormat?: 'markdown' | 'html';\n  /** Pin the note to the top of a timeline — shows a \"Pinned\" chip. */\n  pinned?: boolean;\n  /** Flag the note for follow-up / attention — shows a \"Flagged\" chip. */\n  flagged?: boolean;\n  /**\n   * Host-owned actions for this note (edit, delete, share …), rendered\n   * beside the pin and flag. They belong in the same cluster: a reader\n   * looking for what they can do to a note should find every affordance\n   * in one place, not some in the card and the rest below it.\n   */\n  headerActions?: ReactNode;\n  /**\n   * When provided, the pinned chip becomes an `aria-pressed` toggle button so\n   * the note can be (un)pinned in place — the pin glyph fills and tints to the\n   * accent when pinned (no button fill). Omit for a static, display-only card.\n   */\n  onTogglePin?: () => void;\n  /** As `onTogglePin`, for the flagged state (warning-tinted when flagged). */\n  onToggleFlag?: () => void;\n  /**\n   * A pin write is in flight. The toggle keeps showing `pinned`, is\n   * `aria-disabled`, dims and ignores clicks until the host answers. Only\n   * with `onTogglePin`.\n   */\n  pinPending?: boolean;\n  /** As `pinPending`, for the flag toggle. */\n  flagPending?: boolean;\n  /**\n   * Clamp the rendered body to five lines. When the body is taller than the\n   * clamp, a \"Read more\" / \"Read less\" disclosure toggles the full text in\n   * place — the note stays a read-only display surface, so this is the\n   * sighted-user escape hatch (assistive tech reads the full body regardless).\n   */\n  truncate?: boolean;\n  /**\n   * `'elevated'` (default) wraps the note in `<Card variant=\"elevated\">`.\n   * `'flat'` drops the chrome for use inside an existing Card / timeline rail.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* Body clamp — applied only when `truncate` is set. Logical-safe. */\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:text-[color:var(--foreground)]',\n    'ds:break-words',\n    '[&_a]:ds:underline [&_a]:ds:underline-offset-2',\n    '[&_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)]',\n    '[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]',\n    // `list-disc` / `list-decimal` are load-bearing: the card renders host\n    // HTML inside `[data-component]`, where preflight's `list-style: none`\n    // still applies. Without them the indent lands but the markers do not.\n    'ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal',\n    // Rich-text (Redactor) extras — harmless on markdown notes, which carry\n    // none of these tags. Headings, inline images and tables stay readable.\n    '[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0',\n    '[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]',\n    '[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse',\n    '[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start',\n    '[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      truncate: {\n        true: 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]',\n        false: '',\n      },\n    },\n    defaultVariants: { truncate: false },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Inline affordances — pin / flag toggle + read-more disclosure        */\n/* -------------------------------------------------------------------- */\n\n/* Pin / flag toggle. A raw button (not IconButton) so the pressed state\n   reads as a FILLED glyph + colour tint rather than a filled button — the\n   same treatment as the Sidebar favourite star. The compact box keeps a\n   --min-target-size hit area on touch via the ::before expansion. */\nconst noteToggleBase = [\n  'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-7 ds:rounded-[var(--radius-sm)]',\n  'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n  'ds:hover:bg-[color:var(--muted)]/20',\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:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n  // A write in flight: the toggle stays focusable, says it is busy and\n  // dims as a waiting Button does, so a keyboard reader sees it too.\n  'ds:aria-disabled:cursor-progress ds:aria-disabled:opacity-50',\n].join(' ');\n\n/* Read-more / read-less disclosure — an inline text toggle in the flow of\n   the body copy (exempt from target-size the same way an inline link is). */\nconst readMoreClasses = [\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\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:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst deletedDisclosure = cva([\n  readMoreClasses,\n  'ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]',\n]);\n\ninterface NoteToggleProps {\n  /** The lucide glyph, pre-configured with `fill` + size by the caller. */\n  icon: ReactNode;\n  /** Current pressed state. */\n  pressed: boolean;\n  /** Accessible label (flips between the on / off verb). */\n  label: string;\n  /** Colour class applied while pressed (accent for pin, warning for flag). */\n  activeClassName: string;\n  /** Stable hook for hosts, agents and focus rescue: `pin` or `flag`. */\n  action: 'pin' | 'flag';\n  /** A write is in flight: aria-disabled, and clicks do nothing. */\n  pending: boolean;\n  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  action,\n  pending,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      // aria-disabled, not disabled: the toggle keeps its focus while the\n      // host answers, so a keyboard reader is not dropped onto the page.\n      aria-disabled={pending || undefined}\n      data-note-action={action}\n      onClick={() => {\n        if (!pending) onToggle();\n      }}\n      className={[\n        noteToggleBase,\n        pressed\n          ? activeClassName\n          : 'ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]',\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ClinicalNoteCard = forwardRef<\n  HTMLDivElement,\n  ClinicalNoteCardProps\n>(\n  (\n    {\n      id,\n      dateIso,\n      createdAtIso,\n      author,\n      operatorName,\n      deleted,\n      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      headerActions,\n      onTogglePin,\n      onToggleFlag,\n      pinPending = false,\n      flagPending = false,\n      truncate = false,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const headingId = useId();\n    const bodyId = useId();\n    const [expanded, setExpanded] = useState(false);\n    const [deletedOpen, setDeletedOpen] = useState(false);\n    const [previousDeleted, setPreviousDeleted] = useState(!!deleted);\n    if (previousDeleted !== !!deleted) {\n      setPreviousDeleted(!!deleted);\n      setDeletedOpen(false);\n    }\n    // A deleted note's body stays empty and hidden until the reader reveals it.\n    const bodyHidden = !!deleted && !deletedOpen;\n\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded && !bodyHidden,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && !bodyHidden && (isOverflowing || expanded);\n\n    // Markdown notes are converted to a safe HTML subset; rich-text (Redactor)\n    // notes are passed through verbatim and sanitised by SafeHtml's broader\n    // `rich-text` profile at render. Either way SafeHtml is the only carrier.\n    const bodyHtml = useMemo(\n      () => (contentFormat === 'html' ? content : noteMarkdownToHtml(content)),\n      [content, contentFormat],\n    );\n\n    const resolvedAriaLabel = ariaLabel ?? t('clinicalNoteCard.regionLabel');\n\n    useAgentRegistration(\n      clinicalNoteCardAgent,\n      {\n        getNoteId: () => id,\n        isPinned: () => !!pinned,\n        isFlagged: () => !!flagged,\n        getAttachmentKind: () => attachedTo?.kind,\n      },\n      id,\n    );\n\n    const attachmentNode = <NoteAttachmentChip attachedTo={attachedTo} />;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n        {/* Header: author + date + status chips */}\n        <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {author ? (\n            <Avatar\n              name={author.name}\n              src={author.avatarUrl}\n              size=\"sm\"\n              className=\"ds:shrink-0\"\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n          ) : null}\n          <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            {author ? (\n              <span\n                id={headingId}\n                className=\"type-title-item ds:text-[color:var(--foreground)] ds:truncate\"\n              >\n                {author.name}\n              </span>\n            ) : (\n              <span id={headingId} className=\"ds:sr-only\">\n                {resolvedAriaLabel}\n              </span>\n            )}\n            {operatorName ? (\n              <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:break-words\">\n                {t('clinicalNoteCard.operator', { name: operatorName })}\n              </span>\n            ) : null}\n            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden\">\n              {dateIso ? (\n                <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\n              ) : null}\n              {createdAtIso && createdAtIso !== dateIso ? (\n                <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {t('clinicalNoteCard.added')}{' '}\n                  <Timestamp value={createdAtIso} shape=\"bare\" size=\"sm\" />\n                </span>\n              ) : null}\n            </span>\n          </div>\n          {deleted ||\n          clinical ||\n          headerActions ||\n          onTogglePin ||\n          onToggleFlag ||\n          pinned ||\n          flagged ? (\n            <span className=\"ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]\">\n              {deleted ? (\n                <Badge variant=\"error\" size=\"sm\">\n                  {t('clinicalNoteCard.deleted')}\n                </Badge>\n              ) : null}\n              {clinical ? (\n                <Badge variant=\"brand\" size=\"sm\">\n                  {t('clinicalNoteCard.clinical')}\n                </Badge>\n              ) : null}\n              {/* Pin + flag — grouped tightly together, kept clear of the\n                  clinical badge by the cluster's larger gap. Each is an\n                  interactive toggle when a handler is supplied (filled glyph +\n                  tint when active, no button fill), else a static chip. */}\n              {onTogglePin || onToggleFlag || pinned || flagged ? (\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  {onTogglePin ? (\n                    <NoteToggle\n                      action=\"pin\"\n                      pending={pinPending}\n                      pressed={!!pinned}\n                      onToggle={onTogglePin}\n                      label={\n                        pinned\n                          ? t('clinicalNoteCard.unpin')\n                          : t('clinicalNoteCard.pin')\n                      }\n                      activeClassName=\"ds:text-[color:var(--accent)]\"\n                      icon={\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={pinned ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : pinned ? (\n                    <Badge\n                      variant=\"accent\"\n                      size=\"sm\"\n                      leading={<Pin aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.pinned')}\n                    </Badge>\n                  ) : null}\n                  {onToggleFlag ? (\n                    <NoteToggle\n                      action=\"flag\"\n                      pending={flagPending}\n                      pressed={!!flagged}\n                      onToggle={onToggleFlag}\n                      label={\n                        flagged\n                          ? t('clinicalNoteCard.unflag')\n                          : t('clinicalNoteCard.flag')\n                      }\n                      activeClassName=\"ds:text-[color:var(--warning-readable)]\"\n                      icon={\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={flagged ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : flagged ? (\n                    <Badge\n                      variant=\"warning\"\n                      size=\"sm\"\n                      leading={<Flag aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.flagged')}\n                    </Badge>\n                  ) : null}\n                </span>\n              ) : null}\n              {/* Sibling of the pin/flag cluster, not inside it: a note with\n                  neither would otherwise drop the host's actions entirely. */}\n              {headerActions}\n            </span>\n          ) : null}\n        </div>\n\n        {deleted ? (\n          <button\n            type=\"button\"\n            aria-expanded={deletedOpen}\n            aria-controls={bodyId}\n            onClick={() => setDeletedOpen((prev) => !prev)}\n            className={deletedDisclosure()}\n          >\n            {deletedOpen\n              ? t('clinicalNoteCard.hideDeleted')\n              : t('clinicalNoteCard.showDeleted')}\n          </button>\n        ) : null}\n        {/* Body — rendered via the sanctioned SafeHtml carrier. Markdown notes\n            use the tight markdown profile; rich-text notes the broader one.\n            When `truncate`, the body clamps to five lines with a read-more\n            disclosure once it overflows. */}\n        <SafeHtml\n          ref={clampRef}\n          id={truncate || deleted ? bodyId : undefined}\n          hidden={bodyHidden}\n          html={bodyHidden ? '' : bodyHtml}\n          profile={contentFormat === 'html' ? 'rich-text' : 'markdown'}\n          className={bodyVariants({ truncate: truncate && !expanded })}\n        />\n        {showReadMore ? (\n          <button\n            type=\"button\"\n            aria-expanded={expanded}\n            aria-controls={bodyId}\n            onClick={() => setExpanded((prev) => !prev)}\n            className={readMoreClasses}\n          >\n            {expanded\n              ? t('clinicalNoteCard.readLess')\n              : t('clinicalNoteCard.readMore')}\n          </button>\n        ) : null}\n\n        {/* Attachment context */}\n        {attachmentNode ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {attachmentNode}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"article\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"clinical-note-card\"\n        data-component-id={id}\n        data-pinned={pinned ? 'true' : undefined}\n        data-flagged={flagged ? 'true' : undefined}\n        data-deleted={deleted ? 'true' : undefined}\n        data-attached-to={attachedTo?.kind}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nClinicalNoteCard.displayName = 'ClinicalNoteCard';\n\n/** Re-export of the surface variant union for downstream typing. */\nexport type ClinicalNoteCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","deletedDisclosure","NoteToggle","icon","pressed","label","activeClassName","action","pending","onToggle","jsx","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","operatorName","deleted","clinical","attachedTo","content","contentFormat","pinned","flagged","headerActions","onTogglePin","onToggleFlag","pinPending","flagPending","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","deletedOpen","setDeletedOpen","previousDeleted","setPreviousDeleted","bodyHidden","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","noteMarkdownToHtml","resolvedAriaLabel","useAgentRegistration","attachmentNode","NoteAttachmentChip","inner","jsxs","Avatar","Timestamp","Badge","Pin","Flag","prev","SafeHtml","Card"],"mappings":"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"}