@alfadocs/ui-kit-debug 1.36.1 → 1.38.0

package/dist/_chunks/{note-timeline-CXfSV3yX.js → note-timeline-D2oPuQP6.js}

@@ -1,11 +1,12 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as T, useMemo as u } from "react";
-import { c as l } from "./index-D2ZczOXr.js";
-import { useTranslation as k } from "react-i18next";
-import { SafeHtml as j } from "../safe-html/index.js";
-import { n as C, P as I, F as V, N as F } from "./note-attachment-CwDir3kK.js";
-import { u as M } from "./registry-DvAUVLHh.js";
-const _ = {
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as M, useRef as S, useMemo as v } from "react";
+import { c as u } from "./index-D2ZczOXr.js";
+import { useTranslation as V } from "react-i18next";
+import { SafeHtml as A } from "../safe-html/index.js";
+import { C as F, S as g } from "./skeleton-B1KTdJ4N.js";
+import { n as E, P as H, F as L, N as R } from "./note-attachment-CwDir3kK.js";
+import { u as D } from "./registry-DvAUVLHh.js";
+const P = {
   id: "note-timeline",
   capabilities: [],
   state: {
@@ -13,13 +14,13 @@ const _ = {
       type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
       descriptionKey: "ui.agent.noteTimeline.state.notes",
       description: "Structural snapshot of the rendered rows: ids and flags only, never note content or author.",
-      read: (t) => t.getNotes()
+      read: (s) => s.getNotes()
     },
     visibleCount: {
       type: "number",
       descriptionKey: "ui.agent.noteTimeline.state.visibleCount",
       description: "How many notes are rendered, after the maxItems cap is applied.",
-      read: (t) => t.getVisibleCount()
+      read: (s) => s.getVisibleCount()
     }
   },
   actions: {},
@@ -35,7 +36,7 @@ const _ = {
       description: "Sourced from the id prop — addresses a specific timeline."
     }
   }
-}, z = l(
+}, x = u(
   [
     // Named group so the rail's connector can ask "is my ROW the last one?".
     // A bare `last:` on the rail asks "am I the last child of my row?", which
@@ -44,7 +45,7 @@ const _ = {
     "ds:group/note-row ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:pb-3 ds:last:pb-0"
   ].join(" ")
-), A = l(
+), K = u(
   [
     "type-body-sm ds:[overflow-wrap:break-word]",
     // `[&_p]:m-0` — the converter wraps each block in <p>; the timeline
@@ -66,7 +67,7 @@ const _ = {
     },
     defaultVariants: { lines: 3 }
   }
-), H = l(
+), N = u(
   [
     "ds:absolute ds:top-1 ds:start-0 ds:size-[9px]",
     "ds:rounded-[var(--radius-full)] ds:border-2",
@@ -90,81 +91,141 @@ const _ = {
     defaultVariants: { tone: "default" }
   }
 );
-function D(t) {
-  return [...t].sort((n, r) => !!n.pinned != !!r.pinned ? n.pinned ? -1 : 1 : r.dateIso.localeCompare(n.dateIso));
+function O(s) {
+  return [...s].sort((r, d) => !!r.pinned != !!d.pinned ? r.pinned ? -1 : 1 : d.dateIso.localeCompare(r.dateIso));
 }
-const P = T(
+const q = M(
   ({
-    id: t,
-    notes: n,
-    maxItems: r = 3,
-    lines: h = 3,
-    locale: b,
-    emptyState: v,
-    "aria-label": x,
-    className: c,
-    ...m
-  }, p) => {
-    const { t: i, i18n: N } = k(), o = b ?? N.language, d = u(
-      () => D(n).slice(0, Math.max(0, r)),
-      [n, r]
-    ), g = u(
+    id: s,
+    notes: r,
+    maxItems: d = 3,
+    lines: w = 3,
+    locale: y,
+    emptyState: T,
+    "aria-label": k,
+    loading: i = !1,
+    loadingRows: j = 2,
+    className: l,
+    ...c
+  }, m) => {
+    const { t: p, i18n: C } = V(), f = y ?? C.language, h = S(!1);
+    i && (h.current = !0);
+    const _ = h.current ? F : "", o = v(
+      () => O(r).slice(0, Math.max(0, d)),
+      [r, d]
+    ), b = v(
       () => ({
-        dayMonth: new Intl.DateTimeFormat(o, {
+        dayMonth: new Intl.DateTimeFormat(f, {
           day: "numeric",
           month: "short"
         }),
-        year: new Intl.DateTimeFormat(o, { year: "numeric" })
+        year: new Intl.DateTimeFormat(f, { year: "numeric" })
       }),
-      [o]
+      [f]
     );
-    return M(
-      _,
+    return D(
+      P,
       {
-        getNotes: () => d.map((e) => ({
+        getNotes: () => o.map((e) => ({
           id: e.id,
           pinned: !!e.pinned,
           flagged: !!e.flagged,
           clinical: !!e.clinical
         })),
-        getVisibleCount: () => d.length
+        getVisibleCount: () => o.length
       },
-      t
-    ), d.length === 0 ? /* @__PURE__ */ a(
+      s
+    ), i && o.length === 0 ? /* @__PURE__ */ a(
       "div",
       {
-        ref: p,
+        ref: m,
         "data-component": "note-timeline",
-        "data-component-id": t,
+        "data-component-id": s,
+        "data-loading": "",
+        "aria-busy": "true",
+        className: ["ds:flex ds:flex-col", l ?? ""].join(" ").trim(),
+        ...c,
+        children: Array.from({ length: Math.max(1, j) }, (e, t) => /* @__PURE__ */ n("div", { "aria-hidden": "true", className: x(), children: [
+          /* @__PURE__ */ n("div", { className: "ds:flex ds:w-12 ds:shrink-0 ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)] ds:pt-px", children: [
+            /* @__PURE__ */ a(
+              g,
+              {
+                variant: "text",
+                size: "sm",
+                stagger: t * 2,
+                width: "80%"
+              }
+            ),
+            /* @__PURE__ */ a(
+              g,
+              {
+                variant: "text",
+                size: "sm",
+                stagger: t * 2,
+                width: "50%"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: [
+                "ds:relative ds:w-[9px] ds:shrink-0",
+                "ds:before:absolute ds:before:start-[4px] ds:before:top-[14px]",
+                "ds:before:bottom-[-12px] ds:before:w-px",
+                'ds:before:bg-[color:var(--border)] ds:before:content-[""]',
+                "ds:group-last/note-row:before:hidden"
+              ].join(" "),
+              children: /* @__PURE__ */ a("span", { className: N({ tone: "default" }) })
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ a(
+            g,
+            {
+              variant: "text",
+              size: "sm",
+              lines: t % 2 === 0 ? 3 : 2,
+              stagger: t * 2 + 1
+            }
+          ) })
+        ] }, t))
+      }
+    ) : o.length === 0 ? /* @__PURE__ */ a(
+      "div",
+      {
+        ref: m,
+        "data-component": "note-timeline",
+        "data-component-id": s,
         "data-empty": "",
-        className: c,
-        ...m,
-        children: v
+        className: l,
+        ...c,
+        children: T
       }
     ) : /* @__PURE__ */ a(
       "div",
       {
-        ref: p,
+        ref: m,
         "data-component": "note-timeline",
-        "data-component-id": t,
+        "data-component-id": s,
         role: "list",
-        "aria-label": x ?? i("noteTimeline.regionLabel"),
-        className: ["ds:flex ds:flex-col", c ?? ""].join(" ").trim(),
-        ...m,
-        children: d.map((e) => {
-          const f = new Date(e.dateIso), w = e.pinned ? "pinned" : e.flagged ? "flagged" : "default", y = e.contentFormat === "html" ? e.content : C(e.content);
-          return /* @__PURE__ */ s(
+        "aria-busy": i || void 0,
+        "aria-label": k ?? p("noteTimeline.regionLabel"),
+        className: ["ds:flex ds:flex-col", _, l ?? ""].join(" ").trim(),
+        ...c,
+        children: o.map((e) => {
+          const t = new Date(e.dateIso), z = e.pinned ? "pinned" : e.flagged ? "flagged" : "default", I = e.contentFormat === "html" ? e.content : E(e.content);
+          return /* @__PURE__ */ n(
             "div",
             {
               role: "listitem",
               "data-note-id": e.id,
               "data-pinned": e.pinned ? "" : void 0,
               "data-flagged": e.flagged ? "" : void 0,
-              className: z(),
+              className: x(),
               children: [
-                /* @__PURE__ */ s("div", { className: "ds:w-12 ds:shrink-0 ds:pt-px ds:text-end ds:text-[length:var(--type-meta-size)] ds:leading-[1.3]", children: [
-                  /* @__PURE__ */ a("div", { className: "ds:font-semibold ds:tracking-[0.03em] ds:uppercase", children: g.dayMonth.format(f) }),
-                  /* @__PURE__ */ a("div", { className: "ds:text-[color:var(--muted-foreground)]", children: g.year.format(f) })
+                /* @__PURE__ */ n("div", { className: "ds:w-12 ds:shrink-0 ds:pt-px ds:text-end ds:text-[length:var(--type-meta-size)] ds:leading-[1.3]", children: [
+                  /* @__PURE__ */ a("div", { className: "ds:font-semibold ds:tracking-[0.03em] ds:uppercase", children: b.dayMonth.format(t) }),
+                  /* @__PURE__ */ a("div", { className: "ds:text-[color:var(--muted-foreground)]", children: b.year.format(t) })
                 ] }),
                 /* @__PURE__ */ a(
                   "div",
@@ -177,41 +238,41 @@ const P = T(
                       'ds:before:bg-[color:var(--border)] ds:before:content-[""]',
                       "ds:group-last/note-row:before:hidden"
                     ].join(" "),
-                    children: /* @__PURE__ */ a("span", { className: H({ tone: w }) })
+                    children: /* @__PURE__ */ a("span", { className: N({ tone: z }) })
                   }
                 ),
-                /* @__PURE__ */ s("div", { className: "ds:min-w-0 ds:flex-1", children: [
+                /* @__PURE__ */ n("div", { className: "ds:min-w-0 ds:flex-1", children: [
                   /* @__PURE__ */ a(
-                    j,
+                    A,
                     {
-                      html: y,
+                      html: I,
                       profile: e.contentFormat === "html" ? "rich-text" : "markdown",
-                      className: A({ lines: h })
+                      className: K({ lines: w })
                     }
                   ),
-                  e.author || e.pinned || e.flagged || e.attachedTo ? /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] type-meta ds:text-[color:var(--muted-foreground)]", children: [
+                  e.author || e.pinned || e.flagged || e.attachedTo ? /* @__PURE__ */ n("div", { className: "ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] type-meta ds:text-[color:var(--muted-foreground)]", children: [
                     e.author ? /* @__PURE__ */ a("span", { children: e.author.name }) : null,
-                    e.pinned ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center", children: [
+                    e.pinned ? /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center", children: [
                       /* @__PURE__ */ a(
-                        I,
+                        H,
                         {
                           "aria-hidden": "true",
                           className: "ds:size-3 ds:text-[color:var(--accent)]"
                         }
                       ),
-                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("noteTimeline.pinned") })
+                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: p("noteTimeline.pinned") })
                     ] }) : null,
-                    e.flagged ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center", children: [
+                    e.flagged ? /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center", children: [
                       /* @__PURE__ */ a(
-                        V,
+                        L,
                         {
                           "aria-hidden": "true",
                           className: "ds:size-3 ds:text-[color:var(--warning-readable)]"
                         }
                       ),
-                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("noteTimeline.flagged") })
+                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: p("noteTimeline.flagged") })
                     ] }) : null,
-                    /* @__PURE__ */ a(F, { attachedTo: e.attachedTo })
+                    /* @__PURE__ */ a(R, { attachedTo: e.attachedTo })
                   ] }) : null
                 ] })
               ]
@@ -223,9 +284,9 @@ const P = T(
     );
   }
 );
-P.displayName = "NoteTimeline";
+q.displayName = "NoteTimeline";
 export {
-  P as N,
-  _ as n
+  q as N,
+  P as n
 };
-//# sourceMappingURL=note-timeline-CXfSV3yX.js.map
+//# sourceMappingURL=note-timeline-D2oPuQP6.js.map

package/dist/_chunks/note-timeline-D2oPuQP6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-timeline-D2oPuQP6.js","sources":["../../src/components/note-timeline/note-timeline.agent.ts","../../src/components/note-timeline/note-timeline.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NoteTimeline.                                         */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the STRUCTURE of the rendered */\n/* rows — ids plus pinned / flagged / clinical flags — and how many rows  */\n/* survived `maxItems`, so a future MCP UI bridge can locate and describe */\n/* what is on screen. It NEVER reads a note body, an author or a date:    */\n/* all three are PHI and stay out of the agent layer, exactly as the      */\n/* ClinicalNoteCard adapter does.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NoteTimelineHandle } from './note-timeline';\n\nexport const noteTimelineAgent: AgentAdapter<NoteTimelineHandle> = {\n  id: 'note-timeline',\n  capabilities: [],\n  state: {\n    notes: {\n      type: 'Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>',\n      descriptionKey: 'ui.agent.noteTimeline.state.notes',\n      description:\n        'Structural snapshot of the rendered rows: ids and flags only, never note content or author.',\n      read: (handle) => handle.getNotes(),\n    },\n    visibleCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.noteTimeline.state.visibleCount',\n      description:\n        'How many notes are rendered, after the maxItems cap is applied.',\n      read: (handle) => handle.getVisibleCount(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'note-timeline',\n      description:\n        'Marks the NoteTimeline root. Emits data-empty when there is nothing to show.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific timeline.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useMemo,\n  useRef,\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 { SafeHtml } from '../_shared/safe-html';\nimport { CONTENT_ENTER_CLASS, Skeleton } from '../skeleton/skeleton';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { noteTimelineAgent } from './note-timeline.agent';\n\n/* -------------------------------------------------------------------- */\n/* NoteTimeline                                                          */\n/*                                                                        */\n/* A compact dated list of notes — the reading surface for a handful of  */\n/* recent notes beside something else (an appointment, a care plan),     */\n/* where a full ClinicalNoteCard per note would swamp the panel.         */\n/*                                                                        */\n/* It takes the SAME note objects a host already gives NotesPanel, so a  */\n/* page can show a preview here and the full panel elsewhere without     */\n/* reshaping its data.                                                   */\n/*                                                                        */\n/* Deliberately READ-ONLY and deliberately without a \"+N more\" footer:   */\n/* it shows the first `maxItems` and stops. The host owns the affordance */\n/* that opens the rest, because only the host knows where the rest live. */\n/*                                                                        */\n/* Pinned and flagged are never colour-only: each carries a glyph and an */\n/* `sr-only` label, so the state survives greyscale, forced colours and  */\n/* a screen reader (05-accessibility.mdx §Colour is not the only cue).   */\n/* -------------------------------------------------------------------- */\n\n/** The note author — name, plus an optional avatar the timeline never shows. */\nexport interface NoteTimelineAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. Unused here; kept so a `NotesPanelNote`\n   *  passes straight through without reshaping. */\n  avatarUrl?: string;\n}\n\n/**\n * One note. Structurally a subset of `NotesPanelNote` / `ClinicalNoteCardProps`\n * so a host can pass the very objects it already gives `NotesPanel`.\n */\nexport interface NoteTimelineNote {\n  /** Stable identifier. Surfaced as `data-note-id` — the ONLY note field that\n   *  ever reaches an attribute, because it is the only one that is not PHI. */\n  id?: string;\n  /** ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   *  date gutter and the sort. */\n  dateIso: string;\n  /** ISO-8601 timestamp the note was written, when it differs from `dateIso`. */\n  createdAtIso?: string;\n  /** Who wrote it. Omit for a system-generated note — the byline is then\n   *  dropped entirely rather than rendered empty. */\n  author?: NoteTimelineAuthor;\n  /** The note body. */\n  content: string;\n  /** How `content` is authored. `'markdown'` (default) runs the small Markdown\n   *  subset through the shared converter; `'html'` treats it as rich HTML.\n   *  Either way `SafeHtml` is the only carrier. */\n  contentFormat?: 'markdown' | 'html';\n  /** Pinned notes sort to the top and take an accent dot. */\n  pinned?: boolean;\n  /** Flagged for follow-up — a warning dot and a Flag glyph. */\n  flagged?: boolean;\n  /** The entity the note is bound to; renders the shared attachment chip. */\n  attachedTo?: NoteAttachment;\n  /** Whether the note is clinical. Structural only — it drives no styling\n   *  here, but it is carried so the same objects serve both surfaces. */\n  clinical?: boolean;\n}\n\n/** Imperative handle for the agent runtime — identifiers / flags only. */\nexport interface NoteTimelineHandle {\n  /** Structural snapshot of the RENDERED rows: ids + flags, never a body or\n   *  an author (both PHI). */\n  getNotes: () => Array<{\n    id?: string;\n    pinned: boolean;\n    flagged: boolean;\n    clinical: boolean;\n  }>;\n  /** How many rows are rendered, after `maxItems` is applied. */\n  getVisibleCount: () => number;\n}\n\nconst rowVariants = cva(\n  [\n    // Named group so the rail's connector can ask \"is my ROW the last one?\".\n    // A bare `last:` on the rail asks \"am I the last child of my row?\", which\n    // is never true — it is the middle of three — so the line ran on past the\n    // final dot and read as more content below.\n    'ds:group/note-row ds:relative ds:flex ds:gap-[var(--spacing-sm)]',\n    'ds:pb-3 ds:last:pb-0',\n  ].join(' '),\n);\n\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:[overflow-wrap:break-word]',\n    // `[&_p]:m-0` — the converter wraps each block in <p>; the timeline\n    // controls its own rhythm, so the paragraph margins are dropped.\n    'ds:[&_p]:m-0',\n  ].join(' '),\n  {\n    variants: {\n      // Literal classes, one per supported value: Tailwind generates what it\n      // can see in the source, so an interpolated arbitrary value emits\n      // nothing and the body would silently never clamp.\n      lines: {\n        1: 'ds:line-clamp-1',\n        2: 'ds:line-clamp-2',\n        3: 'ds:line-clamp-3',\n        4: 'ds:line-clamp-4',\n        5: 'ds:line-clamp-5',\n      },\n    },\n    defaultVariants: { lines: 3 },\n  },\n);\n\nconst dotVariants = cva(\n  [\n    'ds:absolute ds:top-1 ds:start-0 ds:size-[9px]',\n    'ds:rounded-[var(--radius-full)] ds:border-2',\n    'ds:bg-[color:var(--background)]',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'ds:border-[color:var(--border)]',\n        pinned: [\n          'ds:border-[color:var(--accent)]',\n          'ds:bg-[color:color-mix(in_srgb,var(--accent)_20%,var(--background))]',\n        ].join(' '),\n        flagged: [\n          'ds:border-[color:var(--warning-readable)]',\n          'ds:bg-[color:color-mix(in_srgb,var(--warning-readable)_20%,var(--background))]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { tone: 'default' },\n  },\n);\n\nexport interface NoteTimelineProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof rowVariants> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /** The notes. Sorted pinned-first, then `dateIso` descending. */\n  notes: readonly NoteTimelineNote[];\n  /** How many rows to render after sorting. Default 3. The remainder is NOT\n   *  counted or footered here — the host owns that affordance. */\n  maxItems?: number;\n  /** Lines each note body clamps to. Default 3. */\n  lines?: 1 | 2 | 3 | 4 | 5;\n  /** Locale for the date gutter. Defaults to the active i18n language. */\n  locale?: string;\n  /**\n   * The notes are being read. With no notes yet it shows placeholder rows in\n   * the timeline's own shape, never the empty state. With notes already on\n   * screen (a refresh) it keeps them and only sets `aria-busy`.\n   */\n  loading?: boolean;\n  /** Placeholder rows shown while `loading`. Default `2`. */\n  loadingRows?: number;\n  /** Rendered in place of the list when `notes` is empty. */\n  emptyState?: ReactNode;\n  /** Accessible name for the list region. Defaults to `ui.noteTimeline.regionLabel`. */\n  'aria-label'?: string;\n}\n\n/** Pinned first, then newest by `dateIso`. Stable for equal dates. */\nfunction sortNotes(\n  notes: readonly NoteTimelineNote[],\n): readonly NoteTimelineNote[] {\n  return [...notes].sort((a, b) => {\n    if (!!a.pinned !== !!b.pinned) return a.pinned ? -1 : 1;\n    return b.dateIso.localeCompare(a.dateIso);\n  });\n}\n\nexport const NoteTimeline = forwardRef<HTMLDivElement, NoteTimelineProps>(\n  (\n    {\n      id,\n      notes,\n      maxItems = 3,\n      lines = 3,\n      locale,\n      emptyState,\n      'aria-label': ariaLabel,\n      loading = false,\n      loadingRows = 2,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const resolvedLocale = locale ?? i18n.language;\n    /* Settle in only when this content REPLACES a skeleton. Content that was\n       simply there from the start must not fade: it would read as invisible\n       for one animation to any test or reader that looks at once. */\n    const followedLoading = useRef(false);\n    if (loading) followedLoading.current = true;\n    const enterClass = followedLoading.current ? CONTENT_ENTER_CLASS : '';\n\n    const visible = useMemo(\n      () => sortNotes(notes).slice(0, Math.max(0, maxItems)),\n      [notes, maxItems],\n    );\n\n    // Two formatters, not one: the gutter stacks \"20 JUN\" over \"2026\", so the\n    // day/month and the year are formatted apart and both stay locale-aware.\n    const fmt = useMemo(\n      () => ({\n        dayMonth: new Intl.DateTimeFormat(resolvedLocale, {\n          day: 'numeric',\n          month: 'short',\n        }),\n        year: new Intl.DateTimeFormat(resolvedLocale, { year: 'numeric' }),\n      }),\n      [resolvedLocale],\n    );\n\n    useAgentRegistration(\n      noteTimelineAgent,\n      {\n        getNotes: () =>\n          visible.map((note) => ({\n            id: note.id,\n            pinned: !!note.pinned,\n            flagged: !!note.flagged,\n            clinical: !!note.clinical,\n          })),\n        getVisibleCount: () => visible.length,\n      },\n      id,\n    );\n\n    // First read only: a refresh keeps the notes it has and marks them busy.\n    if (loading && visible.length === 0) {\n      return (\n        <div\n          ref={ref}\n          data-component=\"note-timeline\"\n          data-component-id={id}\n          data-loading=\"\"\n          aria-busy=\"true\"\n          className={['ds:flex ds:flex-col', className ?? ''].join(' ').trim()}\n          {...rest}\n        >\n          {Array.from({ length: Math.max(1, loadingRows) }, (_, index) => (\n            <div key={index} aria-hidden=\"true\" className={rowVariants()}>\n              <div className=\"ds:flex ds:w-12 ds:shrink-0 ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)] ds:pt-px\">\n                <Skeleton\n                  variant=\"text\"\n                  size=\"sm\"\n                  stagger={index * 2}\n                  width=\"80%\"\n                />\n                <Skeleton\n                  variant=\"text\"\n                  size=\"sm\"\n                  stagger={index * 2}\n                  width=\"50%\"\n                />\n              </div>\n              <div\n                className={[\n                  'ds:relative ds:w-[9px] ds:shrink-0',\n                  'ds:before:absolute ds:before:start-[4px] ds:before:top-[14px]',\n                  'ds:before:bottom-[-12px] ds:before:w-px',\n                  'ds:before:bg-[color:var(--border)] ds:before:content-[\"\"]',\n                  'ds:group-last/note-row:before:hidden',\n                ].join(' ')}\n              >\n                <span className={dotVariants({ tone: 'default' })} />\n              </div>\n              <div className=\"ds:min-w-0 ds:flex-1\">\n                <Skeleton\n                  variant=\"text\"\n                  size=\"sm\"\n                  lines={index % 2 === 0 ? 3 : 2}\n                  stagger={index * 2 + 1}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      );\n    }\n\n    if (visible.length === 0) {\n      return (\n        <div\n          ref={ref}\n          data-component=\"note-timeline\"\n          data-component-id={id}\n          data-empty=\"\"\n          className={className}\n          {...rest}\n        >\n          {emptyState}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"note-timeline\"\n        data-component-id={id}\n        role=\"list\"\n        aria-busy={loading || undefined}\n        aria-label={ariaLabel ?? t('noteTimeline.regionLabel')}\n        className={['ds:flex ds:flex-col', enterClass, className ?? '']\n          .join(' ')\n          .trim()}\n        {...rest}\n      >\n        {visible.map((note) => {\n          const date = new Date(note.dateIso);\n          const tone = note.pinned\n            ? ('pinned' as const)\n            : note.flagged\n              ? ('flagged' as const)\n              : ('default' as const);\n          const html =\n            note.contentFormat === 'html'\n              ? note.content\n              : noteMarkdownToHtml(note.content);\n\n          return (\n            <div\n              key={note.id ?? note.dateIso}\n              role=\"listitem\"\n              /* id ONLY. Body, author and dates are PHI and never reach an\n                 attribute, where a DOM scrape or a screenshot would carry\n                 them out of the component. */\n              data-note-id={note.id}\n              data-pinned={note.pinned ? '' : undefined}\n              data-flagged={note.flagged ? '' : undefined}\n              className={rowVariants()}\n            >\n              {/* 1 — date gutter */}\n              {/* Sized from the --type-meta-size ROLE token, not the raw\n                  --font-size-2xs ramp step: `.theme-accessible` scales type by\n                  re-pointing the role aliases (meta xs → sm), so a raw ramp\n                  value would stay 10px for exactly the readers who asked for\n                  bigger text. The token rather than the `type-meta` CLASS,\n                  because that class also sets transform / weight / tracking\n                  and would quietly flatten the gutter's own treatment. */}\n              <div className=\"ds:w-12 ds:shrink-0 ds:pt-px ds:text-end ds:text-[length:var(--type-meta-size)] ds:leading-[1.3]\">\n                <div className=\"ds:font-semibold ds:tracking-[0.03em] ds:uppercase\">\n                  {fmt.dayMonth.format(date)}\n                </div>\n                <div className=\"ds:text-[color:var(--muted-foreground)]\">\n                  {fmt.year.format(date)}\n                </div>\n              </div>\n\n              {/* 2 — rail: dot over the connector. The connector is a\n                  pseudo-element so it never lands in the a11y tree, and it is\n                  hidden on the last row rather than dangling into nothing. */}\n              <div\n                aria-hidden=\"true\"\n                className={[\n                  'ds:relative ds:w-[9px] ds:shrink-0',\n                  'ds:before:absolute ds:before:start-[4px] ds:before:top-[14px]',\n                  'ds:before:bottom-[-12px] ds:before:w-px',\n                  'ds:before:bg-[color:var(--border)] ds:before:content-[\"\"]',\n                  'ds:group-last/note-row:before:hidden',\n                ].join(' ')}\n              >\n                <span className={dotVariants({ tone })} />\n              </div>\n\n              {/* 3 — body + byline */}\n              <div className=\"ds:min-w-0 ds:flex-1\">\n                <SafeHtml\n                  html={html}\n                  profile={\n                    note.contentFormat === 'html' ? 'rich-text' : 'markdown'\n                  }\n                  className={bodyVariants({ lines })}\n                />\n                {note.author ||\n                note.pinned ||\n                note.flagged ||\n                note.attachedTo ? (\n                  <div className=\"ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] type-meta ds:text-[color:var(--muted-foreground)]\">\n                    {note.author ? <span>{note.author.name}</span> : null}\n                    {note.pinned ? (\n                      <span className=\"ds:inline-flex ds:items-center\">\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-3 ds:text-[color:var(--accent)]\"\n                        />\n                        <span className=\"ds:sr-only\">\n                          {t('noteTimeline.pinned')}\n                        </span>\n                      </span>\n                    ) : null}\n                    {note.flagged ? (\n                      <span className=\"ds:inline-flex ds:items-center\">\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-3 ds:text-[color:var(--warning-readable)]\"\n                        />\n                        <span className=\"ds:sr-only\">\n                          {t('noteTimeline.flagged')}\n                        </span>\n                      </span>\n                    ) : null}\n                    <NoteAttachmentChip attachedTo={note.attachedTo} />\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nNoteTimeline.displayName = 'NoteTimeline';\n"],"names":["noteTimelineAgent","handle","rowVariants","cva","bodyVariants","dotVariants","sortNotes","notes","a","b","NoteTimeline","forwardRef","id","maxItems","lines","locale","emptyState","ariaLabel","loading","loadingRows","className","rest","ref","t","i18n","useTranslation","resolvedLocale","followedLoading","useRef","enterClass","CONTENT_ENTER_CLASS","visible","useMemo","fmt","useAgentRegistration","note","jsx","_","index","jsxs","Skeleton","date","tone","html","noteMarkdownToHtml","SafeHtml","Pin","Flag","NoteAttachmentChip"],"mappings":"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"}