@alfadocs/ui-kit-debug 1.95.1 → 1.96.0

package/dist/_chunks/{card-BA4Ig_kn.js → card-C85_Ndhb.js}

@@ -1,13 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as t, useId as B, useState as k, useCallback as v, useContext as I, createContext as _ } from "react";
-import { Slot as F } from "@radix-ui/react-slot";
-import { c as M } from "./index-D2ZczOXr.js";
-const u = _({
+import { jsx as o, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as l, useId as B, useState as I, useCallback as u, useContext as _, createContext as F } from "react";
+import { Slot as M } from "@radix-ui/react-slot";
+import { c as R } from "./index-D2ZczOXr.js";
+const m = F({
   headerId: "",
   interactive: !1,
   registerHeader: () => {
   }
-}), R = M(
+}), P = R(
   [
     "ds:rounded-[var(--radius-lg)] ds:text-[var(--card-foreground)]",
     "ds:overflow-hidden",
@@ -54,44 +54,44 @@ const u = _({
       stretch: !1
     }
   }
-), h = t(
+), h = l(
   ({
-    variant: a = "default",
+    variant: r = "default",
     interactive: e = !1,
-    stretch: r = !1,
-    asChild: i = !1,
-    className: l,
-    children: n,
-    onClick: d,
-    onKeyDown: c,
-    ...w
-  }, C) => {
-    const f = B(), [x, y] = k(!1), N = v(() => y(!0), []), j = e ? {
-      ...i ? {} : { role: "button", tabIndex: 0 },
-      onKeyDown: (o) => {
-        e && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.currentTarget.click()), c == null || c(o);
+    stretch: a = !1,
+    asChild: d = !1,
+    className: n,
+    children: c,
+    onClick: t,
+    onKeyDown: s,
+    ...f
+  }, x) => {
+    const v = B(), [C, j] = I(!1), N = u(() => j(!0), []), y = e ? {
+      ...d ? {} : { role: "button", tabIndex: 0 },
+      onKeyDown: (i) => {
+        e && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.currentTarget.click()), s == null || s(i);
       },
-      onClick: d
-    } : { onClick: d }, H = i ? F : e ? "div" : "article";
-    return /* @__PURE__ */ s(
-      u.Provider,
+      onClick: t
+    } : { onClick: t }, k = d ? M : e ? "div" : "article";
+    return /* @__PURE__ */ o(
+      m.Provider,
       {
-        value: { headerId: f, interactive: e ?? !1, registerHeader: N },
-        children: /* @__PURE__ */ s(
-          H,
+        value: { headerId: v, interactive: e ?? !1, registerHeader: N },
+        children: /* @__PURE__ */ o(
+          k,
           {
-            ref: C,
-            "aria-labelledby": x ? f : void 0,
+            ref: x,
+            "aria-labelledby": C ? v : void 0,
             "data-component": "card",
-            className: R({
-              variant: a,
+            className: P({
+              variant: r,
               interactive: e ?? !1,
-              stretch: r ?? !1,
-              className: l
+              stretch: a ?? !1,
+              className: n
             }),
-            ...j,
-            ...w,
-            children: n
+            ...y,
+            ...f,
+            children: c
           }
         )
       }
@@ -99,19 +99,47 @@ const u = _({
   }
 );
 h.displayName = "Card";
-const m = t(
-  ({ className: a, ...e }, r) => {
-    const { headerId: i, registerHeader: l } = I(u), n = v(
-      (d) => {
-        d && l(), typeof r == "function" ? r(d) : r && (r.current = d);
+const p = l(
+  ({ className: r, info: e, ...a }, d) => {
+    const { headerId: n, registerHeader: c } = _(m), t = u(
+      (s) => {
+        s && c(), typeof d == "function" ? d(s) : d && (d.current = s);
       },
-      [r, l]
+      [d, c]
     );
-    return /* @__PURE__ */ s(
+    if (e != null) {
+      const { children: s, ...f } = a;
+      return /* @__PURE__ */ H(
+        "div",
+        {
+          ref: t,
+          className: [
+            "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0",
+            r
+          ].filter(Boolean).join(" "),
+          ...f,
+          children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                id: n,
+                className: [
+                  "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]",
+                  "ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]"
+                ].join(" "),
+                children: s
+              }
+            ),
+            /* @__PURE__ */ o("span", { className: "ds:shrink-0", children: e })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ o(
       "div",
       {
-        ref: n,
-        id: i,
+        ref: t,
+        id: n,
         className: [
           "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0",
           // Wrap policy for header text content. Scoped to DIRECT children
@@ -123,61 +151,61 @@ const m = t(
           // chopped natural-language labels mid-character inside narrow
           // contexts (DescriptionList rows in a Carousel slide).
           "ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]",
-          a
+          r
         ].filter(Boolean).join(" "),
-        ...e
+        ...a
       }
     );
   }
 );
-m.displayName = "Card.Header";
-const b = t(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s(
+p.displayName = "Card.Header";
+const b = l(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ o(
     "div",
     {
-      ref: r,
+      ref: a,
       className: [
         "ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full",
-        a
+        r
       ].filter(Boolean).join(" "),
       ...e
     }
   )
 );
 b.displayName = "Card.Media";
-const p = t(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s(
+const g = l(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ o(
     "div",
     {
-      ref: r,
-      className: ["ds:p-[var(--spacing-md)] ds:flex-1", a].filter(Boolean).join(" "),
+      ref: a,
+      className: ["ds:p-[var(--spacing-md)] ds:flex-1", r].filter(Boolean).join(" "),
       ...e
     }
   )
 );
-p.displayName = "Card.Body";
-const g = t(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s(
+g.displayName = "Card.Body";
+const w = l(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ o(
     "div",
     {
-      ref: r,
+      ref: a,
       className: [
         // Wraps: Buttons keep their width, so a crowded row drops one to a new line.
         "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0",
-        a
+        r
       ].filter(Boolean).join(" "),
       ...e
     }
   )
 );
-g.displayName = "Card.Footer";
-const O = Object.assign(h, {
-  Header: m,
+w.displayName = "Card.Footer";
+const T = Object.assign(h, {
+  Header: p,
   Media: b,
-  Body: p,
-  Footer: g
+  Body: g,
+  Footer: w
 });
 export {
-  O as C
+  T as C
 };
-//# sourceMappingURL=card-BA4Ig_kn.js.map
+//# sourceMappingURL=card-C85_Ndhb.js.map

package/dist/_chunks/card-C85_Ndhb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-C85_Ndhb.js","sources":["../../src/components/card/card.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface CardContextValue {\n  headerId: string;\n  interactive: boolean;\n  registerHeader: () => void;\n}\n\nconst CardContext = createContext<CardContextValue>({\n  headerId: '',\n  interactive: false,\n  registerHeader: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:rounded-[var(--radius-lg)] ds:text-[var(--card-foreground)]',\n    'ds:overflow-hidden',\n    'ds:flex ds:flex-col',\n  ].join(' '),\n  {\n    variants: {\n      // 0.31.5: accessible-theme bumps the border from 1px → 2px (through\n      // `--surface-border-width`, so a nested theme root wins) so\n      // the boundary reads at the strict-AA / AAA contrast bar — at\n      // 1px the `--card-border` (#00000080 light / #ffffff52 dark)\n      // clears 3:1 luminance but reads as a hairline on tall cards.\n      // Light + dark keep 1px. Forced-colours users get `border-2 +\n      // CanvasText` as a parallel safety net. The width sits in\n      // `[:where(&)]` (zero specificity) so a width class passed in\n      // `className`, such as `ds:border-2`, still wins.\n      variant: {\n        default:\n          'ds:bg-[var(--card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n        outlined:\n          'ds:bg-[var(--card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--border)]',\n        elevated:\n          'ds:bg-[var(--card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)]',\n      },\n      interactive: {\n        true: [\n          'ds:cursor-pointer',\n          'ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          'ds:hover:shadow-[var(--shadow-hover)]',\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:min-h-[var(--min-target-size)]',\n        ].join(' '),\n        false: '',\n      },\n      // `stretch: true` fills the parent layout cell (grid / flex) so a\n      // row of Cards ends up with matching heights. Combined with the\n      // `flex-1` on `Card.Body`, the footer naturally pins to the bottom.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      interactive: false,\n      stretch: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface CardProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role'>,\n    VariantProps<typeof cardVariants> {\n  variant?: 'default' | 'outlined' | 'elevated';\n  interactive?: boolean;\n  /**\n   * Stretch the Card to fill its parent layout cell. Use on every Card in\n   * a dashboard row so siblings end up with matching heights, and the\n   * `Card.Body` + `Card.Footer` flex naturally pin the footer to the\n   * bottom. Grid cells already `align-items: stretch` by default, but an\n   * explicit `h-full` keeps the behaviour robust under flex parents too.\n   */\n  stretch?: boolean;\n  asChild?: boolean;\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardRoot = forwardRef<HTMLElement, CardProps>(\n  (\n    {\n      variant = 'default',\n      interactive = false,\n      stretch = false,\n      asChild = false,\n      className,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const headerId = useId();\n    const [hasHeader, setHasHeader] = useState(false);\n    const registerHeader = useCallback(() => setHasHeader(true), []);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n      if (interactive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).click();\n      }\n      onKeyDown?.(e);\n    };\n\n    // When asChild=true the consumer provides its own element (<a>, <button>)\n    // which already carries the correct role and tabIndex — don't override them.\n    const interactiveProps = interactive\n      ? {\n          ...(asChild ? {} : { role: 'button' as const, tabIndex: 0 }),\n          onKeyDown: handleKeyDown,\n          onClick,\n        }\n      : { onClick };\n\n    // `<article>` is the default semantic root, but axe's\n    // `aria-allowed-role` rule forbids `role=\"button\"` on `<article>`.\n    // When the card is interactive we switch to `<div>` so the explicit\n    // role is valid. Consumers can still pass `asChild` to provide their\n    // own anchor / button element when they want stronger semantics.\n    const Comp = asChild ? Slot : interactive ? 'div' : 'article';\n\n    return (\n      <CardContext.Provider\n        value={{ headerId, interactive: interactive ?? false, registerHeader }}\n      >\n        <Comp\n          ref={ref as React.Ref<HTMLDivElement>}\n          aria-labelledby={hasHeader ? headerId : undefined}\n          data-component=\"card\"\n          className={cardVariants({\n            variant,\n            interactive: interactive ?? false,\n            stretch: stretch ?? false,\n            className,\n          })}\n          {...interactiveProps}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </CardContext.Provider>\n    );\n  },\n);\nCardRoot.displayName = 'Card';\n\n/* ------------------------------------------------------------------ */\n/* Header                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Optional trailing affordance beside the title, intended for an\n   * `<InfoTip size=\"sm\" />`. It renders outside the element that names the\n   * card, so the card is announced by its title alone. Not for an\n   * `interactive` Card (a button inside a button).\n   */\n  info?: ReactNode;\n}\n\nconst CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, info, ...props }, ref) => {\n    const { headerId, registerHeader } = useContext(CardContext);\n\n    // Notify root that a header is present so aria-labelledby is applied.\n    const callbackRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        if (node) registerHeader();\n        if (typeof ref === 'function') ref(node);\n        else if (ref)\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref, registerHeader],\n    );\n\n    if (info != null) {\n      // The labelling element holds the title only; the tip sits beside it.\n      const { children, ...rest } = props;\n      return (\n        <div\n          ref={callbackRef}\n          className={[\n            'ds:flex ds:items-start ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0',\n            className,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          <div\n            id={headerId}\n            className={[\n              'ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]',\n              'ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]',\n            ].join(' ')}\n          >\n            {children}\n          </div>\n          <span className=\"ds:shrink-0\">{info}</span>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={callbackRef}\n        id={headerId}\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0',\n          // Wrap policy for header text content. Scoped to DIRECT children\n          // (h1–h6 / p / div) and using `break-word` instead of `anywhere`\n          // so natural-language titles wrap at word boundaries first; only\n          // genuinely unbreakable strings (URLs, hashes) break mid-word\n          // when they'd otherwise overflow. The previous `[&_*]:` cascade\n          // applied `overflow-wrap: anywhere` to every descendant, which\n          // chopped natural-language labels mid-character inside narrow\n          // contexts (DescriptionList rows in a Carousel slide).\n          'ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nCardHeader.displayName = 'Card.Header';\n\n/* ------------------------------------------------------------------ */\n/* Media                                                               */\n/* ------------------------------------------------------------------ */\n\nconst CardMedia = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardMedia.displayName = 'Card.Media';\n\n/* ------------------------------------------------------------------ */\n/* Body                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      // `text-start` is INTENTIONALLY OMITTED from the baseline so a\n      // consumer `className=\"ds:text-center\"` (or `text-end`) wins the\n      // cascade without source-order trickery. Tailwind 4 emits its\n      // utilities in alphabetical-ish order in tokens.css, so a kit\n      // baseline `text-start` would land AFTER a consumer\n      // `text-center` and override it — exactly the cascade trap that\n      // bit Badge `bg-muted/20` earlier. Without a baseline, the body\n      // inherits its parent's `text-align` (always `start` in\n      // browsers' default cascade — same render as before for every\n      // existing consumer), and consumer overrides apply with no\n      // surprises. Pass `className=\"ds:text-start\"` explicitly if you\n      // need to override a parent that set `text-center`.\n      className={['ds:p-[var(--spacing-md)] ds:flex-1', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardBody.displayName = 'Card.Body';\n\n/* ------------------------------------------------------------------ */\n/* Footer                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        // Wraps: Buttons keep their width, so a crowded row drops one to a new line.\n        'ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'Card.Footer';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Media: CardMedia,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\nexport type { VariantProps as CardVariantProps };\n"],"names":["CardContext","createContext","cardVariants","cva","CardRoot","forwardRef","variant","interactive","stretch","asChild","className","children","onClick","onKeyDown","props","ref","headerId","useId","hasHeader","setHasHeader","useState","registerHeader","useCallback","interactiveProps","e","Comp","Slot","jsx","CardHeader","info","useContext","callbackRef","node","rest","jsxs","CardMedia","CardBody","CardFooter","Card"],"mappings":"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"}

package/dist/_chunks/{clinical-note-card-Cut2lNmu.js → clinical-note-card-CWHFnCmY.js}

@@ -4,7 +4,7 @@ import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as se } from "react-i18next";
 import { A as ae } from "./avatar-a6042Ox2.js";
 import { B as b } from "./badge-BUk4RjTS.js";
-import { C as S } from "./card-BA4Ig_kn.js";
+import { C as S } from "./card-C85_Ndhb.js";
 import { T as B } from "./timestamp-DPLDWdxA.js";
 import { SafeHtml as ie } from "../safe-html/index.js";
 import { n as te, P as I, F as O, N as re } from "./note-attachment-cnj2JRrg.js";
@@ -337,4 +337,4 @@ export {
   ue as C,
   oe as c
 };
-//# sourceMappingURL=clinical-note-card-Cut2lNmu.js.map
+//# sourceMappingURL=clinical-note-card-CWHFnCmY.js.map

package/dist/_chunks/{clinical-note-card-Cut2lNmu.js.map → clinical-note-card-CWHFnCmY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"clinical-note-card-Cut2lNmu.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('ui');\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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"}
+{"version":3,"file":"clinical-note-card-CWHFnCmY.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('ui');\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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"}

package/dist/_chunks/{connection-status-CVyCqxiY.js → connection-status-CWSU3eiq.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as k, useMemo as B } from "react";
 import { useTranslation as A } from "react-i18next";
-import { C as a } from "./card-BA4Ig_kn.js";
+import { C as a } from "./card-C85_Ndhb.js";
 import { B as C } from "./badge-BUk4RjTS.js";
 import { B as u } from "./button-DohK_Ak_.js";
 import { D as d } from "./description-list-BxzDN9o2.js";
@@ -105,4 +105,4 @@ export {
   K as C,
   w as c
 };
-//# sourceMappingURL=connection-status-CVyCqxiY.js.map
+//# sourceMappingURL=connection-status-CWSU3eiq.js.map

package/dist/_chunks/{connection-status-CVyCqxiY.js.map → connection-status-CWSU3eiq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"connection-status-CVyCqxiY.js","sources":["../../src/components/connection-status/connection-status.agent.ts","../../src/components/connection-status/connection-status.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ConnectionStatus.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ConnectionStatusHandle } from './connection-status';\n\nexport const connectionStatusAgent: AgentAdapter<ConnectionStatusHandle> = {\n  id: 'connection-status',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    status: {\n      type: 'string',\n      descriptionKey: 'ui.agent.connectionStatus.state.status',\n      description:\n        \"Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.\",\n      read: (handle) => handle.getStatus(),\n    },\n  },\n  actions: {\n    connect: {\n      // Reaches an external service (OAuth handoff / server write), so it is\n      // both a `write` and `openWorld`.\n      safety: 'write',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.connect',\n      description:\n        'Begin connecting the external service — invokes the consumer-supplied onConnect handler.',\n      invoke: (handle) => {\n        handle.connect();\n      },\n    },\n    disconnect: {\n      // Tears down an established external connection — irreversible from the\n      // agent's perspective, so `destructive` + `openWorld`.\n      safety: 'destructive',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.disconnect',\n      description:\n        'Disconnect the external service — invokes the consumer-supplied onDisconnect handler.',\n      invoke: (handle) => {\n        handle.disconnect();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'connection-status',\n      description: 'Marks the ConnectionStatus wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Card } from '../card';\nimport { Badge, type BadgeProps } from '../badge';\nimport { Button } from '../button';\nimport { DescriptionList } from '../description-list';\nimport { useAgentRegistration } from '../../agent';\nimport { connectionStatusAgent } from './connection-status.agent';\n\nexport type ConnectionStatusValue =\n  | 'connected'\n  | 'disconnected'\n  | 'pending'\n  | 'error';\n\n/** One read-only account row, shown under a connected service. */\nexport interface ConnectionStatusSummaryRow {\n  label: string;\n  value: string;\n}\n\n/** Agent-readiness curated handle for ConnectionStatus. */\nexport interface ConnectionStatusHandle {\n  getStatus: () => ConnectionStatusValue;\n  connect: () => void;\n  disconnect: () => void;\n}\n\nexport interface ConnectionStatusProps {\n  /** Service name — consumer-domain text (e.g. `\"Stripe\"`). */\n  service: string;\n  /** External-service connection state. */\n  status: ConnectionStatusValue;\n  /** Short explanatory line — consumer-domain text. */\n  description?: string;\n  /**\n   * Read-only account rows rendered via the kit DescriptionList. Consumer-domain\n   * text. Shown only when `status === 'connected'`.\n   */\n  summary?: ConnectionStatusSummaryRow[];\n  /** Called by the Connect action (disconnected / error states). */\n  onConnect?: () => void;\n  /** Called by the Disconnect action (connected state). */\n  onDisconnect?: () => void;\n  /** Disable the connect / disconnect action. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// Status → Badge tone. The status word itself is the Badge label, so the tone\n// is redundant colour reinforcement — the meaning is always conveyed by text\n// (constraint: status must never be communicated by colour alone).\nconst BADGE_TONE: Record<\n  ConnectionStatusValue,\n  NonNullable<BadgeProps['variant']>\n> = {\n  connected: 'success',\n  disconnected: 'neutral',\n  pending: 'warning',\n  error: 'error',\n};\n\n// Status → intrinsic-chrome i18n key for the status word.\nconst STATUS_LABEL_KEY: Record<ConnectionStatusValue, string> = {\n  connected: 'connectionStatus.statusConnected',\n  disconnected: 'connectionStatus.statusDisconnected',\n  pending: 'connectionStatus.statusPending',\n  error: 'connectionStatus.statusError',\n};\n\nexport const ConnectionStatus = forwardRef<\n  HTMLDivElement,\n  ConnectionStatusProps\n>(function ConnectionStatus(\n  {\n    service,\n    status,\n    description,\n    summary,\n    onConnect,\n    onDisconnect,\n    disabled = false,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation('ui');\n\n  const handle = useMemo<ConnectionStatusHandle>(\n    () => ({\n      getStatus: () => status,\n      connect: () => onConnect?.(),\n      disconnect: () => onDisconnect?.(),\n    }),\n    [status, onConnect, onDisconnect],\n  );\n  useAgentRegistration(connectionStatusAgent, handle, id);\n\n  // Footer action. The visual variant is delegated to Button's CVA (intent);\n  // pending shows a disabled affordance carrying the status word.\n  const action =\n    status === 'pending' ? (\n      <Button intent=\"primary\" disabled>\n        {t('connectionStatus.statusPending')}\n      </Button>\n    ) : status === 'connected' ? (\n      <Button intent=\"outline\" disabled={disabled} onClick={onDisconnect}>\n        {t('connectionStatus.disconnect')}\n      </Button>\n    ) : (\n      <Button intent=\"primary\" disabled={disabled} onClick={onConnect}>\n        {t('connectionStatus.connect')}\n      </Button>\n    );\n\n  const showSummary =\n    status === 'connected' && Array.isArray(summary) && summary.length > 0;\n\n  return (\n    <div ref={ref} data-component=\"connection-status\" data-component-id={id}>\n      <Card className={className} aria-label={ariaLabel}>\n        <Card.Header>\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <span className=\"type-title-card ds:text-foreground\">\n              {service}\n            </span>\n            <Badge variant={BADGE_TONE[status]}>\n              {t(STATUS_LABEL_KEY[status])}\n            </Badge>\n          </div>\n        </Card.Header>\n        <Card.Body>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {description ? (\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {description}\n              </p>\n            ) : null}\n            {showSummary && summary ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {summary.map((row) => (\n                  <DescriptionList.Row key={row.label}>\n                    <DescriptionList.Term>{row.label}</DescriptionList.Term>\n                    <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n            ) : null}\n          </div>\n        </Card.Body>\n        <Card.Footer>{action}</Card.Footer>\n      </Card>\n    </div>\n  );\n});\n\nConnectionStatus.displayName = 'ConnectionStatus';\n"],"names":["connectionStatusAgent","handle","BADGE_TONE","STATUS_LABEL_KEY","ConnectionStatus","forwardRef","service","status","description","summary","onConnect","onDisconnect","disabled","id","className","ariaLabel","ref","t","useTranslation","useMemo","useAgentRegistration","action","jsx","Button","showSummary","jsxs","Card","Badge","DescriptionList","row"],"mappings":"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"}
+{"version":3,"file":"connection-status-CWSU3eiq.js","sources":["../../src/components/connection-status/connection-status.agent.ts","../../src/components/connection-status/connection-status.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ConnectionStatus.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ConnectionStatusHandle } from './connection-status';\n\nexport const connectionStatusAgent: AgentAdapter<ConnectionStatusHandle> = {\n  id: 'connection-status',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    status: {\n      type: 'string',\n      descriptionKey: 'ui.agent.connectionStatus.state.status',\n      description:\n        \"Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.\",\n      read: (handle) => handle.getStatus(),\n    },\n  },\n  actions: {\n    connect: {\n      // Reaches an external service (OAuth handoff / server write), so it is\n      // both a `write` and `openWorld`.\n      safety: 'write',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.connect',\n      description:\n        'Begin connecting the external service — invokes the consumer-supplied onConnect handler.',\n      invoke: (handle) => {\n        handle.connect();\n      },\n    },\n    disconnect: {\n      // Tears down an established external connection — irreversible from the\n      // agent's perspective, so `destructive` + `openWorld`.\n      safety: 'destructive',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.disconnect',\n      description:\n        'Disconnect the external service — invokes the consumer-supplied onDisconnect handler.',\n      invoke: (handle) => {\n        handle.disconnect();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'connection-status',\n      description: 'Marks the ConnectionStatus wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Card } from '../card';\nimport { Badge, type BadgeProps } from '../badge';\nimport { Button } from '../button';\nimport { DescriptionList } from '../description-list';\nimport { useAgentRegistration } from '../../agent';\nimport { connectionStatusAgent } from './connection-status.agent';\n\nexport type ConnectionStatusValue =\n  | 'connected'\n  | 'disconnected'\n  | 'pending'\n  | 'error';\n\n/** One read-only account row, shown under a connected service. */\nexport interface ConnectionStatusSummaryRow {\n  label: string;\n  value: string;\n}\n\n/** Agent-readiness curated handle for ConnectionStatus. */\nexport interface ConnectionStatusHandle {\n  getStatus: () => ConnectionStatusValue;\n  connect: () => void;\n  disconnect: () => void;\n}\n\nexport interface ConnectionStatusProps {\n  /** Service name — consumer-domain text (e.g. `\"Stripe\"`). */\n  service: string;\n  /** External-service connection state. */\n  status: ConnectionStatusValue;\n  /** Short explanatory line — consumer-domain text. */\n  description?: string;\n  /**\n   * Read-only account rows rendered via the kit DescriptionList. Consumer-domain\n   * text. Shown only when `status === 'connected'`.\n   */\n  summary?: ConnectionStatusSummaryRow[];\n  /** Called by the Connect action (disconnected / error states). */\n  onConnect?: () => void;\n  /** Called by the Disconnect action (connected state). */\n  onDisconnect?: () => void;\n  /** Disable the connect / disconnect action. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// Status → Badge tone. The status word itself is the Badge label, so the tone\n// is redundant colour reinforcement — the meaning is always conveyed by text\n// (constraint: status must never be communicated by colour alone).\nconst BADGE_TONE: Record<\n  ConnectionStatusValue,\n  NonNullable<BadgeProps['variant']>\n> = {\n  connected: 'success',\n  disconnected: 'neutral',\n  pending: 'warning',\n  error: 'error',\n};\n\n// Status → intrinsic-chrome i18n key for the status word.\nconst STATUS_LABEL_KEY: Record<ConnectionStatusValue, string> = {\n  connected: 'connectionStatus.statusConnected',\n  disconnected: 'connectionStatus.statusDisconnected',\n  pending: 'connectionStatus.statusPending',\n  error: 'connectionStatus.statusError',\n};\n\nexport const ConnectionStatus = forwardRef<\n  HTMLDivElement,\n  ConnectionStatusProps\n>(function ConnectionStatus(\n  {\n    service,\n    status,\n    description,\n    summary,\n    onConnect,\n    onDisconnect,\n    disabled = false,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation('ui');\n\n  const handle = useMemo<ConnectionStatusHandle>(\n    () => ({\n      getStatus: () => status,\n      connect: () => onConnect?.(),\n      disconnect: () => onDisconnect?.(),\n    }),\n    [status, onConnect, onDisconnect],\n  );\n  useAgentRegistration(connectionStatusAgent, handle, id);\n\n  // Footer action. The visual variant is delegated to Button's CVA (intent);\n  // pending shows a disabled affordance carrying the status word.\n  const action =\n    status === 'pending' ? (\n      <Button intent=\"primary\" disabled>\n        {t('connectionStatus.statusPending')}\n      </Button>\n    ) : status === 'connected' ? (\n      <Button intent=\"outline\" disabled={disabled} onClick={onDisconnect}>\n        {t('connectionStatus.disconnect')}\n      </Button>\n    ) : (\n      <Button intent=\"primary\" disabled={disabled} onClick={onConnect}>\n        {t('connectionStatus.connect')}\n      </Button>\n    );\n\n  const showSummary =\n    status === 'connected' && Array.isArray(summary) && summary.length > 0;\n\n  return (\n    <div ref={ref} data-component=\"connection-status\" data-component-id={id}>\n      <Card className={className} aria-label={ariaLabel}>\n        <Card.Header>\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <span className=\"type-title-card ds:text-foreground\">\n              {service}\n            </span>\n            <Badge variant={BADGE_TONE[status]}>\n              {t(STATUS_LABEL_KEY[status])}\n            </Badge>\n          </div>\n        </Card.Header>\n        <Card.Body>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {description ? (\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {description}\n              </p>\n            ) : null}\n            {showSummary && summary ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {summary.map((row) => (\n                  <DescriptionList.Row key={row.label}>\n                    <DescriptionList.Term>{row.label}</DescriptionList.Term>\n                    <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n            ) : null}\n          </div>\n        </Card.Body>\n        <Card.Footer>{action}</Card.Footer>\n      </Card>\n    </div>\n  );\n});\n\nConnectionStatus.displayName = 'ConnectionStatus';\n"],"names":["connectionStatusAgent","handle","BADGE_TONE","STATUS_LABEL_KEY","ConnectionStatus","forwardRef","service","status","description","summary","onConnect","onDisconnect","disabled","id","className","ariaLabel","ref","t","useTranslation","useMemo","useAgentRegistration","action","jsx","Button","showSummary","jsxs","Card","Badge","DescriptionList","row"],"mappings":"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"}

package/dist/_chunks/{contact-card-ClvEDM9e.js → contact-card-CymtNvy3.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as r, Fragment as b } from "react";
 import { useTranslation as k } from "react-i18next";
-import { C as o } from "./card-BA4Ig_kn.js";
+import { C as o } from "./card-C85_Ndhb.js";
 import { L as p } from "./link-DtCfnLnF.js";
 import { M as v } from "./map-pin-BaY37-Km.js";
 function L(s) {
@@ -118,4 +118,4 @@ const M = Object.assign(f, {
 export {
   M as C
 };
-//# sourceMappingURL=contact-card-ClvEDM9e.js.map
+//# sourceMappingURL=contact-card-CymtNvy3.js.map