@alfadocs/ui-kit-debug 1.38.0 → 1.39.0

package/dist/_chunks/{panel-subview-BNXN8OEL.js → panel-subview-Cc2Wtt7D.js}

@@ -1,24 +1,24 @@
-import { jsxs as E, jsx as o, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as I, useId as V, useRef as m, useCallback as B, useEffect as P } from "react";
+import { jsxs as P, jsx as o, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as I, useId as T, useRef as m, useCallback as V, useEffect as E } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
-import { I as D } from "./icon-button-8xqRnkdG.js";
-import { P as O } from "./panel-header-D_mTdhUp.js";
-import { S as _ } from "./scroll-area-BZOvUhwQ.js";
+import { I as _ } from "./icon-button-CehAeZoP.js";
+import { P as B } from "./panel-header-D_mTdhUp.js";
+import { S as D } from "./scroll-area-BZOvUhwQ.js";
 import { u as k } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as K } from "./use-presence-transition-cDwWUXV-.js";
-import { c as q } from "./createLucideIcon-DhHxpK9K.js";
+import { u as q } from "./use-presence-transition-cDwWUXV-.js";
+import { c as K } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const G = [
+const U = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], J = q("arrow-left", G), Q = b(
+], G = K("arrow-left", U), J = b(
   "ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden"
-), U = b(
+), Q = b(
   [
     "ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col",
     "ds:bg-[var(--background)] ds:focus-visible:outline-none",
@@ -31,50 +31,50 @@ const G = [
     "ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full",
     "ds:data-[presence=leaving]:pointer-events-none"
   ].join(" ")
-), W = b(
+), W = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', X = b(
   [
     "ds:flex ds:shrink-0 ds:items-center ds:justify-end",
     "ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
     "ds:border-t ds:border-[color:var(--border)]"
   ].join(" ")
-), j = I(
-  ({ className: t, children: i, ...v }, d) => /* @__PURE__ */ o(
+), N = I(
+  ({ className: t, children: i, ...p }, d) => /* @__PURE__ */ o(
     "div",
     {
       ref: d,
       "data-component": "panel-subview-host",
-      className: [Q(), t].filter(Boolean).join(" "),
-      ...v,
+      className: [J(), t].filter(Boolean).join(" "),
+      ...p,
       children: i
     }
   )
 );
-j.displayName = "PanelSubview.Host";
-const A = I(
+N.displayName = "PanelSubview.Host";
+const S = I(
   ({
     open: t,
     onBack: i,
-    title: v,
+    title: p,
     backLabel: d,
-    icon: N,
-    headingLevel: S,
+    icon: j,
+    headingLevel: A,
     headerActions: H,
     footer: h,
     onExited: L,
     initialFocusRef: l,
-    className: R,
-    children: z,
-    ...C
+    className: O,
+    children: R,
+    ...z
   }, c) => {
-    const g = V(), s = K(t, { onExited: L }), u = m(null), p = m(null), w = m(i);
-    w.current = i;
-    const { ref: y } = s, M = B(
+    const g = T(), s = q(t, { onExited: L }), u = m(null), v = m(null), x = m(i);
+    x.current = i;
+    const { ref: y } = s, C = V(
       (e) => {
         u.current = e, y(e), typeof c == "function" ? c(e) : c && (c.current = e);
       },
       [y, c]
-    ), x = m(t);
-    t && !x.current && typeof document < "u" && (p.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), x.current = t, k(() => {
+    ), w = m(t);
+    t && !w.current && typeof document < "u" && (v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), w.current = t, k(() => {
       const e = u.current, n = e == null ? void 0 : e.parentElement;
       if (!t || !e || !n) return;
       const r = Array.from(n.children).filter(
@@ -90,45 +90,45 @@ const A = I(
       if (!e) return;
       const n = document.activeElement;
       f && n instanceof HTMLElement && e.contains(n) && n.blur(), e.toggleAttribute("inert", f);
-    }, [f, s.mounted]), P(() => {
+    }, [f, s.mounted]), E(() => {
       if (t)
         return () => {
-          const e = p.current;
-          p.current = null, e != null && e.isConnected && e.focus();
+          const e = v.current;
+          v.current = null, e != null && e.isConnected && e.focus();
         };
-    }, [t]), P(() => {
+    }, [t]), E(() => {
       const e = u.current;
       if (!t || !e) return;
       const n = (r) => {
-        r.key !== "Escape" || r.defaultPrevented || (r.preventDefault(), r.stopPropagation(), w.current());
+        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && e.querySelector(W)) && (r.preventDefault(), x.current()));
       };
       return e.addEventListener("keydown", n), () => e.removeEventListener("keydown", n);
-    }, [t, s.mounted]), s.mounted ? /* @__PURE__ */ E(
+    }, [t, s.mounted]), s.mounted ? /* @__PURE__ */ P(
       "section",
       {
-        ...C,
-        ref: M,
+        ...z,
+        ref: C,
         tabIndex: -1,
         "aria-labelledby": g,
         "aria-hidden": f || void 0,
         "data-component": "panel-subview",
         "data-presence": s.phase,
-        className: [U(), R].filter(Boolean).join(" "),
+        className: [Q(), O].filter(Boolean).join(" "),
         children: [
           /* @__PURE__ */ o(
-            O,
+            B,
             {
-              icon: N,
-              title: v,
+              icon: j,
+              title: p,
               headingId: g,
-              headingLevel: S,
+              headingLevel: A,
               sticky: !0,
               divider: !0,
-              actions: /* @__PURE__ */ E(T, { children: [
+              actions: /* @__PURE__ */ P(M, { children: [
                 /* @__PURE__ */ o(
-                  D,
+                  _,
                   {
-                    icon: /* @__PURE__ */ o(J, { "aria-hidden": "true" }),
+                    icon: /* @__PURE__ */ o(G, { "aria-hidden": "true" }),
                     intent: "ghost",
                     size: "sm",
                     flipIconInRtl: !0,
@@ -142,19 +142,19 @@ const A = I(
               ] })
             }
           ),
-          /* @__PURE__ */ o(_, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: z }),
-          h ? /* @__PURE__ */ o("div", { "data-panel-subview-footer": "", className: W(), children: h }) : null
+          /* @__PURE__ */ o(D, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: R }),
+          h ? /* @__PURE__ */ o("div", { "data-panel-subview-footer": "", className: X(), children: h }) : null
         ]
       }
     ) : null;
   }
 );
-A.displayName = "PanelSubview";
-const se = Object.assign(A, {
-  Host: j
+S.displayName = "PanelSubview";
+const ae = Object.assign(S, {
+  Host: N
 });
 export {
-  J as A,
-  se as P
+  G as A,
+  ae as P
 };
-//# sourceMappingURL=panel-subview-BNXN8OEL.js.map
+//# sourceMappingURL=panel-subview-Cc2Wtt7D.js.map

package/dist/_chunks/panel-subview-Cc2Wtt7D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-subview-Cc2Wtt7D.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-left.mjs","../../src/components/panel-subview/panel-subview.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m12 19-7-7 7-7\", key: \"1l729n\" }],\n  [\"path\", { d: \"M19 12H5\", key: \"x3x0zl\" }]\n];\nconst ArrowLeft = createLucideIcon(\"arrow-left\", __iconNode);\n\nexport { __iconNode, ArrowLeft as default };\n//# sourceMappingURL=arrow-left.mjs.map\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ArrowLeft } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { PanelHeader } from '../panel-header/panel-header';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { usePresenceTransition } from '../../hooks/use-presence-transition';\n\n/* -------------------------------------------------------------------- */\n/* PanelSubview                                                          */\n/*                                                                        */\n/* A panel inside a panel: a second view that slides over a rail panel's  */\n/* own body and hands it back. An edit form, a history, a detail drilled  */\n/* into from a list. The panel underneath stays mounted, so its scroll    */\n/* position and state are there when the reader comes back.               */\n/*                                                                        */\n/* Use it instead of a Dialog when the task belongs to the panel. A modal */\n/* blanks out the calendar the rail sits beside, and the list the item    */\n/* came from; a subview covers only the panel.                            */\n/*                                                                        */\n/* It exists because the shape was being hand-built per tool: a view      */\n/* flag, a PanelHeader with a back arrow, a scroll body, a pinned footer, */\n/* and focus moved by hand. Hand-built, none of them animated and each    */\n/* forgot a different part of the focus contract.                         */\n/*                                                                        */\n/* The host must be a positioned, clipped box. Wrap the panel in          */\n/* `PanelSubview.Host` and render the subview as its LAST child.          */\n/* -------------------------------------------------------------------- */\n\nconst hostVariants = cva(\n  'ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden',\n);\n\nconst subviewVariants = cva(\n  [\n    'ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col',\n    'ds:bg-[var(--background)] ds:focus-visible:outline-none',\n    // Slides in from the inline end, and back out the same way. Declared at\n    // rest so both directions have a value to move from.\n    'ds:transition-[opacity,translate] ds:duration-[var(--animation-duration)]',\n    'ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none',\n    'ds:data-[presence=entering]:opacity-0 ds:data-[presence=leaving]:opacity-0',\n    'ds:data-[presence=entering]:translate-x-full ds:data-[presence=leaving]:translate-x-full',\n    'ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full',\n    'ds:data-[presence=leaving]:pointer-events-none',\n  ].join(' '),\n);\n\n/* A control inside the subview whose popup is showing right now. */\nconst OPEN_POPUP =\n  '[role=\"combobox\"][aria-expanded=\"true\"], [aria-haspopup][aria-expanded=\"true\"]';\n\nconst footerVariants = cva(\n  [\n    'ds:flex ds:shrink-0 ds:items-center ds:justify-end',\n    'ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\n/* -------------------------------------------------------------------- */\n/* Host                                                                   */\n/* -------------------------------------------------------------------- */\n\nexport type PanelSubviewHostProps = HTMLAttributes<HTMLDivElement>;\n\n/** The positioned, clipped box a subview slides inside. Fills its parent. */\nconst PanelSubviewHost = forwardRef<HTMLDivElement, PanelSubviewHostProps>(\n  ({ className, children, ...rest }, ref) => (\n    <div\n      ref={ref}\n      data-component=\"panel-subview-host\"\n      className={[hostVariants(), className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  ),\n);\nPanelSubviewHost.displayName = 'PanelSubview.Host';\n\n/* -------------------------------------------------------------------- */\n/* Subview                                                                */\n/* -------------------------------------------------------------------- */\n\nexport interface PanelSubviewProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Whether the subview is showing. It animates in and out around this. */\n  open: boolean;\n  /** Fires from the back button and from Escape. Set `open` false in reply. */\n  onBack: () => void;\n  /** The subview's heading. Already translated upstream. */\n  title: ReactNode;\n  /** Accessible name and tooltip of the back button. Already translated. */\n  backLabel: string;\n  /** Optional leading glyph for the heading. */\n  icon?: ReactNode;\n  /** Heading level. Default `2`; pass `3` to read as subordinate to the host. */\n  headingLevel?: 2 | 3;\n  /** Extra header actions, rendered after the back button. */\n  headerActions?: ReactNode;\n  /** Pinned below the scroll body: the form's cancel and save, typically. */\n  footer?: ReactNode;\n  /** Fires once the exit has played and the subview has unmounted. */\n  onExited?: () => void;\n  /**\n   * Focus this on open instead of the subview itself: a form's first field,\n   * say. The subview is still announced through its heading.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  children: ReactNode;\n}\n\nconst PanelSubviewRoot = forwardRef<HTMLElement, PanelSubviewProps>(\n  (\n    {\n      open,\n      onBack,\n      title,\n      backLabel,\n      icon,\n      headingLevel,\n      headerActions,\n      footer,\n      onExited,\n      initialFocusRef,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const presence = usePresenceTransition<HTMLElement>(open, { onExited });\n    const nodeRef = useRef<HTMLElement | null>(null);\n    const returnFocusRef = useRef<HTMLElement | null>(null);\n    const onBackRef = useRef(onBack);\n    onBackRef.current = onBack;\n\n    const { ref: presenceRef } = presence;\n    const setNode = useCallback(\n      (node: HTMLElement | null) => {\n        nodeRef.current = node;\n        presenceRef(node);\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [presenceRef, ref],\n    );\n\n    // Remember where focus was BEFORE the subview takes it, during render of\n    // the opening pass, so the trigger is still the active element.\n    const wasOpenRef = useRef(open);\n    if (open && !wasOpenRef.current && typeof document !== 'undefined') {\n      returnFocusRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n    }\n    wasOpenRef.current = open;\n\n    /* The panel underneath is covered, so it leaves the tab order and the\n       accessibility tree for as long as the subview is open. */\n    useIsomorphicLayoutEffect(() => {\n      const node = nodeRef.current;\n      const parent = node?.parentElement;\n      if (!open || !node || !parent) return undefined;\n      const covered = Array.from(parent.children).filter(\n        (child) => child !== node && !child.hasAttribute('inert'),\n      );\n      covered.forEach((child) => child.setAttribute('inert', ''));\n      // `preventScroll`: the subview is still off to the side at this point,\n      // and a clipped Host would otherwise scroll sideways to reveal it.\n      (initialFocusRef?.current ?? node).focus({ preventScroll: true });\n      return () => {\n        covered.forEach((child) => child.removeAttribute('inert'));\n      };\n    }, [open, presence.mounted, initialFocusRef]);\n\n    /* A leaving subview is already closed to the user: `aria-hidden` alone\n       would leave its controls focusable, so it goes `inert` while it fades.\n       Set on the node, not as a prop: React 18 has no boolean for it. */\n    const leaving = !open;\n    useIsomorphicLayoutEffect(() => {\n      const node = nodeRef.current;\n      if (!node) return;\n      // Blur first: nothing focused may sit inside a hidden subtree, even for\n      // the moment before the passive effect below hands focus back.\n      const active = document.activeElement;\n      if (leaving && active instanceof HTMLElement && node.contains(active)) {\n        active.blur();\n      }\n      node.toggleAttribute('inert', leaving);\n    }, [leaving, presence.mounted]);\n\n    /* Hand focus back to whatever opened the subview. A PASSIVE effect: React\n       restores the pre-commit focus at the end of a commit, so a return made\n       from a layout cleanup is overwritten by the closing subview itself. */\n    useEffect(() => {\n      if (!open) return undefined;\n      return () => {\n        const target = returnFocusRef.current;\n        returnFocusRef.current = null;\n        if (target?.isConnected) target.focus();\n      };\n    }, [open]);\n\n    /* Escape goes back one level. A NATIVE listener: the rail collapses on\n       Escape through its own native listener further up, and only a native\n       stopPropagation here keeps one key press from doing both. */\n    useEffect(() => {\n      const node = nodeRef.current;\n      if (!open || !node) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape') return;\n        // Spent here either way: a key pressed inside never collapses the rail.\n        event.stopPropagation();\n        /* An OPEN popup inside took the key to close itself. A closed,\n           force-mounted one (Combobox) prevents default too, so ask the DOM. */\n        if (event.defaultPrevented && node.querySelector(OPEN_POPUP)) return;\n        event.preventDefault();\n        onBackRef.current();\n      };\n      node.addEventListener('keydown', onKeyDown);\n      return () => node.removeEventListener('keydown', onKeyDown);\n    }, [open, presence.mounted]);\n\n    if (!presence.mounted) return null;\n\n    return (\n      <section\n        {...rest}\n        ref={setNode}\n        tabIndex={-1}\n        aria-labelledby={headingId}\n        aria-hidden={leaving || undefined}\n        data-component=\"panel-subview\"\n        data-presence={presence.phase}\n        className={[subviewVariants(), className].filter(Boolean).join(' ')}\n      >\n        <PanelHeader\n          icon={icon}\n          title={title}\n          headingId={headingId}\n          headingLevel={headingLevel}\n          sticky\n          divider\n          actions={\n            <>\n              <IconButton\n                icon={<ArrowLeft aria-hidden=\"true\" />}\n                intent=\"ghost\"\n                size=\"sm\"\n                flipIconInRtl\n                aria-label={backLabel}\n                tooltip={backLabel}\n                data-panel-subview-back=\"\"\n                onClick={onBack}\n              />\n              {headerActions}\n            </>\n          }\n        />\n        <ScrollArea orientation=\"vertical\" className=\"ds:min-h-0 ds:flex-1\">\n          {children}\n        </ScrollArea>\n        {footer ? (\n          <div data-panel-subview-footer=\"\" className={footerVariants()}>\n            {footer}\n          </div>\n        ) : null}\n      </section>\n    );\n  },\n);\nPanelSubviewRoot.displayName = 'PanelSubview';\n\nexport const PanelSubview = Object.assign(PanelSubviewRoot, {\n  Host: PanelSubviewHost,\n});\n"],"names":["__iconNode","ArrowLeft","createLucideIcon","hostVariants","cva","subviewVariants","OPEN_POPUP","footerVariants","PanelSubviewHost","forwardRef","className","children","rest","ref","jsx","PanelSubviewRoot","open","onBack","title","backLabel","icon","headingLevel","headerActions","footer","onExited","initialFocusRef","headingId","useId","presence","usePresenceTransition","nodeRef","useRef","returnFocusRef","onBackRef","presenceRef","setNode","useCallback","node","wasOpenRef","useIsomorphicLayoutEffect","parent","covered","child","leaving","active","useEffect","target","onKeyDown","event","jsxs","PanelHeader","Fragment","IconButton","ScrollArea","PanelSubview"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{patient-details-2cIaL-Zb.js → patient-details-C8ImUrVg.js}

@@ -5,10 +5,10 @@ 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 { D as ae } from "./description-list-BsJ_6CQE.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-IHb2VFc2.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BRSOKvme.js";
 import { C as pe } from "./clipboard-list-rSzfIYZB.js";
 const me = {
   id: "patient-details",
@@ -368,4 +368,4 @@ export {
   ue as P,
   me as p
 };
-//# sourceMappingURL=patient-details-2cIaL-Zb.js.map
+//# sourceMappingURL=patient-details-C8ImUrVg.js.map

package/dist/_chunks/{patient-details-2cIaL-Zb.js.map → patient-details-C8ImUrVg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"patient-details-2cIaL-Zb.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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"}
+{"version":3,"file":"patient-details-C8ImUrVg.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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"}

package/dist/_chunks/{patient-field-row-IHb2VFc2.js → patient-field-row-BRSOKvme.js}

@@ -2,17 +2,17 @@ import { useMemo as _, useCallback as k, useState as z, cloneElement as W, useId
 import { u as Z } from "./use-controllable-state-BiY4xTzM.js";
 import { jsxs as V, jsx as t, Fragment as q } from "react/jsx-runtime";
 import { useTranslation as A } from "react-i18next";
-import { B as ee } from "./button-nJaPh_HC.js";
-import { I } from "./icon-button-8xqRnkdG.js";
+import { B as ee } from "./button-CaUe1uyd.js";
+import { I } from "./icon-button-CehAeZoP.js";
 import { C as j } from "./checkbox-CZkipDn7.js";
-import { P as O } from "./popover-DzR5QYxp.js";
+import { P as O } from "./popover-DO-pssF3.js";
 import { S as te } from "./separator-CYU_bGFn.js";
 import { S as ae } from "./settings-d25ju_6L.js";
 import { G as ne } from "./grip-vertical-onSb1JXO.js";
-import { D as $ } from "./description-list-C1RXMDZ_.js";
+import { D as $ } from "./description-list-BsJ_6CQE.js";
 import { B as R } from "./badge-BudgzTe_.js";
 import { L as se } from "./link-CPb_pZPr.js";
-import { T as re } from "./transaction-chip-Dth1nThY.js";
+import { T as re } from "./transaction-chip-CwgcJiqF.js";
 import { H as ie } from "./hash-CSQ9SChR.js";
 import { C as oe } from "./calendar-days-BGWklvE-.js";
 import { c as U } from "./createLucideIcon-DhHxpK9K.js";
@@ -21,7 +21,7 @@ import { C as ce } from "./city-input-DaQc-Hbj.js";
 import { C as de } from "./country-select-CfDNFG5c.js";
 import { D as ue } from "./date-picker-6tFnKFty.js";
 import { E as me } from "./email-input-Dpe63k0K.js";
-import { F as pe } from "./fiscal-code-input-CkwIdB1y.js";
+import { F as pe } from "./fiscal-code-input-ODQRd_Sw.js";
 import { N as fe } from "./number-input-Cgu2TtA8.js";
 import { P as ge } from "./phone-input-BsZIoE36.js";
 import { P as he } from "./postal-code-input-BznBxVxf.js";
@@ -805,4 +805,4 @@ export {
   Nt as r,
   Dt as u
 };
-//# sourceMappingURL=patient-field-row-IHb2VFc2.js.map
+//# sourceMappingURL=patient-field-row-BRSOKvme.js.map