@alfadocs/ui-kit-debug 1.34.0 → 1.36.0

package/dist/_chunks/panel-header-D_mTdhUp.js

@@ -0,0 +1,128 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { forwardRef as A, useState as f, useEffect as V, useContext as C, createContext as R } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { T as S } from "./tooltip-Cp-PLePW.js";
+const v = R(null);
+function F({
+  actions: e,
+  children: r
+}) {
+  return /* @__PURE__ */ a(v.Provider, { value: e, children: r });
+}
+function E() {
+  return C(v);
+}
+const O = m(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      // `sticky` pins the header to the top of the panel's scroll region;
+      // otherwise it stays a fixed-height band that never shrinks.
+      sticky: {
+        true: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]",
+        false: "ds:shrink-0"
+      },
+      divider: {
+        true: "ds:border-b ds:border-[color:var(--border)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      sticky: !1,
+      divider: !0
+    }
+  }
+), W = m(
+  [
+    // `min-w-0` lets the heading shrink below its content width so the
+    // title span can clip; without it the flex row refuses to shrink and
+    // the action cluster is pushed out of the panel.
+    "ds:m-0 ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:text-[color:var(--foreground)]"
+  ].join(" "),
+  {
+    variants: {
+      titleScale: {
+        card: "type-title-card",
+        section: "type-title-section"
+      }
+    },
+    defaultVariants: {
+      titleScale: "card"
+    }
+  }
+), I = A(
+  ({
+    title: e,
+    icon: r,
+    headingId: h,
+    headingLevel: g = 2,
+    actions: d,
+    filters: i,
+    sticky: x = !1,
+    divider: b = !0,
+    titleScale: w = "card",
+    titleTooltip: N,
+    className: y,
+    ...P
+  }, k) => {
+    const l = E(), j = g === 3 ? "h3" : "h2", H = d != null || l != null, n = N ?? (typeof e == "string" ? e : void 0), [s, T] = f(null), [z, c] = f(!1);
+    V(() => {
+      if (!s || n == null) {
+        c(!1);
+        return;
+      }
+      const u = () => c(s.scrollWidth > s.clientWidth);
+      if (u(), typeof ResizeObserver > "u") return;
+      const p = new ResizeObserver(u);
+      return p.observe(s), () => p.disconnect();
+    }, [s, n]);
+    const o = /* @__PURE__ */ a(
+      "span",
+      {
+        ref: T,
+        className: "ds:min-w-0 ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
+        children: e
+      }
+    );
+    return /* @__PURE__ */ t(
+      "header",
+      {
+        ref: k,
+        "data-component": "panel-header",
+        className: O({ sticky: x, divider: b, className: y }),
+        ...P,
+        children: [
+          /* @__PURE__ */ t("div", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t(j, { id: h, className: W({ titleScale: w }), children: [
+              r ? /* @__PURE__ */ a(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4",
+                  children: r
+                }
+              ) : null,
+              z && n != null ? /* @__PURE__ */ a(S, { label: n, children: o }) : o
+            ] }),
+            H ? /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0", children: [
+              d,
+              l
+            ] }) : null
+          ] }),
+          i != null ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: i }) : null
+        ]
+      }
+    );
+  }
+);
+I.displayName = "PanelHeader";
+export {
+  I as P,
+  F as a,
+  E as u
+};
+//# sourceMappingURL=panel-header-D_mTdhUp.js.map

package/dist/_chunks/panel-header-D_mTdhUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-header-D_mTdhUp.js","sources":["../../src/components/panel-header/panel-header.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Tooltip } from '../tooltip';\n\n/* -------------------------------------------------------------------- */\n/* PanelHeader                                                           */\n/*                                                                       */\n/* The single header pattern every rail panel adopts: a title row        */\n/* (optional leading glyph + heading on the start, an action cluster on   */\n/* the end), an optional sticky second row of filters, an optional        */\n/* bottom divider, and edge handling (shrink-0 vs sticky). It            */\n/* standardises the bespoke <header> markup that AppointmentTimeline,     */\n/* TasksPanel and friends each re-authored.                              */\n/*                                                                       */\n/* The title is a SINGLE LINE. A rail panel is narrow and its width is   */\n/* user-resizable, so a long title (a patient name, a document title)    */\n/* would otherwise wrap and push the action cluster down. It truncates   */\n/* with an ellipsis instead, and — only when the text is really cut —    */\n/* carries a Tooltip with the full title. The full text stays in the     */\n/* DOM, so assistive tech reads it whether or not it is clipped.         */\n/*                                                                       */\n/* The action cluster holds the PANEL-OWNED `actions` first, then any     */\n/* RAIL-INJECTED actions read from context (PanelHeaderActionsProvider).  */\n/* Standalone — with no provider — nothing is injected. The component     */\n/* owns no user-visible strings of its own: `title`, `actions` and        */\n/* `filters` are all caller-supplied nodes already translated upstream.   */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Rail-actions context                                                  */\n/* -------------------------------------------------------------------- */\n\nconst PanelHeaderActionsContext = createContext<ReactNode>(null);\n\n/**\n * Provides rail-injected actions that every descendant `PanelHeader`\n * appends to its action cluster, after the panel's own `actions`. The\n * rail (or any host) wraps the panel subtree once; standalone panels\n * render without a provider and inject nothing.\n */\nexport function PanelHeaderActionsProvider({\n  actions,\n  children,\n}: {\n  actions: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <PanelHeaderActionsContext.Provider value={actions}>\n      {children}\n    </PanelHeaderActionsContext.Provider>\n  );\n}\n\n/** Reads the rail-injected actions for the current subtree (default `null`). */\nexport function usePanelHeaderActions(): ReactNode {\n  return useContext(PanelHeaderActionsContext);\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                   */\n/* -------------------------------------------------------------------- */\n\nconst headerVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]',\n  ].join(' '),\n  {\n    variants: {\n      // `sticky` pins the header to the top of the panel's scroll region;\n      // otherwise it stays a fixed-height band that never shrinks.\n      sticky: {\n        true: 'ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]',\n        false: 'ds:shrink-0',\n      },\n      divider: {\n        true: 'ds:border-b ds:border-[color:var(--border)]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      sticky: false,\n      divider: true,\n    },\n  },\n);\n\nconst headingVariants = cva(\n  [\n    // `min-w-0` lets the heading shrink below its content width so the\n    // title span can clip; without it the flex row refuses to shrink and\n    // the action cluster is pushed out of the panel.\n    'ds:m-0 ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:text-[color:var(--foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      titleScale: {\n        card: 'type-title-card',\n        section: 'type-title-section',\n      },\n    },\n    defaultVariants: {\n      titleScale: 'card',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Public API                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PanelHeaderProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'title'>,\n    VariantProps<typeof headerVariants> {\n  /** Heading content. Already translated upstream. */\n  title: ReactNode;\n  /** Optional leading glyph — auto `aria-hidden` and sized to `--spacing` 4. */\n  icon?: ReactNode;\n  /** `id` applied to the heading so panels can wire `aria-labelledby`. */\n  headingId?: string;\n  /** Semantic heading level. Default `2`. */\n  headingLevel?: 2 | 3;\n  /** Panel-owned actions, rendered inline-end of the title row. */\n  actions?: ReactNode;\n  /** Optional second row, typically filter controls. */\n  filters?: ReactNode;\n  /** Pin to the top of the scroll region. Default `false`. */\n  sticky?: boolean;\n  /** Bottom hairline. Default `true`. */\n  divider?: boolean;\n  /** Type scale of the heading. Default `'card'`. */\n  titleScale?: 'card' | 'section';\n  /**\n   * Full title for the overflow tooltip when `title` is not a plain string.\n   * A string `title` is used as-is and needs nothing here. Pass this when\n   * the title is composed (a name plus a badge, say) and there is still a\n   * plain-text form worth showing.\n   */\n  titleTooltip?: string;\n}\n\nexport const PanelHeader = forwardRef<HTMLElement, PanelHeaderProps>(\n  (\n    {\n      title,\n      icon,\n      headingId,\n      headingLevel = 2,\n      actions,\n      filters,\n      sticky = false,\n      divider = true,\n      titleScale = 'card',\n      titleTooltip,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const injected = usePanelHeaderActions();\n    const Heading = headingLevel === 3 ? 'h3' : 'h2';\n    const hasActions = actions != null || injected != null;\n\n    const fullTitle =\n      titleTooltip ?? (typeof title === 'string' ? title : undefined);\n    // A callback ref, not `useRef`: wrapping the span in the Tooltip moves it\n    // in the tree, so React mounts a NEW node. A plain ref would leave the\n    // observer watching the detached one, which reports 0 × 0 and flips the\n    // tooltip straight back off. Re-observing on every node swap is what\n    // keeps it stable.\n    const [titleNode, setTitleNode] = useState<HTMLSpanElement | null>(null);\n    const [isTruncated, setIsTruncated] = useState(false);\n\n    // Re-measure on resize: the rail is user-resizable, so a title that\n    // fits at one width clips at the next.\n    useEffect(() => {\n      if (!titleNode || fullTitle == null) {\n        setIsTruncated(false);\n        return;\n      }\n      const measure = () =>\n        setIsTruncated(titleNode.scrollWidth > titleNode.clientWidth);\n      measure();\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(measure);\n      observer.observe(titleNode);\n      return () => observer.disconnect();\n    }, [titleNode, fullTitle]);\n\n    const titleEl = (\n      <span\n        ref={setTitleNode}\n        className=\"ds:min-w-0 ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap\"\n      >\n        {title}\n      </span>\n    );\n\n    return (\n      <header\n        ref={ref}\n        data-component=\"panel-header\"\n        className={headerVariants({ sticky, divider, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <Heading id={headingId} className={headingVariants({ titleScale })}>\n            {icon ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4\"\n              >\n                {icon}\n              </span>\n            ) : null}\n            {isTruncated && fullTitle != null ? (\n              <Tooltip label={fullTitle}>{titleEl}</Tooltip>\n            ) : (\n              titleEl\n            )}\n          </Heading>\n          {hasActions ? (\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0\">\n              {actions}\n              {injected}\n            </div>\n          ) : null}\n        </div>\n\n        {filters != null ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {filters}\n          </div>\n        ) : null}\n      </header>\n    );\n  },\n);\n\nPanelHeader.displayName = 'PanelHeader';\n"],"names":["PanelHeaderActionsContext","createContext","PanelHeaderActionsProvider","actions","children","usePanelHeaderActions","useContext","headerVariants","cva","headingVariants","PanelHeader","forwardRef","title","icon","headingId","headingLevel","filters","sticky","divider","titleScale","titleTooltip","className","rest","ref","injected","Heading","hasActions","fullTitle","titleNode","setTitleNode","useState","isTruncated","setIsTruncated","useEffect","measure","observer","titleEl","jsx","jsxs","Tooltip"],"mappings":"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"}

package/dist/_chunks/patient-details-f7SSXkTJ.js

@@ -0,0 +1,371 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as X, useId as T, useMemo as Z, Fragment as $ } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { A as ee } from "./avatar-CkDeQOSI.js";
+import { C as f } from "./card-DPmk26CL.js";
+import { C as ie, b as te, a as se } from "./collapsible-CTjxzGuF.js";
+import { D as ae } from "./description-list-C1RXMDZ_.js";
+import { P as de } from "./panel-header-D_mTdhUp.js";
+import { u as re } from "./registry-DvAUVLHh.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BQZoP4m2.js";
+import { C as pe } from "./clipboard-list-rSzfIYZB.js";
+const me = {
+  id: "patient-details",
+  // `view_change` backs the view-config actions (show/hide + reorder are both
+  // view reconfigurations); `set_value` backs the single-value `update_field`
+  // (not `edit_inline`, which is for granular free-text/formatting edits).
+  capabilities: ["view_change", "set_value"],
+  state: {
+    visibleFieldOrder: {
+      type: "string[]",
+      descriptionKey: "ui.agent.patientDetails.state.visibleFieldOrder",
+      description: 'Ordered list of visible field KEYS (e.g. "fiscalCode"). Never a field value.',
+      read: (i) => i.getVisibleFieldOrder()
+    },
+    patientId: {
+      type: "string | undefined",
+      descriptionKey: "ui.agent.patientDetails.state.patientId",
+      description: "Opaque patient id the panel is bound to. No patient-identifiable data.",
+      read: (i) => i.getPatientId()
+    }
+  },
+  actions: {
+    set_visible_fields: {
+      safety: "write",
+      argsType: "{ fieldIds: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          fieldIds: { type: "array", items: { type: "string" } }
+        },
+        required: ["fieldIds"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.patientDetails.actions.setVisibleFields",
+      description: "Set which fields are visible (and their order). Unknown ids are ignored.",
+      examples: [
+        {
+          args: { fieldIds: ["lastName", "firstName", "phone", "email"] },
+          note: "Show only name + contact fields."
+        }
+      ],
+      invoke: (i, t) => {
+        i.setVisibleFields(t.fieldIds);
+      }
+    },
+    set_field_order: {
+      safety: "write",
+      argsType: "{ orderedIds: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          orderedIds: { type: "array", items: { type: "string" } }
+        },
+        required: ["orderedIds"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.patientDetails.actions.setFieldOrder",
+      description: "Reorder the visible fields. Order within a section is honoured; sections stay fixed.",
+      invoke: (i, t) => {
+        i.setFieldOrder(t.orderedIds);
+      }
+    },
+    update_field: {
+      // PHI: mutates a patient-identifiable value. NOT `write` — the runtime
+      // must confirm + audit. Routes through `onFieldSave` (server write).
+      safety: "phi",
+      openWorld: !0,
+      argsType: "{ fieldId: string; value: unknown }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          fieldId: { type: "string" },
+          value: {}
+        },
+        required: ["fieldId", "value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.patientDetails.actions.updateField",
+      description: "Write a patient field value via the consumer's audited save path. Subject to the same permissions and validation as a human edit.",
+      errors: ["no-save-handler", "validation-failed", "permission-denied"],
+      examples: [
+        {
+          args: { fieldId: "job", value: "Architect" },
+          note: "Update the patient’s occupation."
+        }
+      ],
+      invoke: (i, t) => i.updateField(t.fieldId, t.value)
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "patient-details",
+      description: "Marks the PatientDetails root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Addresses a specific panel."
+    },
+    item: {
+      attr: "data-field-id",
+      description: "Stable field KEY on each row. Never the field value (no PHI in the DOM hook)."
+    }
+  }
+}, C = j(
+  "ds:flex ds:flex-col ds:text-[color:var(--foreground)]",
+  {
+    variants: {
+      // `compact` (default) suits the narrow rail panel; `comfortable`
+      // relaxes spacing for a wider host (a full-width profile page).
+      density: {
+        comfortable: "",
+        compact: ""
+      }
+    },
+    defaultVariants: {
+      density: "compact"
+    }
+  }
+), S = j("ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", {
+  variants: {
+    density: {
+      comfortable: "ds:p-[var(--spacing-md)]",
+      compact: "ds:p-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: {
+    density: "compact"
+  }
+}), ue = X(
+  function({
+    title: t,
+    sections: n,
+    avatar: a,
+    headerChips: c,
+    framed: p = !1,
+    editable: g = !1,
+    onFieldSave: d,
+    validate: h,
+    visibleFieldOrder: m,
+    defaultVisibleFieldOrder: l,
+    onVisibleFieldsChange: K,
+    loading: _ = !1,
+    emptyState: B,
+    patientId: u,
+    id: v,
+    locale: R,
+    cogLabel: q,
+    panelTitle: E,
+    "aria-label": b,
+    className: N,
+    ...w
+  }, F) {
+    const { t: I } = A(), D = T(), {
+      visible: o,
+      catalogueIds: M,
+      setOrder: y,
+      toggleField: H,
+      toggleSection: z,
+      moveFieldOnto: L,
+      reset: U
+    } = ne(n, {
+      value: m,
+      defaultValue: l,
+      onChange: K
+    }), W = Z(
+      () => ({
+        getVisibleFieldOrder: () => o,
+        getPatientId: () => u,
+        setVisibleFields: (s) => y(s),
+        setFieldOrder: (s) => y(s),
+        updateField: (s, x) => d ? d(s, x) : Promise.reject(
+          new Error("PatientDetails: no onFieldSave handler is wired.")
+        )
+      }),
+      [o, u, y, d]
+    );
+    re(me, W, v);
+    const P = E ?? I("patientDetails.regionLabel", {
+      defaultValue: "Patient details"
+    }), Y = b ?? P, V = (a == null ? void 0 : a.name) ?? (typeof t == "string" ? t : void 0), G = !!(a != null && a.src || V), J = M.some((s) => o.includes(s));
+    if (_)
+      return /* @__PURE__ */ e(
+        "section",
+        {
+          ref: F,
+          "data-component": "patient-details",
+          "data-component-id": v,
+          "data-patient-id": u,
+          "aria-label": Y,
+          "aria-busy": "true",
+          className: C({ className: N }),
+          ...w,
+          children: /* @__PURE__ */ e("div", { className: S(), children: /* @__PURE__ */ e(ge, {}) })
+        }
+      );
+    const Q = n.length === 0 || !J, O = /* @__PURE__ */ r("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+      G ? /* @__PURE__ */ e(
+        ee,
+        {
+          size: "md",
+          name: V,
+          src: a == null ? void 0 : a.src,
+          className: "ds:shrink-0"
+        }
+      ) : null,
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ e("h3", { className: "ds:m-0 type-title-item ds:text-[color:var(--foreground)]", children: t }),
+        c ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: c }) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ r(
+      "section",
+      {
+        ref: F,
+        "data-component": "patient-details",
+        "data-component-id": v,
+        "data-patient-id": u,
+        "aria-labelledby": b ? void 0 : D,
+        "aria-label": b ?? void 0,
+        className: C({ className: N }),
+        ...w,
+        children: [
+          /* @__PURE__ */ e(
+            de,
+            {
+              title: P,
+              icon: /* @__PURE__ */ e(pe, { "aria-hidden": "true" }),
+              headingId: D,
+              sticky: !0,
+              divider: !0,
+              actions: /* @__PURE__ */ e(
+                le,
+                {
+                  sections: n,
+                  visible: o,
+                  onToggleField: H,
+                  onToggleSection: z,
+                  onMoveFieldOnto: L,
+                  onReset: U,
+                  label: q
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: S(), children: [
+            p ? /* @__PURE__ */ e(f, { variant: "elevated", children: /* @__PURE__ */ e(f.Body, { children: O }) }) : O,
+            Q ? /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: B ?? I("patientDetails.empty", {
+              defaultValue: "No patient selected."
+            }) }) : oe(n, o).filter(({ fields: s }) => s.length > 0).map(({ section: s, fields: x }) => {
+              const k = /* @__PURE__ */ e(
+                fe,
+                {
+                  section: s,
+                  fields: x,
+                  editable: g,
+                  onFieldSave: d,
+                  validate: h,
+                  locale: R
+                }
+              );
+              return p ? /* @__PURE__ */ e(f, { variant: "elevated", children: /* @__PURE__ */ e(f.Body, { children: k }) }, s.id) : /* @__PURE__ */ e($, { children: k }, s.id);
+            })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ue.displayName = "PatientDetails";
+function fe({
+  section: i,
+  fields: t,
+  editable: n,
+  onFieldSave: a,
+  validate: c,
+  locale: p
+}) {
+  const { t: g } = A(), d = T(), h = i.collapsible ?? !0, m = t.length === 0 ? /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: g("patientDetails.section.empty", {
+    defaultValue: "No fields shown."
+  }) }) : /* @__PURE__ */ e(
+    ae,
+    {
+      layout: "inline",
+      density: "compact",
+      divider: "none",
+      className: "ds:[--description-list-icon-color:var(--accent)]",
+      children: t.map((l) => /* @__PURE__ */ e(
+        ce,
+        {
+          field: l,
+          icon: l.icon ?? null,
+          editable: n,
+          onFieldSave: a,
+          validate: c,
+          locale: p
+        },
+        l.id
+      ))
+    }
+  );
+  return h ? /* @__PURE__ */ r(
+    ie,
+    {
+      defaultOpen: i.defaultOpen ?? !0,
+      variant: "minimal",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+      children: [
+        /* @__PURE__ */ e("h3", { className: "ds:m-0", children: /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            id: d,
+            className: "ds:flex ds:w-full ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)] ds:bg-transparent ds:border-0 ds:p-0 ds:text-start ds:cursor-pointer ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] type-eyebrow ds:text-[color:var(--foreground)]",
+            children: i.heading
+          }
+        ) }) }),
+        /* @__PURE__ */ e(se, { "aria-labelledby": d, children: m })
+      ]
+    }
+  ) : /* @__PURE__ */ r(
+    "section",
+    {
+      "aria-labelledby": d,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+      children: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            id: d,
+            className: "ds:m-0 type-eyebrow ds:text-[color:var(--foreground)]",
+            children: i.heading
+          }
+        ),
+        m
+      ]
+    }
+  );
+}
+function ge() {
+  return /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ e("span", { className: "ds:size-10 ds:shrink-0 ds:rounded-full ds:bg-[color:var(--muted)]" }),
+      /* @__PURE__ */ e("span", { className: "ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]" })
+    ] }),
+    [0, 1, 2].map((i) => /* @__PURE__ */ e(
+      "span",
+      {
+        className: "ds:h-4 ds:w-full ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]"
+      },
+      i
+    ))
+  ] });
+}
+export {
+  ue as P,
+  me as p
+};
+//# sourceMappingURL=patient-details-f7SSXkTJ.js.map

package/dist/_chunks/patient-details-f7SSXkTJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patient-details-f7SSXkTJ.js","sources":["../../src/components/patient-details/patient-details.agent.ts","../../src/components/patient-details/patient-details.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PatientDetailsHandle } from './patient-details';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — PatientDetails                                         */\n/*                                                                        */\n/* Exposes the patient panel to a future MCP runtime:                     */\n/*   - VIEW CONFIG (safety: write) — show/hide + reorder the visible      */\n/*     field set. These mutate the user's view, not the patient record.   */\n/*   - PHI WRITE (safety: phi) — `update_field` writes a patient field    */\n/*     value. It is the ONLY PHI mutation and routes through the same     */\n/*     `onFieldSave` path as a human inline edit, so the consumer's       */\n/*     permission + validation + audit are the single write authority.    */\n/*     `phi` (not `write`) forces the runtime's confirm-before-act gate.  */\n/*                                                                        */\n/* STATE exposes only field KEYS (`visibleFieldOrder`) and an opaque      */\n/* `patientId` — never a field value or patient identity (PRS §Security,  */\n/* 26-agent-readiness §6.1/§7).                                           */\n/* -------------------------------------------------------------------- */\n\nexport const patientDetailsAgent: AgentAdapter<PatientDetailsHandle> = {\n  id: 'patient-details',\n  // `view_change` backs the view-config actions (show/hide + reorder are both\n  // view reconfigurations); `set_value` backs the single-value `update_field`\n  // (not `edit_inline`, which is for granular free-text/formatting edits).\n  capabilities: ['view_change', 'set_value'],\n  state: {\n    visibleFieldOrder: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.patientDetails.state.visibleFieldOrder',\n      description:\n        'Ordered list of visible field KEYS (e.g. \"fiscalCode\"). Never a field value.',\n      read: (handle) => handle.getVisibleFieldOrder(),\n    },\n    patientId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.patientDetails.state.patientId',\n      description:\n        'Opaque patient id the panel is bound to. No patient-identifiable data.',\n      read: (handle) => handle.getPatientId(),\n    },\n  },\n  actions: {\n    set_visible_fields: {\n      safety: 'write',\n      argsType: '{ fieldIds: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          fieldIds: { type: 'array', items: { type: 'string' } },\n        },\n        required: ['fieldIds'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.patientDetails.actions.setVisibleFields',\n      description:\n        'Set which fields are visible (and their order). Unknown ids are ignored.',\n      examples: [\n        {\n          args: { fieldIds: ['lastName', 'firstName', 'phone', 'email'] },\n          note: 'Show only name + contact fields.',\n        },\n      ],\n      invoke: (handle, args: { fieldIds: string[] }) => {\n        handle.setVisibleFields(args.fieldIds);\n      },\n    },\n    set_field_order: {\n      safety: 'write',\n      argsType: '{ orderedIds: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          orderedIds: { type: 'array', items: { type: 'string' } },\n        },\n        required: ['orderedIds'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.patientDetails.actions.setFieldOrder',\n      description:\n        'Reorder the visible fields. Order within a section is honoured; sections stay fixed.',\n      invoke: (handle, args: { orderedIds: string[] }) => {\n        handle.setFieldOrder(args.orderedIds);\n      },\n    },\n    update_field: {\n      // PHI: mutates a patient-identifiable value. NOT `write` — the runtime\n      // must confirm + audit. Routes through `onFieldSave` (server write).\n      safety: 'phi',\n      openWorld: true,\n      argsType: '{ fieldId: string; value: unknown }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          fieldId: { type: 'string' },\n          value: {},\n        },\n        required: ['fieldId', 'value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.patientDetails.actions.updateField',\n      description:\n        \"Write a patient field value via the consumer's audited save path. Subject to the same permissions and validation as a human edit.\",\n      errors: ['no-save-handler', 'validation-failed', 'permission-denied'],\n      examples: [\n        {\n          args: { fieldId: 'job', value: 'Architect' },\n          note: 'Update the patient’s occupation.',\n        },\n      ],\n      invoke: (handle, args: { fieldId: string; value: unknown }) =>\n        handle.updateField(args.fieldId, args.value),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'patient-details',\n      description: 'Marks the PatientDetails root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop. Addresses a specific panel.',\n    },\n    item: {\n      attr: 'data-field-id',\n      description:\n        'Stable field KEY on each row. Never the field value (no PHI in the DOM hook).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useId,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ClipboardList } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Card } from '../card/card';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../collapsible/collapsible';\nimport { DescriptionList } from '../description-list/description-list';\nimport { PanelHeader } from '../panel-header/panel-header';\nimport { useAgentRegistration } from '../../agent/registry';\nimport {\n  resolveVisibleFields,\n  type PatientField,\n  type PatientFieldEditType,\n  type PatientFieldEditValue,\n  type PatientFieldOption,\n  type PatientFieldSection,\n} from '../_shared/patient-fields';\nimport { usePatientFieldVisibility } from '../_shared/field-visibility';\nimport { FieldVisibilityCog } from '../_shared/field-visibility-cog';\nimport { PatientFieldRow } from '../_shared/patient-field-row';\nimport { patientDetailsAgent } from './patient-details.agent';\n\n/* -------------------------------------------------------------------- */\n/* PatientDetails                                                         */\n/*                                                                        */\n/* The customizable, inline-editable patient record panel — the kit's     */\n/* replacement for platform's hardcoded, per-user-identical patient       */\n/* \"scheda paziente\" table. Mounts as a CONTEXTUAL tool in the Control    */\n/* Room rail (a separate tool from EntitySummary, the AI brief).          */\n/*                                                                        */\n/* Boundaries (PRS §Security + 26-agent-readiness §PHI):                  */\n/*  - DATA-IN for values: the consumer maps DoctorPatient → sections.     */\n/*    The kit owns the layout, the cog field-picker, i18n & theming.      */\n/*  - PERSISTENCE-OUT: the cog emits `onVisibleFieldsChange`; the         */\n/*    consumer persists the user's chosen ordered field set (platform:    */\n/*    a per-user × per-practice JSON column).                             */\n/*  - WRITE-OUT: inline edits AND the agent's `update_field` BOTH route   */\n/*    through the single `onFieldSave` callback, so platform's            */\n/*    permission + validation + audit path is the only write channel.     */\n/*  - DOM hooks + agent state carry only field KEYS and an opaque         */\n/*    `patientId` — never a field VALUE / patient identity.               */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                             */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva(\n  'ds:flex ds:flex-col ds:text-[color:var(--foreground)]',\n  {\n    variants: {\n      // `compact` (default) suits the narrow rail panel; `comfortable`\n      // relaxes spacing for a wider host (a full-width profile page).\n      density: {\n        comfortable: '',\n        compact: '',\n      },\n    },\n    defaultVariants: {\n      density: 'compact',\n    },\n  },\n);\n\n// The scrolling body sits BELOW the shared PanelHeader (which owns the title\n// row + divider + its own top/side padding). The header is full-bleed at the\n// top of the scroll region; the body carries the panel's content padding.\nconst bodyVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-md)]', {\n  variants: {\n    density: {\n      comfortable: 'ds:p-[var(--spacing-md)]',\n      compact: 'ds:p-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: {\n    density: 'compact',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/*                                                                        */\n/* The field model is the shared `_shared/patient-fields` vocabulary, so   */\n/* PatientDetails and PatientSummaryCard speak ONE field language. The      */\n/* visible set + order are a PER-CONTEXT preference the consumer owns and   */\n/* wires per placement — never a single value synced across surfaces. The   */\n/* `PatientDetails*` names below are kept as aliases for back-compat.      */\n/* -------------------------------------------------------------------- */\n\nexport type {\n  PatientField,\n  PatientFieldSection,\n  PatientFieldOption,\n  PatientFieldEditType,\n  PatientFieldEditValue,\n} from '../_shared/patient-fields';\n\n/** A label→value patient field. Alias of the shared {@link PatientField}. */\nexport type PatientDetailsField = PatientField;\n/** A labelled, collapsible group of fields. Alias of {@link PatientFieldSection}. */\nexport type PatientDetailsSection = PatientFieldSection;\n/** Alias of the shared {@link PatientFieldOption}. */\nexport type PatientDetailsFieldOption = PatientFieldOption;\n/** Alias of the shared {@link PatientFieldEditType}. */\nexport type PatientDetailsEditType = PatientFieldEditType;\n/** Alias of the shared {@link PatientFieldEditValue}. */\nexport type PatientDetailsEditValue = PatientFieldEditValue;\n\n/**\n * Imperative handle the agent adapter drives. Exposes only field KEYS and\n * an opaque `patientId` for reads; `updateField` routes writes through the\n * same `onFieldSave` path as a human inline edit (no second channel).\n */\nexport interface PatientDetailsHandle {\n  /** The current ordered list of visible field ids. */\n  getVisibleFieldOrder: () => string[];\n  /** Opaque patient id (no PHI). */\n  getPatientId: () => string | undefined;\n  /** Replace the visible set, preserving the given order (filtered to known fields). */\n  setVisibleFields: (fieldIds: string[]) => void;\n  /** Replace the full ordered visible list (filtered to known fields). */\n  setFieldOrder: (orderedIds: string[]) => void;\n  /** Write a field value — delegates to `onFieldSave`. Rejects if no handler. */\n  updateField: (fieldId: string, value: unknown) => Promise<void>;\n}\n\nexport interface PatientDetailsProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  /** Patient display name — the panel heading. */\n  title: ReactNode;\n  /** The sectioned field catalogue (consumer-mapped from DoctorPatient). */\n  sections: PatientDetailsSection[];\n  /**\n   * Header avatar photo / initials override. The panel always fronts the name\n   * with an Avatar — initials derive from a string `title` by default; pass\n   * `src` for a photo, or `name` to override the initials source.\n   */\n  avatar?: { src?: string; name?: string };\n  /** At-a-glance chips under the name (consumer-composed Badge/Tag/Chip row). */\n  headerChips?: ReactNode;\n\n  /* ----- inline editing (kit-owned controls, consumer-owned write) ----- */\n\n  /**\n   * Frame the identity header and each section in its own elevated `Card`,\n   * for a \"control-room\" rail that reads as a stack of cards rather than one\n   * flat panel. Default `false` (the flat panel with a header rule + eyebrow\n   * section headings). When framed, the header rule is dropped — the cards\n   * provide the separation.\n   */\n  framed?: boolean;\n  /** Master switch — show edit affordances on `editable` fields. */\n  editable?: boolean;\n  /**\n   * Persist a field edit. Resolve ⇒ committed; reject(Error) ⇒ the message\n   * is shown inline and the row stays in edit mode. Also the single channel\n   * the agent's `update_field` uses.\n   */\n  onFieldSave?: (fieldId: string, value: unknown) => Promise<void>;\n  /** Domain validation — return an error message, or `null` when valid. */\n  validate?: (fieldId: string, value: unknown) => string | null;\n\n  /* ----- customization (the cog; controlled OR uncontrolled) ----- */\n\n  /**\n   * Controlled ordered list of visible field ids. `undefined` ⇒ every field\n   * visible; an explicit `[]` ⇒ none (a panel that starts collapsed).\n   */\n  visibleFieldOrder?: string[];\n  /** Uncontrolled initial order. Omit both ⇒ every field visible, in declaration order. */\n  defaultVisibleFieldOrder?: string[];\n  /** Fired whenever the user shows/hides/reorders fields via the cog. */\n  onVisibleFieldsChange?: (orderedIds: string[]) => void;\n\n  /* ----- states ----- */\n\n  /** Render the loading skeleton. */\n  loading?: boolean;\n  /** Shown when there are no sections / no patient. Defaults to a localised hint. */\n  emptyState?: ReactNode;\n\n  /* ----- agent / a11y ----- */\n\n  /** Opaque patient id — emitted as `data-patient-id` + agent stateRead. No PHI. */\n  patientId?: string;\n  /** Agent-readiness instance id, surfaced as `data-component-id`. */\n  id?: string;\n  /** BCP-47 locale override (currency / number editors). */\n  locale?: string;\n  /** Override the cog trigger's accessible name. */\n  cogLabel?: string;\n  /**\n   * Visible panel-chrome heading (the sticky PanelHeader title). Defaults\n   * to the kit's localised \"Patient details\". Pass an app-translated\n   * string when the panel fronts a different record built from the same\n   * chrome — \"Appointment details\", \"Task details\" — so the header names\n   * what is actually shown. Also the `aria-label` fallback.\n   */\n  panelTitle?: string;\n  /** Override the panel region's accessible name (defaults to the heading). */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PatientDetails = forwardRef<HTMLElement, PatientDetailsProps>(\n  function PatientDetails(\n    {\n      title,\n      sections,\n      avatar,\n      headerChips,\n      framed = false,\n      editable = false,\n      onFieldSave,\n      validate,\n      visibleFieldOrder,\n      defaultVisibleFieldOrder,\n      onVisibleFieldsChange,\n      loading = false,\n      emptyState,\n      patientId,\n      id,\n      locale,\n      cogLabel,\n      panelTitle: panelTitleProp,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const headingId = useId();\n\n    // Per-context field visibility + ordering. The order is a per-INSTANCE\n    // preference the kit never persists — the consumer wires its own\n    // value/onChange, so the same field vocabulary can render differently in\n    // different parts of the app (see usePatientFieldVisibility).\n    const {\n      visible,\n      catalogueIds,\n      setOrder,\n      toggleField,\n      toggleSection,\n      moveFieldOnto,\n      reset: resetToDefaults,\n    } = usePatientFieldVisibility(sections, {\n      value: visibleFieldOrder,\n      defaultValue: defaultVisibleFieldOrder,\n      onChange: onVisibleFieldsChange,\n    });\n\n    /* ---- imperative handle (agent) ------------------------------- */\n\n    const handle = useMemo<PatientDetailsHandle>(\n      () => ({\n        getVisibleFieldOrder: () => visible,\n        getPatientId: () => patientId,\n        setVisibleFields: (fieldIds) => setOrder(fieldIds),\n        setFieldOrder: (orderedIds) => setOrder(orderedIds),\n        updateField: (fieldId, value) => {\n          if (!onFieldSave) {\n            return Promise.reject(\n              new Error('PatientDetails: no onFieldSave handler is wired.'),\n            );\n          }\n          return onFieldSave(fieldId, value);\n        },\n      }),\n      [visible, patientId, setOrder, onFieldSave],\n    );\n    useAgentRegistration(patientDetailsAgent, handle, id);\n\n    /* ---- region accessible name ---------------------------------- */\n\n    const panelTitle =\n      panelTitleProp ??\n      t('patientDetails.regionLabel', {\n        defaultValue: 'Patient details',\n      });\n    const resolvedAriaLabel = ariaLabel ?? panelTitle;\n\n    /* ---- header avatar ------------------------------------------- */\n    // Parity with the card: the panel fronts the name with an Avatar (photo via\n    // `avatar.src`, else initials from the name). Omitted only when `title` is a\n    // non-string node and no `avatar.name` is given (nothing to derive from).\n    const avatarName =\n      avatar?.name ?? (typeof title === 'string' ? title : undefined);\n    const showAvatar = Boolean(avatar?.src || avatarName);\n\n    /* ---- loading / empty ----------------------------------------- */\n\n    const hasVisible = catalogueIds.some((cid) => visible.includes(cid));\n\n    if (loading) {\n      return (\n        <section\n          ref={ref}\n          data-component=\"patient-details\"\n          data-component-id={id}\n          data-patient-id={patientId}\n          aria-label={resolvedAriaLabel}\n          aria-busy=\"true\"\n          className={rootVariants({ className })}\n          {...rest}\n        >\n          <div className={bodyVariants()}>\n            <PatientDetailsSkeleton />\n          </div>\n        </section>\n      );\n    }\n\n    const isEmpty = sections.length === 0 || !hasVisible;\n\n    // The identity card (avatar + name + chips) is now the FIRST block of the\n    // scrolling body — the shared PanelHeader owns the panel title row. The\n    // name demotes to <h3> (the PanelHeader title is the <h2>).\n    const identityBlock = (\n      <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n        {showAvatar ? (\n          <Avatar\n            size=\"md\"\n            name={avatarName}\n            src={avatar?.src}\n            className=\"ds:shrink-0\"\n          />\n        ) : null}\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          <h3 className=\"ds:m-0 type-title-item ds:text-[color:var(--foreground)]\">\n            {title}\n          </h3>\n          {/* Chips sit under the NAME (not the avatar) — same column shape\n              as the card's identity line. */}\n          {headerChips ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {headerChips}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"patient-details\"\n        data-component-id={id}\n        data-patient-id={patientId}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        aria-label={ariaLabel ?? undefined}\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* The shared rail-panel header: panel title + the field-picker cog as\n            its panel-owned action; the rail injects favourite/close after it.\n            Sticky + divider so the title stays as the body scrolls. */}\n        <PanelHeader\n          title={panelTitle}\n          icon={<ClipboardList aria-hidden=\"true\" />}\n          headingId={headingId}\n          sticky\n          divider\n          actions={\n            <FieldVisibilityCog\n              sections={sections}\n              visible={visible}\n              onToggleField={toggleField}\n              onToggleSection={toggleSection}\n              onMoveFieldOnto={moveFieldOnto}\n              onReset={resetToDefaults}\n              label={cogLabel}\n            />\n          }\n        />\n\n        <div className={bodyVariants()}>\n          {/* Identity card — first block of the body; framed wraps it in its\n              own elevated card alongside each section. */}\n          {framed ? (\n            <Card variant=\"elevated\">\n              <Card.Body>{identityBlock}</Card.Body>\n            </Card>\n          ) : (\n            identityBlock\n          )}\n\n          {/* Body — one card per section when framed, otherwise a flat stack. */}\n          {isEmpty ? (\n            <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n              {emptyState ??\n                t('patientDetails.empty', {\n                  defaultValue: 'No patient selected.',\n                })}\n            </p>\n          ) : (\n            resolveVisibleFields(sections, visible)\n              // A section whose fields are all hidden drops out entirely —\n              // no empty card / \"No fields shown.\" placeholder. (The field\n              // picker still lists it, so hidden fields can be re-added.)\n              .filter(({ fields }) => fields.length > 0)\n              .map(({ section, fields }) => {\n                const block = (\n                  <SectionBlock\n                    section={section}\n                    fields={fields}\n                    editable={editable}\n                    onFieldSave={onFieldSave}\n                    validate={validate}\n                    locale={locale}\n                  />\n                );\n                return framed ? (\n                  <Card key={section.id} variant=\"elevated\">\n                    <Card.Body>{block}</Card.Body>\n                  </Card>\n                ) : (\n                  <Fragment key={section.id}>{block}</Fragment>\n                );\n              })\n          )}\n        </div>\n      </section>\n    );\n  },\n);\n\nPatientDetails.displayName = 'PatientDetails';\n\n/* -------------------------------------------------------------------- */\n/* SectionBlock — one collapsible group                                   */\n/* -------------------------------------------------------------------- */\n\nfunction SectionBlock({\n  section,\n  fields,\n  editable,\n  onFieldSave,\n  validate,\n  locale,\n}: {\n  section: PatientDetailsSection;\n  fields: PatientDetailsField[];\n  editable: boolean;\n  onFieldSave?: (fieldId: string, value: unknown) => Promise<void>;\n  validate?: (fieldId: string, value: unknown) => string | null;\n  locale?: string;\n}): ReactNode {\n  const { t } = useTranslation();\n  const headingId = useId();\n  const collapsible = section.collapsible ?? true;\n\n  // The empty hint must be a SIBLING of the <dl>, never a child — a <p> is\n  // not a valid direct child of <dl> (axe `definition-list`).\n  const rows =\n    fields.length === 0 ? (\n      <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n        {t('patientDetails.section.empty', {\n          defaultValue: 'No fields shown.',\n        })}\n      </p>\n    ) : (\n      <DescriptionList\n        layout=\"inline\"\n        density=\"compact\"\n        divider=\"none\"\n        // Label icons paint in the accent (the slot's recolour hook); no row rules.\n        className=\"ds:[--description-list-icon-color:var(--accent)]\"\n      >\n        {fields.map((field) => (\n          <PatientFieldRow\n            key={field.id}\n            field={field}\n            // Surface the icon on the direct child: DescriptionList reserves its\n            // icon column by inspecting direct children only, so the FieldRow\n            // wrapper must carry it (not just the nested Row).\n            icon={field.icon ?? null}\n            editable={editable}\n            onFieldSave={onFieldSave}\n            validate={validate}\n            locale={locale}\n          />\n        ))}\n      </DescriptionList>\n    );\n\n  if (!collapsible) {\n    return (\n      <section\n        aria-labelledby={headingId}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n      >\n        <h3\n          id={headingId}\n          className=\"ds:m-0 type-eyebrow ds:text-[color:var(--foreground)]\"\n        >\n          {section.heading}\n        </h3>\n        {rows}\n      </section>\n    );\n  }\n\n  return (\n    <Collapsible\n      defaultOpen={section.defaultOpen ?? true}\n      variant=\"minimal\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n    >\n      {/* Real <h3> so collapsible sections appear in the heading outline\n          (the non-collapsible branch is an <h3> too); the WAI-ARIA accordion\n          pattern is a heading wrapping the disclosure button. */}\n      <h3 className=\"ds:m-0\">\n        <CollapsibleTrigger asChild>\n          <button\n            type=\"button\"\n            id={headingId}\n            className=\"ds:flex ds:w-full ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)] ds:bg-transparent ds:border-0 ds:p-0 ds:text-start ds:cursor-pointer ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] type-eyebrow ds:text-[color:var(--foreground)]\"\n          >\n            {section.heading}\n          </button>\n        </CollapsibleTrigger>\n      </h3>\n      <CollapsibleContent aria-labelledby={headingId}>\n        {rows}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Skeleton                                                               */\n/* -------------------------------------------------------------------- */\n\nfunction PatientDetailsSkeleton(): ReactNode {\n  return (\n    <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n      <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n        <span className=\"ds:size-10 ds:shrink-0 ds:rounded-full ds:bg-[color:var(--muted)]\" />\n        <span className=\"ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]\" />\n      </div>\n      {[0, 1, 2].map((i) => (\n        <span\n          key={i}\n          className=\"ds:h-4 ds:w-full ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]\"\n        />\n      ))}\n    </div>\n  );\n}\n\n/** Density variant union re-exported for downstream typing. */\nexport type PatientDetailsDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["patientDetailsAgent","handle","args","rootVariants","cva","bodyVariants","PatientDetails","forwardRef","title","sections","avatar","headerChips","framed","editable","onFieldSave","validate","visibleFieldOrder","defaultVisibleFieldOrder","onVisibleFieldsChange","loading","emptyState","patientId","id","locale","cogLabel","panelTitleProp","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","visible","catalogueIds","setOrder","toggleField","toggleSection","moveFieldOnto","resetToDefaults","usePatientFieldVisibility","useMemo","fieldIds","orderedIds","fieldId","value","useAgentRegistration","panelTitle","resolvedAriaLabel","avatarName","showAvatar","hasVisible","cid","jsx","PatientDetailsSkeleton","isEmpty","identityBlock","jsxs","Avatar","PanelHeader","ClipboardList","FieldVisibilityCog","Card","resolveVisibleFields","fields","section","block","SectionBlock","Fragment","collapsible","rows","DescriptionList","field","PatientFieldRow","Collapsible","CollapsibleTrigger","CollapsibleContent"],"mappings":"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"}