@alfadocs/ui-kit-debug 0.68.0 → 0.70.0

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

@@ -0,0 +1,436 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as D, useId as A, useState as F, useMemo as G } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { A as Q } from "./avatar-BNQNhoyL.js";
+import { B as c } from "./badge-DCOqV9mI.js";
+import { C as $ } from "./card-DPmk26CL.js";
+import { L as X } from "./link-DrD_cRUg.js";
+import { T as L } from "./timestamp-BV2lC-wV.js";
+import { SafeHtml as Y } from "../safe-html/index.js";
+import { i as Z } from "./is-safe-url-DkETxeHz.js";
+import { u as T } from "./use-clamp-overflow-DQE2kwZ9.js";
+import { u as ee } from "./registry-DvAUVLHh.js";
+import { S as ae } from "./scan-line-lGioFwLC.js";
+import { L as se } from "./layers-pzGcbLPj.js";
+import { F as y } from "./file-text-DSNuv2B8.js";
+import { U as re } from "./user-CPxpqFjJ.js";
+import { c as S } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ie = [
+  [
+    "path",
+    {
+      d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
+      key: "1jaruq"
+    }
+  ]
+], I = S("flag", ie);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const te = [
+  ["path", { d: "M12 17v5", key: "bb1du9" }],
+  [
+    "path",
+    {
+      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+      key: "1nkz8b"
+    }
+  ]
+], K = S("pin", te), ne = {
+  id: "clinical-note-card",
+  capabilities: [],
+  state: {
+    noteId: {
+      type: "string | undefined",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.noteId",
+      description: "Stable identifier of the rendered note, when supplied.",
+      read: (s) => s.getNoteId()
+    },
+    pinned: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.pinned",
+      description: "Whether the note is pinned to the top of the timeline.",
+      read: (s) => s.isPinned()
+    },
+    flagged: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.flagged",
+      description: "Whether the note is flagged for follow-up.",
+      read: (s) => s.isFlagged()
+    },
+    attachmentKind: {
+      type: "'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.attachmentKind",
+      description: "Structural kind the note is attached to. Never the attachment identity or content.",
+      read: (s) => s.getAttachmentKind()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "clinical-note-card",
+      description: "Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop — addresses a specific note."
+    }
+  }
+}, le = P("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: { flat: "", elevated: "" }
+  },
+  defaultVariants: { surface: "elevated" }
+}), de = P(
+  [
+    "type-body-sm ds:text-[color:var(--foreground)]",
+    "ds:break-words",
+    "[&_a]:ds:underline [&_a]:ds:underline-offset-2",
+    "[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]",
+    "[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]",
+    "[&_ul]:ds:m-0 [&_ul]:ds:ps-[var(--spacing-md)] [&_ol]:ds:m-0 [&_ol]:ds:ps-[var(--spacing-md)]",
+    // Rich-text (Redactor) extras — harmless on markdown notes, which carry
+    // none of these tags. Headings, inline images and tables stay readable.
+    "[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0",
+    "[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]",
+    "[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse",
+    "[&_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",
+    "[&_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)]"
+  ].join(" "),
+  {
+    variants: {
+      truncate: {
+        true: "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]",
+        false: ""
+      }
+    },
+    defaultVariants: { truncate: !1 }
+  }
+), oe = [
+  "ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+  "ds:size-7 ds:rounded-[var(--radius-sm)]",
+  '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',
+  "ds:hover:bg-[color:var(--muted)]/20",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]",
+  "ds:motion-reduce:transition-none"
+].join(" "), ce = [
+  "ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start",
+  "ds:text-[length:var(--font-size-xs)] ds:font-semibold",
+  "ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" ");
+function M({
+  icon: s,
+  pressed: i,
+  label: d,
+  activeClassName: n,
+  onToggle: u
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": i,
+      "aria-label": d,
+      onClick: u,
+      className: [
+        oe,
+        i ? n : "ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]"
+      ].join(" "),
+      children: s
+    }
+  );
+}
+function C(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function _(s) {
+  let i = s;
+  return i = i.replace(/`([^`]+)`/g, "<code>$1</code>"), i = i.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), i = i.replace(/\*([^*]+)\*/g, "<em>$1</em>"), i = i.replace(
+    /\[([^\]]+)\]\(([^)\s]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+  ), i;
+}
+function me(s) {
+  return s.split(/\n{2,}/).map((d) => {
+    const n = d.split(`
+`), u = n.every((l) => /^\s*[-*]\s+/.test(l)), a = n.every((l) => /^\s*\d+\.\s+/.test(l));
+    return u && n.length > 0 ? `<ul>${n.map((t) => t.replace(/^\s*[-*]\s+/, "")).map((t) => `<li>${_(C(t))}</li>`).join("")}</ul>` : a && n.length > 0 ? `<ol>${n.map((t) => t.replace(/^\s*\d+\.\s+/, "")).map((t) => `<li>${_(C(t))}</li>`).join("")}</ol>` : `<p>${_(C(d)).replace(
+      /\n/g,
+      "<br />"
+    )}</p>`;
+  }).join("");
+}
+const pe = D(
+  ({
+    id: s,
+    dateIso: i,
+    createdAtIso: d,
+    author: n,
+    clinical: u,
+    attachedTo: a,
+    content: g,
+    contentFormat: l = "markdown",
+    pinned: t,
+    flagged: o,
+    onTogglePin: h,
+    onToggleFlag: b,
+    truncate: x = !1,
+    surface: k = "elevated",
+    "aria-label": E,
+    className: H,
+    ...V
+  }, U) => {
+    const { t: r } = J(), N = A(), w = A(), [v, B] = F(!1), { ref: R, isOverflowing: W } = T(
+      x && !v
+    ), q = x && (W || v), O = G(
+      () => l === "html" ? g : me(g),
+      [g, l]
+    ), z = E ?? r("clinicalNoteCard.regionLabel");
+    ee(
+      ne,
+      {
+        getNoteId: () => s,
+        isPinned: () => !!t,
+        isFlagged: () => !!o,
+        getAttachmentKind: () => a == null ? void 0 : a.kind
+      },
+      s
+    );
+    let m = null;
+    if (a)
+      switch (a.kind) {
+        case "patient":
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(re, { "aria-hidden": "true" }),
+              children: r("clinicalNoteCard.attachment.patient")
+            }
+          );
+          break;
+        case "carePlan": {
+          const f = r("clinicalNoteCard.attachment.carePlan", {
+            number: a.number
+          });
+          m = a.url && Z(a.url) ? /* @__PURE__ */ e(
+            X,
+            {
+              href: a.url,
+              intent: "default",
+              startIcon: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              children: f
+            }
+          ) : /* @__PURE__ */ e(
+            c,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              children: f
+            }
+          );
+          break;
+        }
+        case "carePlanEntry": {
+          const f = a.elements && a.elements.length > 0 ? r("clinicalNoteCard.attachment.carePlanEntryWithElements", {
+            care: a.careName,
+            elements: a.elements.join(", ")
+          }) : r("clinicalNoteCard.attachment.carePlanEntry", {
+            care: a.careName
+          });
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              children: f
+            }
+          );
+          break;
+        }
+        case "phase":
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
+              children: r("clinicalNoteCard.attachment.phase", {
+                label: a.label
+              })
+            }
+          );
+          break;
+        case "xray":
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(ae, { "aria-hidden": "true" }),
+              children: a.label ? r("clinicalNoteCard.attachment.xrayWithLabel", {
+                label: a.label
+              }) : r("clinicalNoteCard.attachment.xray")
+            }
+          );
+          break;
+      }
+    const j = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ p("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+        n ? /* @__PURE__ */ e(
+          Q,
+          {
+            name: n.name,
+            src: n.avatarUrl,
+            size: "sm",
+            className: "ds:shrink-0",
+            "aria-hidden": "true",
+            role: "presentation",
+            "aria-label": void 0
+          }
+        ) : null,
+        /* @__PURE__ */ p("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          n ? /* @__PURE__ */ e(
+            "span",
+            {
+              id: N,
+              className: "type-title-item ds:text-[color:var(--foreground)] ds:truncate",
+              children: n.name
+            }
+          ) : /* @__PURE__ */ e("span", { id: N, className: "ds:sr-only", children: z }),
+          /* @__PURE__ */ p("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(L, { value: i, shape: "bare", size: "sm" }),
+            d && d !== i ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: [
+              r("clinicalNoteCard.added"),
+              " ",
+              /* @__PURE__ */ e(L, { value: d, shape: "bare", size: "sm" })
+            ] }) : null
+          ] })
+        ] }),
+        u || h || b || t || o ? /* @__PURE__ */ p("span", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+          u ? /* @__PURE__ */ e(c, { variant: "brand", size: "sm", children: r("clinicalNoteCard.clinical") }) : null,
+          h || b || t || o ? /* @__PURE__ */ p("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            h ? /* @__PURE__ */ e(
+              M,
+              {
+                pressed: !!t,
+                onToggle: h,
+                label: r(t ? "clinicalNoteCard.unpin" : "clinicalNoteCard.pin"),
+                activeClassName: "ds:text-[color:var(--accent)]",
+                icon: /* @__PURE__ */ e(
+                  K,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4",
+                    fill: t ? "currentColor" : "none"
+                  }
+                )
+              }
+            ) : t ? /* @__PURE__ */ e(
+              c,
+              {
+                variant: "accent",
+                size: "sm",
+                leading: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+                children: r("clinicalNoteCard.pinned")
+              }
+            ) : null,
+            b ? /* @__PURE__ */ e(
+              M,
+              {
+                pressed: !!o,
+                onToggle: b,
+                label: r(o ? "clinicalNoteCard.unflag" : "clinicalNoteCard.flag"),
+                activeClassName: "ds:text-[color:var(--warning-readable)]",
+                icon: /* @__PURE__ */ e(
+                  I,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4",
+                    fill: o ? "currentColor" : "none"
+                  }
+                )
+              }
+            ) : o ? /* @__PURE__ */ e(
+              c,
+              {
+                variant: "warning",
+                size: "sm",
+                leading: /* @__PURE__ */ e(I, { "aria-hidden": "true" }),
+                children: r("clinicalNoteCard.flagged")
+              }
+            ) : null
+          ] }) : null
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ e(
+        Y,
+        {
+          ref: R,
+          id: x ? w : void 0,
+          html: O,
+          profile: l === "html" ? "rich-text" : "markdown",
+          className: de({ truncate: x && !v })
+        }
+      ),
+      q ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": v,
+          "aria-controls": w,
+          onClick: () => B((f) => !f),
+          className: ce,
+          children: r(v ? "clinicalNoteCard.readLess" : "clinicalNoteCard.readMore")
+        }
+      ) : null,
+      m ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: U,
+        role: "article",
+        "aria-label": z,
+        "aria-labelledby": N,
+        "data-component": "clinical-note-card",
+        "data-component-id": s,
+        "data-pinned": t ? "true" : void 0,
+        "data-flagged": o ? "true" : void 0,
+        "data-attached-to": a == null ? void 0 : a.kind,
+        id: s,
+        className: le({ surface: k, className: H }),
+        ...V,
+        children: k === "elevated" ? /* @__PURE__ */ e($, { variant: "elevated", children: /* @__PURE__ */ e($.Body, { children: j }) }) : j
+      }
+    );
+  }
+);
+pe.displayName = "ClinicalNoteCard";
+export {
+  pe as C,
+  ne as c
+};
+//# sourceMappingURL=clinical-note-card-BUvNMNGL.js.map

package/dist/_chunks/clinical-note-card-BUvNMNGL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clinical-note-card-BUvNMNGL.js","sources":["../../node_modules/lucide-react/dist/esm/icons/flag.js","../../node_modules/lucide-react/dist/esm/icons/pin.js","../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528\",\n      key: \"1jaruq\"\n    }\n  ]\n];\nconst Flag = createLucideIcon(\"flag\", __iconNode);\n\nexport { __iconNode, Flag as default };\n//# sourceMappingURL=flag.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 17v5\", key: \"bb1du9\" }],\n  [\n    \"path\",\n    {\n      d: \"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z\",\n      key: \"1nkz8b\"\n    }\n  ]\n];\nconst Pin = createLucideIcon(\"pin\", __iconNode);\n\nexport { __iconNode, Pin as default };\n//# sourceMappingURL=pin.js.map\n","/* -------------------------------------------------------------------- */\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.',\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, FileText, Layers, ScanLine, User } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Link } from '../link/link';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\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/**\n * What the note is attached to. Discriminated by `kind`:\n * - `patient`     — a free-standing note on the patient record.\n * - `carePlan`    — attached to a care plan (estimate / treatment plan),\n *   identified by its number, with an optional deep link.\n * - `carePlanEntry` — attached to one entry inside a care plan, naming the\n *   care and (optionally) the listed elements.\n * - `phase`       — attached to a treatment phase, labelled.\n * - `xray`        — attached to an x-ray / radiograph, optionally labelled.\n */\nexport type NoteAttachment =\n  | { kind: 'patient' }\n  | { kind: 'carePlan'; number: string; url?: string }\n  | { kind: 'carePlanEntry'; careName: string; elements?: string[] }\n  | { kind: 'phase'; label: string }\n  | { kind: 'xray'; label?: string };\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>`.\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  /**\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   * 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   * 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    '[&_ul]:ds:m-0 [&_ul]:ds:ps-[var(--spacing-md)] [&_ol]:ds:m-0 [&_ol]:ds:ps-[var(--spacing-md)]',\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].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\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  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      onClick={onToggle}\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/* Markdown → safe HTML                                                  */\n/*                                                                        */\n/* A dependency-free converter for the small Markdown subset the note    */\n/* body supports. The output is then passed to `SafeHtml` (markdown      */\n/* profile) which strips everything outside the allow-list — so even a   */\n/* hostile note can only ever emit the sanitised tag set. We never call  */\n/* dangerouslySetInnerHTML ourselves; SafeHtml is the single carrier.    */\n/* -------------------------------------------------------------------- */\n\n/** HTML-escape a raw text run before re-inserting our own safe markup. */\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;');\n}\n\n/** Apply inline markdown (bold, italic, code, links) to an escaped run. */\nfunction renderInlineHtml(escaped: string): string {\n  let out = escaped;\n  // Inline code first so its contents aren't re-processed.\n  out = out.replace(/`([^`]+)`/g, '<code>$1</code>');\n  out = out.replace(/\\*\\*([^*]+)\\*\\*/g, '<strong>$1</strong>');\n  out = out.replace(/\\*([^*]+)\\*/g, '<em>$1</em>');\n  // Links — the href is left as-authored; SafeHtml's markdown profile\n  // rejects any scheme outside http(s)/mailto/tel at sanitise time.\n  out = out.replace(\n    /\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g,\n    '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>',\n  );\n  return out;\n}\n\n/** Convert the supported Markdown subset into an HTML string. */\nfunction markdownToHtml(input: string): string {\n  const blocks = input.split(/\\n{2,}/);\n  return blocks\n    .map((block) => {\n      const lines = block.split('\\n');\n      const isUnordered = lines.every((l) => /^\\s*[-*]\\s+/.test(l));\n      const isOrdered = lines.every((l) => /^\\s*\\d+\\.\\s+/.test(l));\n      if (isUnordered && lines.length > 0) {\n        const items = lines\n          .map((l) => l.replace(/^\\s*[-*]\\s+/, ''))\n          .map((l) => `<li>${renderInlineHtml(escapeHtml(l))}</li>`)\n          .join('');\n        return `<ul>${items}</ul>`;\n      }\n      if (isOrdered && lines.length > 0) {\n        const items = lines\n          .map((l) => l.replace(/^\\s*\\d+\\.\\s+/, ''))\n          .map((l) => `<li>${renderInlineHtml(escapeHtml(l))}</li>`)\n          .join('');\n        return `<ol>${items}</ol>`;\n      }\n      const paragraph = renderInlineHtml(escapeHtml(block)).replace(\n        /\\n/g,\n        '<br />',\n      );\n      return `<p>${paragraph}</p>`;\n    })\n    .join('');\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      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      onTogglePin,\n      onToggleFlag,\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\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && (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 : markdownToHtml(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    /* ----- Attachment chip / link ----- */\n    let attachmentNode: ReactNode = null;\n    if (attachedTo) {\n      switch (attachedTo.kind) {\n        case 'patient':\n          attachmentNode = (\n            <Badge\n              variant=\"neutral\"\n              size=\"sm\"\n              leading={<User aria-hidden=\"true\" />}\n            >\n              {t('clinicalNoteCard.attachment.patient')}\n            </Badge>\n          );\n          break;\n        case 'carePlan': {\n          const label = t('clinicalNoteCard.attachment.carePlan', {\n            number: attachedTo.number,\n          });\n          attachmentNode =\n            attachedTo.url && isSafeEntityUrl(attachedTo.url) ? (\n              <Link\n                href={attachedTo.url}\n                intent=\"default\"\n                startIcon={<FileText aria-hidden=\"true\" />}\n              >\n                {label}\n              </Link>\n            ) : (\n              <Badge\n                variant=\"info\"\n                size=\"sm\"\n                leading={<FileText aria-hidden=\"true\" />}\n              >\n                {label}\n              </Badge>\n            );\n          break;\n        }\n        case 'carePlanEntry': {\n          const label =\n            attachedTo.elements && attachedTo.elements.length > 0\n              ? t('clinicalNoteCard.attachment.carePlanEntryWithElements', {\n                  care: attachedTo.careName,\n                  elements: attachedTo.elements.join(', '),\n                })\n              : t('clinicalNoteCard.attachment.carePlanEntry', {\n                  care: attachedTo.careName,\n                });\n          attachmentNode = (\n            <Badge\n              variant=\"info\"\n              size=\"sm\"\n              leading={<FileText aria-hidden=\"true\" />}\n            >\n              {label}\n            </Badge>\n          );\n          break;\n        }\n        case 'phase':\n          attachmentNode = (\n            <Badge\n              variant=\"neutral\"\n              size=\"sm\"\n              leading={<Layers aria-hidden=\"true\" />}\n            >\n              {t('clinicalNoteCard.attachment.phase', {\n                label: attachedTo.label,\n              })}\n            </Badge>\n          );\n          break;\n        case 'xray':\n          attachmentNode = (\n            <Badge\n              variant=\"neutral\"\n              size=\"sm\"\n              leading={<ScanLine aria-hidden=\"true\" />}\n            >\n              {attachedTo.label\n                ? t('clinicalNoteCard.attachment.xrayWithLabel', {\n                    label: attachedTo.label,\n                  })\n                : t('clinicalNoteCard.attachment.xray')}\n            </Badge>\n          );\n          break;\n      }\n    }\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            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)]\">\n              <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\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          {clinical || onTogglePin || onToggleFlag || pinned || 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              {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                      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                      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            </span>\n          ) : null}\n        </div>\n\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 ? bodyId : undefined}\n          html={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-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":["__iconNode","Flag","createLucideIcon","Pin","clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","NoteToggle","icon","pressed","label","activeClassName","onToggle","jsx","escapeHtml","input","renderInlineHtml","escaped","out","markdownToHtml","block","lines","isUnordered","isOrdered","l","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","clinical","attachedTo","content","contentFormat","pinned","flagged","onTogglePin","onToggleFlag","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","resolvedAriaLabel","useAgentRegistration","attachmentNode","Badge","User","isSafeEntityUrl","Link","FileText","Layers","ScanLine","inner","jsxs","Avatar","Timestamp","SafeHtml","prev","Card"],"mappings":"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","x_google_ignoreList":[0,1]}