@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/{panel-header-D_mTdhUp.js.map → panel-header-BJkaUwnl.js.map}

@@ -1 +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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"}
+{"version":3,"file":"panel-header-BJkaUwnl.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/{panel-subview-CjZgdWwO.js → panel-subview-yP4qIbKS.js}

@@ -1,8 +1,8 @@
 import { jsxs as I, jsx as a, Fragment as D } from "react/jsx-runtime";
 import { forwardRef as C, useId as K, useRef as u, useCallback as U, useEffect as N } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
-import { I as _ } from "./icon-button-dNE6ENLn.js";
-import { P as G } from "./panel-header-D_mTdhUp.js";
+import { I as _ } from "./icon-button-C_1TgRiK.js";
+import { P as G } from "./panel-header-BJkaUwnl.js";
 import { S as J } from "./scroll-area-CY5SLYNw.js";
 import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as Q } from "./use-presence-transition-cDwWUXV-.js";
@@ -228,4 +228,4 @@ const ue = Object.assign(L, {
 export {
   ue as P
 };
-//# sourceMappingURL=panel-subview-CjZgdWwO.js.map
+//# sourceMappingURL=panel-subview-yP4qIbKS.js.map

package/dist/_chunks/{panel-subview-CjZgdWwO.js.map → panel-subview-yP4qIbKS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"panel-subview-CjZgdWwO.js","sources":["../../src/components/panel-subview/panel-subview.tsx"],"sourcesContent":["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  [\n    'ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden',\n    // Focus lands on the host itself, from script, only when the panel it\n    // uncovers has no control. The ring sits inside: the host is clipped.\n    'ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:calc(var(--focus-ring-width)*-1)]',\n  ].join(' '),\n);\n\n/* Where Tab would go next inside a host, for a return with no opener. */\nconst TABBABLE = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[contenteditable=\"true\"]',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ');\n\n/* Whether an element can show, and so take focus: not closed off by an\n   ancestor, and not display:none or visibility:hidden. */\nfunction canShow(el: HTMLElement): boolean {\n  return (\n    !el.closest('[inert],[hidden],[aria-hidden=\"true\"]') &&\n    (typeof el.checkVisibility !== 'function' ||\n      el.checkVisibility({ visibilityProperty: true }))\n  );\n}\n\n/* With no opener to go back to, focus stays in the Host: a control of the\n   panel the subview uncovered, one already in view first so the panel does\n   not scroll away, else the Host itself, focusable only while it has focus.\n   A Host that is closed off itself (a rail collapsing) is left alone. */\nfunction focusInHost(host: HTMLElement, subview: HTMLElement | null): void {\n  if (!canShow(host)) return;\n  const controls = Array.from(\n    host.querySelectorAll<HTMLElement>(TABBABLE),\n  ).filter((el) => !subview?.contains(el) && canShow(el));\n  const box = host.getBoundingClientRect();\n  const target =\n    controls.find((el) => {\n      const rect = el.getBoundingClientRect();\n      return rect.bottom > box.top && rect.top < box.bottom;\n    }) ?? controls[0];\n  if (target) {\n    target.focus();\n    return;\n  }\n  const added = !host.hasAttribute('tabindex');\n  if (added) host.setAttribute('tabindex', '-1');\n  host.focus();\n  if (!added) return;\n  if (document.activeElement === host) {\n    host.addEventListener('blur', () => host.removeAttribute('tabindex'), {\n      once: true,\n    });\n  } else host.removeAttribute('tabindex');\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/* The scroll body. The viewport and the Host both clip, so a field flush\n   with the edge lost part of its ring: the inset leaves room for the ring's\n   width and offset in every theme. A body that pads itself can cancel it. */\nconst bodyVariants = cva(\n  [\n    'ds:[--panel-subview-inset:calc(var(--focus-ring-width)+var(--focus-ring-offset))]',\n    'ds:p-[var(--panel-subview-inset)]',\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',\n    'ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n  {\n    variants: {\n      /** `'end'` (default): a single trailing action cluster, as most\n       *  footers use. `'between'` splits the row — a leading destructive\n       *  action (Remove, say) at the start and the Cancel/Save cluster at\n       *  the end — for a footer with two sides instead of one. */\n      align: {\n        end: 'ds:justify-end',\n        between: 'ds:justify-between',\n      },\n    },\n    defaultVariants: { align: 'end' },\n  },\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  /** How `footer`'s row is justified. `'end'` (default) keeps the single\n   *  trailing cluster every other subview uses; `'between'` splits the\n   *  row — render `footer` as two children (a leading destructive action,\n   *  a trailing Cancel/Save cluster) and the container puts one at each\n   *  end, the same shape as the appointment editor's ACTION FOOTER. */\n  footerAlign?: 'end' | 'between';\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      footerAlign = 'end',\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. `null`\n    // marks the first render: a subview mounted already open records its\n    // opener too, but only hands focus back to one inside its own Host.\n    const wasOpenRef = useRef<boolean | null>(null);\n    const openedOnMountRef = useRef(false);\n    const openRef = useRef(open);\n    openRef.current = open;\n    if (\n      open &&\n      wasOpenRef.current !== true &&\n      typeof document !== 'undefined'\n    ) {\n      returnFocusRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n      openedOnMountRef.current = wasOpenRef.current === 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      const node = nodeRef.current;\n      const host = node?.parentElement ?? null;\n      return () => {\n        // StrictMode replays this cleanup on mount while the subview is still\n        // open and in the page. Keep the opener for the real close.\n        if (openRef.current && node?.isConnected) return;\n        const target = returnFocusRef.current;\n        returnFocusRef.current = null;\n        // Mounted open, the opener may be anywhere on the page (the rail's\n        // own tool button, say). Only a control in this Host gets it back.\n        const opener =\n          target?.isConnected &&\n          (!openedOnMountRef.current || host?.contains(target))\n            ? target\n            : null;\n        if (opener) {\n          opener.focus();\n          return;\n        }\n        // No opener to go back to (outside the Host, or gone). Keep focus in\n        // the Host rather than the page, unless it has already moved on.\n        // After this flush, so an owner's own rescue (TaskEditor's) goes first.\n        queueMicrotask(() => {\n          const active = document.activeElement;\n          if (host?.isConnected && (!active || active === document.body)) {\n            focusInHost(host, node ?? null);\n          }\n        });\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        {/* Focusable only while it scrolls, so it carries the subview's name. */}\n        <ScrollArea\n          orientation=\"vertical\"\n          role=\"group\"\n          aria-labelledby={headingId}\n          className=\"ds:min-h-0 ds:flex-1\"\n        >\n          <div data-panel-subview-body=\"\" className={bodyVariants()}>\n            {children}\n          </div>\n        </ScrollArea>\n        {footer ? (\n          <div\n            data-panel-subview-footer=\"\"\n            className={footerVariants({ align: footerAlign })}\n          >\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":["hostVariants","cva","TABBABLE","canShow","el","focusInHost","host","subview","controls","box","target","rect","added","subviewVariants","bodyVariants","OPEN_POPUP","footerVariants","PanelSubviewHost","forwardRef","className","children","rest","ref","jsx","PanelSubviewRoot","open","onBack","title","backLabel","icon","headingLevel","headerActions","footer","footerAlign","onExited","initialFocusRef","headingId","useId","presence","usePresenceTransition","nodeRef","useRef","returnFocusRef","onBackRef","presenceRef","setNode","useCallback","node","wasOpenRef","openedOnMountRef","openRef","useIsomorphicLayoutEffect","parent","covered","child","leaving","active","useEffect","opener","onKeyDown","event","jsxs","PanelHeader","Fragment","IconButton","ArrowLeft","ScrollArea","PanelSubview"],"mappings":"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"}
+{"version":3,"file":"panel-subview-yP4qIbKS.js","sources":["../../src/components/panel-subview/panel-subview.tsx"],"sourcesContent":["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  [\n    'ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden',\n    // Focus lands on the host itself, from script, only when the panel it\n    // uncovers has no control. The ring sits inside: the host is clipped.\n    'ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:calc(var(--focus-ring-width)*-1)]',\n  ].join(' '),\n);\n\n/* Where Tab would go next inside a host, for a return with no opener. */\nconst TABBABLE = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[contenteditable=\"true\"]',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ');\n\n/* Whether an element can show, and so take focus: not closed off by an\n   ancestor, and not display:none or visibility:hidden. */\nfunction canShow(el: HTMLElement): boolean {\n  return (\n    !el.closest('[inert],[hidden],[aria-hidden=\"true\"]') &&\n    (typeof el.checkVisibility !== 'function' ||\n      el.checkVisibility({ visibilityProperty: true }))\n  );\n}\n\n/* With no opener to go back to, focus stays in the Host: a control of the\n   panel the subview uncovered, one already in view first so the panel does\n   not scroll away, else the Host itself, focusable only while it has focus.\n   A Host that is closed off itself (a rail collapsing) is left alone. */\nfunction focusInHost(host: HTMLElement, subview: HTMLElement | null): void {\n  if (!canShow(host)) return;\n  const controls = Array.from(\n    host.querySelectorAll<HTMLElement>(TABBABLE),\n  ).filter((el) => !subview?.contains(el) && canShow(el));\n  const box = host.getBoundingClientRect();\n  const target =\n    controls.find((el) => {\n      const rect = el.getBoundingClientRect();\n      return rect.bottom > box.top && rect.top < box.bottom;\n    }) ?? controls[0];\n  if (target) {\n    target.focus();\n    return;\n  }\n  const added = !host.hasAttribute('tabindex');\n  if (added) host.setAttribute('tabindex', '-1');\n  host.focus();\n  if (!added) return;\n  if (document.activeElement === host) {\n    host.addEventListener('blur', () => host.removeAttribute('tabindex'), {\n      once: true,\n    });\n  } else host.removeAttribute('tabindex');\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/* The scroll body. The viewport and the Host both clip, so a field flush\n   with the edge lost part of its ring: the inset leaves room for the ring's\n   width and offset in every theme. A body that pads itself can cancel it. */\nconst bodyVariants = cva(\n  [\n    'ds:[--panel-subview-inset:calc(var(--focus-ring-width)+var(--focus-ring-offset))]',\n    'ds:p-[var(--panel-subview-inset)]',\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',\n    'ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n  {\n    variants: {\n      /** `'end'` (default): a single trailing action cluster, as most\n       *  footers use. `'between'` splits the row — a leading destructive\n       *  action (Remove, say) at the start and the Cancel/Save cluster at\n       *  the end — for a footer with two sides instead of one. */\n      align: {\n        end: 'ds:justify-end',\n        between: 'ds:justify-between',\n      },\n    },\n    defaultVariants: { align: 'end' },\n  },\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  /** How `footer`'s row is justified. `'end'` (default) keeps the single\n   *  trailing cluster every other subview uses; `'between'` splits the\n   *  row — render `footer` as two children (a leading destructive action,\n   *  a trailing Cancel/Save cluster) and the container puts one at each\n   *  end, the same shape as the appointment editor's ACTION FOOTER. */\n  footerAlign?: 'end' | 'between';\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      footerAlign = 'end',\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. `null`\n    // marks the first render: a subview mounted already open records its\n    // opener too, but only hands focus back to one inside its own Host.\n    const wasOpenRef = useRef<boolean | null>(null);\n    const openedOnMountRef = useRef(false);\n    const openRef = useRef(open);\n    openRef.current = open;\n    if (\n      open &&\n      wasOpenRef.current !== true &&\n      typeof document !== 'undefined'\n    ) {\n      returnFocusRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n      openedOnMountRef.current = wasOpenRef.current === 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      const node = nodeRef.current;\n      const host = node?.parentElement ?? null;\n      return () => {\n        // StrictMode replays this cleanup on mount while the subview is still\n        // open and in the page. Keep the opener for the real close.\n        if (openRef.current && node?.isConnected) return;\n        const target = returnFocusRef.current;\n        returnFocusRef.current = null;\n        // Mounted open, the opener may be anywhere on the page (the rail's\n        // own tool button, say). Only a control in this Host gets it back.\n        const opener =\n          target?.isConnected &&\n          (!openedOnMountRef.current || host?.contains(target))\n            ? target\n            : null;\n        if (opener) {\n          opener.focus();\n          return;\n        }\n        // No opener to go back to (outside the Host, or gone). Keep focus in\n        // the Host rather than the page, unless it has already moved on.\n        // After this flush, so an owner's own rescue (TaskEditor's) goes first.\n        queueMicrotask(() => {\n          const active = document.activeElement;\n          if (host?.isConnected && (!active || active === document.body)) {\n            focusInHost(host, node ?? null);\n          }\n        });\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        {/* Focusable only while it scrolls, so it carries the subview's name. */}\n        <ScrollArea\n          orientation=\"vertical\"\n          role=\"group\"\n          aria-labelledby={headingId}\n          className=\"ds:min-h-0 ds:flex-1\"\n        >\n          <div data-panel-subview-body=\"\" className={bodyVariants()}>\n            {children}\n          </div>\n        </ScrollArea>\n        {footer ? (\n          <div\n            data-panel-subview-footer=\"\"\n            className={footerVariants({ align: footerAlign })}\n          >\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":["hostVariants","cva","TABBABLE","canShow","el","focusInHost","host","subview","controls","box","target","rect","added","subviewVariants","bodyVariants","OPEN_POPUP","footerVariants","PanelSubviewHost","forwardRef","className","children","rest","ref","jsx","PanelSubviewRoot","open","onBack","title","backLabel","icon","headingLevel","headerActions","footer","footerAlign","onExited","initialFocusRef","headingId","useId","presence","usePresenceTransition","nodeRef","useRef","returnFocusRef","onBackRef","presenceRef","setNode","useCallback","node","wasOpenRef","openedOnMountRef","openRef","useIsomorphicLayoutEffect","parent","covered","child","leaving","active","useEffect","opener","onKeyDown","event","jsxs","PanelHeader","Fragment","IconButton","ArrowLeft","ScrollArea","PanelSubview"],"mappings":";;;;;;;;;AAuCA,MAAMA,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAGMC,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI;AAIX,SAASC,EAAQC,GAA0B;AACzC,SACE,CAACA,EAAG,QAAQ,uCAAuC,MAClD,OAAOA,EAAG,mBAAoB,cAC7BA,EAAG,gBAAgB,EAAE,oBAAoB,IAAM;AAErD;AAMA,SAASC,EAAYC,GAAmBC,GAAmC;AACzE,MAAI,CAACJ,EAAQG,CAAI,EAAG;AACpB,QAAME,IAAW,MAAM;AAAA,IACrBF,EAAK,iBAA8BJ,CAAQ;AAAA,EAAA,EAC3C,OAAO,CAACE,MAAO,EAACG,KAAA,QAAAA,EAAS,SAASH,OAAOD,EAAQC,CAAE,CAAC,GAChDK,IAAMH,EAAK,sBAAA,GACXI,IACJF,EAAS,KAAK,CAACJ,MAAO;AACpB,UAAMO,IAAOP,EAAG,sBAAA;AAChB,WAAOO,EAAK,SAASF,EAAI,OAAOE,EAAK,MAAMF,EAAI;AAAA,EACjD,CAAC,KAAKD,EAAS,CAAC;AAClB,MAAIE,GAAQ;AACV,IAAAA,EAAO,MAAA;AACP;AAAA,EACF;AACA,QAAME,IAAQ,CAACN,EAAK,aAAa,UAAU;AAG3C,EAFIM,KAAON,EAAK,aAAa,YAAY,IAAI,GAC7CA,EAAK,MAAA,GACAM,MACD,SAAS,kBAAkBN,IAC7BA,EAAK,iBAAiB,QAAQ,MAAMA,EAAK,gBAAgB,UAAU,GAAG;AAAA,IACpE,MAAM;AAAA,EAAA,CACP,IACIA,EAAK,gBAAgB,UAAU;AACxC;AAEA,MAAMO,IAAkBZ;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAKMa,IAAeb;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAGMc,KACJ,kFAEIC,KAAiBf;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKR,OAAO;AAAA,QACL,KAAK;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB,EAAE,OAAO,MAAA;AAAA,EAAM;AAEpC,GASMgB,IAAmBC;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MACjC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,kBAAe;AAAA,MACf,WAAW,CAACtB,EAAA,GAAgBmB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC9D,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAH,EAAiB,cAAc;AA0C/B,MAAMO,IAAmBN;AAAA,EACvB,CACE;AAAA,IACE,MAAAO;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAhB;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMc,IAAYC,EAAA,GACZC,IAAWC,EAAmCd,GAAM,EAAE,UAAAS,GAAU,GAChEM,IAAUC,EAA2B,IAAI,GACzCC,IAAiBD,EAA2B,IAAI,GAChDE,IAAYF,EAAOf,CAAM;AAC/B,IAAAiB,EAAU,UAAUjB;AAEpB,UAAM,EAAE,KAAKkB,EAAA,IAAgBN,GACvBO,IAAUC;AAAA,MACd,CAACC,MAA6B;AAC5B,QAAAP,EAAQ,UAAUO,GAClBH,EAAYG,CAAI,GACZ,OAAOzB,KAAQ,aAAYA,EAAIyB,CAAI,IAC9BzB,QAAS,UAAUyB;AAAA,MAC9B;AAAA,MACA,CAACH,GAAatB,CAAG;AAAA,IAAA,GAOb0B,IAAaP,EAAuB,IAAI,GACxCQ,IAAmBR,EAAO,EAAK,GAC/BS,IAAUT,EAAOhB,CAAI;AAC3B,IAAAyB,EAAQ,UAAUzB,GAEhBA,KACAuB,EAAW,YAAY,MACvB,OAAO,WAAa,QAEpBN,EAAe,UACb,SAAS,yBAAyB,cAC9B,SAAS,gBACT,MACNO,EAAiB,UAAUD,EAAW,YAAY,OAEpDA,EAAW,UAAUvB,GAIrB0B,EAA0B,MAAM;AAC9B,YAAMJ,IAAOP,EAAQ,SACfY,IAASL,KAAA,gBAAAA,EAAM;AACrB,UAAI,CAACtB,KAAQ,CAACsB,KAAQ,CAACK,EAAQ;AAC/B,YAAMC,IAAU,MAAM,KAAKD,EAAO,QAAQ,EAAE;AAAA,QAC1C,CAACE,MAAUA,MAAUP,KAAQ,CAACO,EAAM,aAAa,OAAO;AAAA,MAAA;AAE1D,aAAAD,EAAQ,QAAQ,CAACC,MAAUA,EAAM,aAAa,SAAS,EAAE,CAAC,KAGzDnB,KAAA,gBAAAA,EAAiB,YAAWY,GAAM,MAAM,EAAE,eAAe,IAAM,GACzD,MAAM;AACX,QAAAM,EAAQ,QAAQ,CAACC,MAAUA,EAAM,gBAAgB,OAAO,CAAC;AAAA,MAC3D;AAAA,IACF,GAAG,CAAC7B,GAAMa,EAAS,SAASH,CAAe,CAAC;AAK5C,UAAMoB,IAAU,CAAC9B;AAqEjB,WApEA0B,EAA0B,MAAM;AAC9B,YAAMJ,IAAOP,EAAQ;AACrB,UAAI,CAACO,EAAM;AAGX,YAAMS,IAAS,SAAS;AACxB,MAAID,KAAWC,aAAkB,eAAeT,EAAK,SAASS,CAAM,KAClEA,EAAO,KAAA,GAETT,EAAK,gBAAgB,SAASQ,CAAO;AAAA,IACvC,GAAG,CAACA,GAASjB,EAAS,OAAO,CAAC,GAK9BmB,EAAU,MAAM;AACd,UAAI,CAAChC,EAAM;AACX,YAAMsB,IAAOP,EAAQ,SACflC,KAAOyC,KAAA,gBAAAA,EAAM,kBAAiB;AACpC,aAAO,MAAM;AAGX,YAAIG,EAAQ,YAAWH,KAAA,QAAAA,EAAM,aAAa;AAC1C,cAAMrC,IAASgC,EAAe;AAC9B,QAAAA,EAAe,UAAU;AAGzB,cAAMgB,IACJhD,KAAA,QAAAA,EAAQ,gBACP,CAACuC,EAAiB,WAAW3C,KAAA,QAAAA,EAAM,SAASI,MACzCA,IACA;AACN,YAAIgD,GAAQ;AACV,UAAAA,EAAO,MAAA;AACP;AAAA,QACF;AAIA,uBAAe,MAAM;AACnB,gBAAMF,IAAS,SAAS;AACxB,UAAIlD,KAAA,QAAAA,EAAM,gBAAgB,CAACkD,KAAUA,MAAW,SAAS,SACvDnD,EAAYC,GAAMyC,KAAQ,IAAI;AAAA,QAElC,CAAC;AAAA,MACH;AAAA,IACF,GAAG,CAACtB,CAAI,CAAC,GAKTgC,EAAU,MAAM;AACd,YAAMV,IAAOP,EAAQ;AACrB,UAAI,CAACf,KAAQ,CAACsB,EAAM;AACpB,YAAMY,IAAY,CAACC,MAAyB;AAC1C,QAAIA,EAAM,QAAQ,aAElBA,EAAM,gBAAA,GAGF,EAAAA,EAAM,oBAAoBb,EAAK,cAAchC,EAAU,OAC3D6C,EAAM,eAAA,GACNjB,EAAU,QAAA;AAAA,MACZ;AACA,aAAAI,EAAK,iBAAiB,WAAWY,CAAS,GACnC,MAAMZ,EAAK,oBAAoB,WAAWY,CAAS;AAAA,IAC5D,GAAG,CAAClC,GAAMa,EAAS,OAAO,CAAC,GAEtBA,EAAS,UAGZ,gBAAAuB;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGxC;AAAA,QACJ,KAAKwB;AAAA,QACL,UAAU;AAAA,QACV,mBAAiBT;AAAA,QACjB,eAAamB,KAAW;AAAA,QACxB,kBAAe;AAAA,QACf,iBAAejB,EAAS;AAAA,QACxB,WAAW,CAACzB,EAAA,GAAmBM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAElE,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACuC;AAAA,YAAA;AAAA,cACC,MAAAjC;AAAA,cACA,OAAAF;AAAA,cACA,WAAAS;AAAA,cACA,cAAAN;AAAA,cACA,QAAM;AAAA,cACN,SAAO;AAAA,cACP,SACE,gBAAA+B,EAAAE,GAAA,EACE,UAAA;AAAA,gBAAA,gBAAAxC;AAAA,kBAACyC;AAAA,kBAAA;AAAA,oBACC,MAAM,gBAAAzC,EAAC0C,GAAA,EAAU,eAAY,OAAA,CAAO;AAAA,oBACpC,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,eAAa;AAAA,oBACb,cAAYrC;AAAA,oBACZ,SAASA;AAAA,oBACT,2BAAwB;AAAA,oBACxB,SAASF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEVK;AAAA,cAAA,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAIJ,gBAAAR;AAAA,YAAC2C;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,mBAAiB9B;AAAA,cACjB,WAAU;AAAA,cAEV,4BAAC,OAAA,EAAI,2BAAwB,IAAG,WAAWtB,EAAA,GACxC,UAAAM,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDY,IACC,gBAAAT;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,6BAA0B;AAAA,cAC1B,WAAWP,GAAe,EAAE,OAAOiB,GAAa;AAAA,cAE/C,UAAAD;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAtDsB;AAAA,EAyDhC;AACF;AACAR,EAAiB,cAAc;AAExB,MAAM2C,KAAe,OAAO,OAAO3C,GAAkB;AAAA,EAC1D,MAAMP;AACR,CAAC;"}

package/dist/_chunks/{patient-details-BjqKBY2x.js → patient-details-BNDS69Zx.js}

@@ -5,10 +5,10 @@ import { useTranslation as A } from "react-i18next";
 import { A as ee } from "./avatar-WZY3eGE7.js";
 import { C as f } from "./card-BA4Ig_kn.js";
 import { C as ie, b as te, a as se } from "./collapsible-DVPM46bq.js";
-import { D as ae } from "./description-list-CFEw__MT.js";
-import { P as de } from "./panel-header-D_mTdhUp.js";
+import { D as ae } from "./description-list-Q8640NHu.js";
+import { P as de } from "./panel-header-BJkaUwnl.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-BiI0BPPK.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BLBi-PjO.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-BjqKBY2x.js.map
+//# sourceMappingURL=patient-details-BNDS69Zx.js.map

package/dist/_chunks/{patient-details-BjqKBY2x.js.map → patient-details-BNDS69Zx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"patient-details-BjqKBY2x.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('ui');\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('ui');\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":";;;;;;;;;;;;AAoBO,MAAMA,KAA0D;AAAA,EACrE,IAAI;AAAA;AAAA;AAAA;AAAA,EAIJ,cAAc,CAAC,eAAe,WAAW;AAAA,EACzC,OAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,qBAAA;AAAA,IAAqB;AAAA,IAEhD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,aAAA;AAAA,IAAa;AAAA,EACxC;AAAA,EAEF,SAAS;AAAA,IACP,oBAAoB;AAAA,MAClB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,UAAU,EAAE,MAAM,SAAS,OAAO,EAAE,MAAM,WAAS;AAAA,QAAE;AAAA,QAEvD,UAAU,CAAC,UAAU;AAAA,MAAA;AAAA,MAEvB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,UAAU,CAAC,YAAY,aAAa,SAAS,OAAO,EAAA;AAAA,UAC5D,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACA,GAAQC,MAAiC;AAChD,QAAAD,EAAO,iBAAiBC,EAAK,QAAQ;AAAA,MACvC;AAAA,IAAA;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,YAAY,EAAE,MAAM,SAAS,OAAO,EAAE,MAAM,WAAS;AAAA,QAAE;AAAA,QAEzD,UAAU,CAAC,YAAY;AAAA,MAAA;AAAA,MAEzB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACD,GAAQC,MAAmC;AAClD,QAAAD,EAAO,cAAcC,EAAK,UAAU;AAAA,MACtC;AAAA,IAAA;AAAA,IAEF,cAAc;AAAA;AAAA;AAAA,MAGZ,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS,EAAE,MAAM,SAAA;AAAA,UACjB,OAAO,CAAA;AAAA,QAAC;AAAA,QAEV,UAAU,CAAC,WAAW,OAAO;AAAA,MAAA;AAAA,MAE/B,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAAC,mBAAmB,qBAAqB,mBAAmB;AAAA,MACpE,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,SAAS,OAAO,OAAO,YAAA;AAAA,UAC/B,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACD,GAAQC,MACfD,EAAO,YAAYC,EAAK,SAASA,EAAK,KAAK;AAAA,IAAA;AAAA,EAC/C;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCxEMC,IAAeC;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,SAAS;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAKMC,IAAeD,EAAI,kDAAkD;AAAA,EACzE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAoIYE,KAAiBC;AAAA,EAC5B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,cAAcC;AAAA,IACd,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAYC,EAAA,GAMZ;AAAA,MACJ,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,OAAOC;AAAA,IAAA,IACLC,GAA0BhC,GAAU;AAAA,MACtC,OAAOO;AAAA,MACP,cAAcC;AAAA,MACd,UAAUC;AAAA,IAAA,CACX,GAIKjB,IAASyC;AAAA,MACb,OAAO;AAAA,QACL,sBAAsB,MAAMR;AAAA,QAC5B,cAAc,MAAMb;AAAA,QACpB,kBAAkB,CAACsB,MAAaP,EAASO,CAAQ;AAAA,QACjD,eAAe,CAACC,MAAeR,EAASQ,CAAU;AAAA,QAClD,aAAa,CAACC,GAASC,MAChBhC,IAKEA,EAAY+B,GAASC,CAAK,IAJxB,QAAQ;AAAA,UACb,IAAI,MAAM,kDAAkD;AAAA,QAAA;AAAA,MAIlE;AAAA,MAEF,CAACZ,GAASb,GAAWe,GAAUtB,CAAW;AAAA,IAAA;AAE5C,IAAAiC,GAAqB/C,IAAqBC,GAAQqB,CAAE;AAIpD,UAAM0B,IACJvB,KACAK,EAAE,8BAA8B;AAAA,MAC9B,cAAc;AAAA,IAAA,CACf,GACGmB,IAAoBvB,KAAasB,GAMjCE,KACJxC,KAAA,gBAAAA,EAAQ,UAAS,OAAOF,KAAU,WAAWA,IAAQ,SACjD2C,IAAa,GAAQzC,KAAA,QAAAA,EAAQ,OAAOwC,IAIpCE,IAAajB,EAAa,KAAK,CAACkB,MAAQnB,EAAQ,SAASmB,CAAG,CAAC;AAEnE,QAAIlC;AACF,aACE,gBAAAmC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAzB;AAAA,UACA,kBAAe;AAAA,UACf,qBAAmBP;AAAA,UACnB,mBAAiBD;AAAA,UACjB,cAAY4B;AAAA,UACZ,aAAU;AAAA,UACV,WAAW9C,EAAa,EAAE,WAAAwB,GAAW;AAAA,UACpC,GAAGC;AAAA,UAEJ,4BAAC,OAAA,EAAI,WAAWvB,KACd,UAAA,gBAAAiD,EAACC,MAAuB,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAKN,UAAMC,IAAU/C,EAAS,WAAW,KAAK,CAAC2C,GAKpCK,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAU,qDACZ,UAAA;AAAA,MAAAP,IACC,gBAAAG;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAMT;AAAA,UACN,KAAKxC,KAAA,gBAAAA,EAAQ;AAAA,UACb,WAAU;AAAA,QAAA;AAAA,MAAA,IAEV;AAAA,MACJ,gBAAAgD,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,QAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,4DACX,UAAA9C,GACH;AAAA,QAGCG,IACC,gBAAA2C,EAAC,OAAA,EAAI,WAAU,mEACZ,aACH,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA,GACF;AAGF,WACE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA7B;AAAA,QACA,kBAAe;AAAA,QACf,qBAAmBP;AAAA,QACnB,mBAAiBD;AAAA,QACjB,mBAAiBK,IAAY,SAAYM;AAAA,QACzC,cAAYN,KAAa;AAAA,QACzB,WAAWvB,EAAa,EAAE,WAAAwB,GAAW;AAAA,QACpC,GAAGC;AAAA,QAKJ,UAAA;AAAA,UAAA,gBAAA0B;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,OAAOZ;AAAA,cACP,MAAM,gBAAAM,EAACO,IAAA,EAAc,eAAY,OAAA,CAAO;AAAA,cACxC,WAAA7B;AAAA,cACA,QAAM;AAAA,cACN,SAAO;AAAA,cACP,SACE,gBAAAsB;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,UAAArD;AAAA,kBACA,SAAAyB;AAAA,kBACA,eAAeG;AAAA,kBACf,iBAAiBC;AAAA,kBACjB,iBAAiBC;AAAA,kBACjB,SAASC;AAAA,kBACT,OAAOhB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACT;AAAA,UAAA;AAAA,UAIJ,gBAAAkC,EAAC,OAAA,EAAI,WAAWrD,EAAA,GAGb,UAAA;AAAA,YAAAO,IACC,gBAAA0C,EAACS,GAAA,EAAK,SAAQ,YACZ,UAAA,gBAAAT,EAACS,EAAK,MAAL,EAAW,UAAAN,EAAA,CAAc,EAAA,CAC5B,IAEAA;AAAA,YAIDD,IACC,gBAAAF,EAAC,KAAA,EAAE,WAAU,+DACV,UAAAlC,KACCU,EAAE,wBAAwB;AAAA,cACxB,cAAc;AAAA,YAAA,CACf,GACL,IAEAkC,GAAqBvD,GAAUyB,CAAO,EAInC,OAAO,CAAC,EAAE,QAAA+B,QAAaA,EAAO,SAAS,CAAC,EACxC,IAAI,CAAC,EAAE,SAAAC,GAAS,QAAAD,QAAa;AAC5B,oBAAME,IACJ,gBAAAb;AAAA,gBAACc;AAAA,gBAAA;AAAA,kBACC,SAAAF;AAAA,kBACA,QAAAD;AAAA,kBACA,UAAApD;AAAA,kBACA,aAAAC;AAAA,kBACA,UAAAC;AAAA,kBACA,QAAAQ;AAAA,gBAAA;AAAA,cAAA;AAGJ,qBAAOX,IACL,gBAAA0C,EAACS,GAAA,EAAsB,SAAQ,YAC7B,UAAA,gBAAAT,EAACS,EAAK,MAAL,EAAW,UAAAI,EAAA,CAAM,KADTD,EAAQ,EAEnB,sBAECG,GAAA,EAA2B,UAAAF,KAAbD,EAAQ,EAAW;AAAA,YAEtC,CAAC;AAAA,UAAA,EAAA,CAEP;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA5D,GAAe,cAAc;AAM7B,SAAS8D,GAAa;AAAA,EACpB,SAAAF;AAAA,EACA,QAAAD;AAAA,EACA,UAAApD;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAQ;AACF,GAOc;AACZ,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAYC,EAAA,GACZqC,IAAcJ,EAAQ,eAAe,IAIrCK,IACJN,EAAO,WAAW,sBACf,KAAA,EAAE,WAAU,+DACV,UAAAnC,EAAE,gCAAgC;AAAA,IACjC,cAAc;AAAA,EAAA,CACf,GACH,IAEA,gBAAAwB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,SAAQ;AAAA,MAER,WAAU;AAAA,MAET,UAAAP,EAAO,IAAI,CAACQ,MACX,gBAAAnB;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEC,OAAAD;AAAA,UAIA,MAAMA,EAAM,QAAQ;AAAA,UACpB,UAAA5D;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,QAAAQ;AAAA,QAAA;AAAA,QATKkD,EAAM;AAAA,MAAA,CAWd;AAAA,IAAA;AAAA,EAAA;AAIP,SAAKH,IAkBH,gBAAAZ;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,aAAaT,EAAQ,eAAe;AAAA,MACpC,SAAQ;AAAA,MACR,WAAU;AAAA,MAKV,UAAA;AAAA,QAAA,gBAAAZ,EAAC,QAAG,WAAU,UACZ,UAAA,gBAAAA,EAACsB,IAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAtB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAItB;AAAA,YACJ,WAAU;AAAA,YAET,UAAAkC,EAAQ;AAAA,UAAA;AAAA,QAAA,GAEb,EAAA,CACF;AAAA,QACA,gBAAAZ,EAACuB,IAAA,EAAmB,mBAAiB7C,GAClC,UAAAuC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IArCA,gBAAAb;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAiB1B;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAsB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAItB;AAAA,YACJ,WAAU;AAAA,YAET,UAAAkC,EAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEVK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AA8BT;AAMA,SAAShB,KAAoC;AAC3C,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,MAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,oEAAA,CAAoE;AAAA,MACpF,gBAAAA,EAAC,QAAA,EAAK,WAAU,2EAAA,CAA2E;AAAA,IAAA,GAC7F;AAAA,IACC,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,MAAA;AAAA,MADL;AAAA,IAAA,CAGR;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"patient-details-BNDS69Zx.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('ui');\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('ui');\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-BiI0BPPK.js → patient-field-row-BLBi-PjO.js}

@@ -3,14 +3,14 @@ import { u as Z } from "./use-controllable-state-BiY4xTzM.js";
 import { jsxs as N, jsx as t, Fragment as G } from "react/jsx-runtime";
 import { useTranslation as A } from "react-i18next";
 import { B as ee } from "./button-D-MQxsA_.js";
-import { I } from "./icon-button-dNE6ENLn.js";
-import { C as R } from "./checkbox--ndmyokr.js";
-import { P as O } from "./popover-DQr_tljb.js";
+import { I } from "./icon-button-C_1TgRiK.js";
+import { C as R } from "./checkbox-BjDv-r3o.js";
+import { P as O } from "./popover-4ZVtH_At.js";
 import { S as te } from "./separator-CYU_bGFn.js";
 import { S as ae } from "./settings-d25ju_6L.js";
 import { G as se } from "./grip-vertical-onSb1JXO.js";
-import { D as $ } from "./description-list-CFEw__MT.js";
-import { B as j } from "./badge-hnBt8o7n.js";
+import { D as $ } from "./description-list-Q8640NHu.js";
+import { B as j } from "./badge-BUk4RjTS.js";
 import { L as re } from "./link-gRw3NtOt.js";
 import { T as ne } from "./transaction-chip-CohY6sTA.js";
 import { H as ie } from "./hash-CSQ9SChR.js";
@@ -21,7 +21,7 @@ import { C as ce } from "./city-input-3J3bz9EO.js";
 import { C as de } from "./country-select-DF5Bd_mn.js";
 import { D as ue } from "./date-picker-BSZuKo13.js";
 import { E as me } from "./email-input-C7THAwh2.js";
-import { F as pe } from "./fiscal-code-input-BSWwda0C.js";
+import { F as pe } from "./fiscal-code-input-DwHb2nVW.js";
 import { N as fe } from "./number-input-CVwI1ltI.js";
 import { P as ge } from "./phone-input-O9camxkq.js";
 import { P as he } from "./postal-code-input-CfZOnIkW.js";
@@ -826,4 +826,4 @@ export {
   Dt as r,
   St as u
 };
-//# sourceMappingURL=patient-field-row-BiI0BPPK.js.map
+//# sourceMappingURL=patient-field-row-BLBi-PjO.js.map