@alfadocs/ui-kit-debug 1.36.0 → 1.37.0

package/dist/_chunks/notes-panel-4y5JioWN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notes-panel-4y5JioWN.js","sources":["../../src/components/_shared/get-error-message.ts","../../src/components/notes-panel/notes-panel.agent.ts","../../src/components/notes-panel/notes-panel.tsx"],"sourcesContent":["/** Read host error messages without relying on the host's JavaScript realm. */\nexport function getErrorMessage(error: unknown, fallback: string): string {\n  if (\n    typeof error === 'object' &&\n    error !== null &&\n    'message' in error &&\n    typeof error.message === 'string' &&\n    error.message.trim()\n  ) {\n    return error.message;\n  }\n  return fallback;\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — NotesPanel.                                            */\n/*                                                                        */\n/* The Notes tool: a composer over a note timeline. The agent reads the   */\n/* timeline STRUCTURE (note ids + pinned / flagged / clinical flags —     */\n/* never the note body or author, both PHI), composes and commits a new   */\n/* note, and toggles a note's pinned / flagged state. `add_note` carries  */\n/* the `phi` safety class: a note body is patient-identifiable clinical   */\n/* content, so the host gates it behind the same confirm-before-act as a  */\n/* destructive write and never auto-confirms. A clinical submission also  */\n/* requires the host's `practice_add_clinical_note` permission (the       */\n/* handle drops it when the gate is closed). Host-owned per-note          */\n/* `noteActions` (edit, delete…) sit outside this handle — an agent       */\n/* reaches them through the host's own adapters.                          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotesPanelHandle } from './notes-panel';\n\nexport const notesPanelAgent: AgentAdapter<NotesPanelHandle> = {\n  id: 'notes-panel',\n  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles\n  // with no dedicated capability in the closed vocabulary.\n  capabilities: ['submit'],\n  state: {\n    notes: {\n      type: 'Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>',\n      descriptionKey: 'ui.agent.notesPanel.state.notes',\n      description:\n        'Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).',\n      read: (handle) => handle.getNotes(),\n    },\n    canAddClinical: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notesPanel.state.canAddClinical',\n      description:\n        'Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).',\n      read: (handle) => handle.canAddClinical(),\n    },\n    currentNoteId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.notesPanel.state.currentNoteId',\n      description:\n        'Id of the note the host has addressed — the one marked, scrolled to and focused. Null when none is. An id only, never note content.',\n      read: (handle) => handle.getCurrentNoteId(),\n    },\n  },\n  actions: {\n    add_note: {\n      // Writes a clinical/admin note body — patient-identifiable content. PHI.\n      safety: 'phi',\n      argsType: '{ content: string; clinical: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          content: {\n            type: 'string',\n            description:\n              'Note body. Rich HTML for the rich composer, else plain text.',\n          },\n          clinical: {\n            type: 'boolean',\n            description:\n              'Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed.',\n          },\n        },\n        required: ['content', 'clinical'],\n      },\n      openWorld: true,\n      descriptionKey: 'ui.agent.notesPanel.actions.addNote',\n      description:\n        'Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).',\n      examples: [\n        {\n          args: { content: 'Patient reported improvement.', clinical: true },\n          note: 'Add a clinical note.',\n        },\n      ],\n      invoke: (handle, args: { content: string; clinical: boolean }) => {\n        return handle.addNote(args);\n      },\n    },\n    toggle_pin: {\n      // Re-orders the timeline (pinned notes lead) — reversible view write.\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.notesPanel.actions.togglePin',\n      description:\n        'Toggle the pinned state of the note with the given id. Refused for a deleted note or one whose actions.pin is false.',\n      invoke: (handle, args: { id: string }) => {\n        handle.togglePin(args.id);\n      },\n    },\n    toggle_flag: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.notesPanel.actions.toggleFlag',\n      description: 'Toggle the flagged state of the note with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.toggleFlag(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notes-panel',\n      description: 'Marks the NotesPanel region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific notes panel from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { getErrorMessage } from '../_shared/get-error-message';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notesPanelAgent } from './notes-panel.agent';\nimport { ClinicalNoteCard } from '../clinical-note-card';\nimport type { ClinicalNoteCardProps } from '../clinical-note-card';\nimport { RichTextEditor } from '../rich-text-editor';\nimport type {\n  RichTextEditorHandle,\n  RichTextEditorProps,\n  RichTextEditorToolbar,\n  RedactorFactory,\n} from '../rich-text-editor';\nimport { TextArea } from '../text-area';\nimport { Alert } from '../alert';\nimport { Button, IconButton } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Spinner } from '../spinner';\nimport { Dialog } from '../dialog';\nimport { NotebookPen, Pencil, Trash2 } from 'lucide-react';\nimport { PanelHeader } from '../panel-header';\nimport { REFLOW_ROW_CLASS, useListReflow } from '../../hooks/use-list-reflow';\nimport { useExitTransition } from '../../hooks/use-exit-transition';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* NotesPanel — the Notes tool for the Control Room rail.              */\n/*                                                                    */\n/* A composer over an elevated ClinicalNoteCard timeline. Drops       */\n/* into a ControlRoomRail tool `panel`, the patient profile, or the   */\n/* care-plan editor — anywhere notes about the open entity belong.    */\n/* The composer is the kit RichTextEditor by default (degrades to a   */\n/* textarea where Redactor is absent), carries a permission-gated     */\n/* \"clinical note\" toggle, and forwards the editor's AI affordances.  */\n/* The note attaches to whatever entity the host is showing — the     */\n/* host owns the attachment; the panel only emits content + clinical. */\n/* Pinned notes lead; pin / flag are inline per-note toggles.         */\n/* ------------------------------------------------------------------ */\n\n/**\n * One note in the panel — the data subset of `ClinicalNoteCard`.\n *\n * `aria-label` names the card for assistive tech. Set it whenever a row is not\n * a clinical note: the card's fallback name is \"Clinical note\", so an entry\n * that is something else (a dated event, an import) is announced as one.\n */\nexport type NotesPanelNote = Pick<\n  ClinicalNoteCardProps,\n  | 'id'\n  | 'dateIso'\n  | 'createdAtIso'\n  | 'author'\n  | 'clinical'\n  | 'attachedTo'\n  | 'content'\n  | 'contentFormat'\n  | 'pinned'\n  | 'flagged'\n  | 'aria-label'\n  | 'deleted'\n  | 'operatorName'\n> & {\n  /** What the host lets the reader do with this note. */\n  actions?: NotesPanelNoteActions;\n};\n\n/** Per-note write permissions; an absent key means allowed. The panel hides\n *  the pin toggle on `pin: false` and on a deleted note. */\nexport type NotesPanelNoteActions = {\n  edit?: boolean;\n  delete?: boolean;\n  pin?: boolean;\n};\n\n/**\n * Curated agent handle for NotesPanel. Reads the note timeline's STRUCTURE\n * (ids + pinned / flagged / clinical flags — never the note body or author,\n * both PHI) and drives the composer + per-note toggles. See\n * `notes-panel.agent.ts`.\n */\nexport interface NotesPanelHandle {\n  /** Timeline snapshot — ids + flags only, never note content (PHI). */\n  getNotes: () => Array<{\n    id?: string;\n    pinned: boolean;\n    flagged: boolean;\n    clinical: boolean;\n  }>;\n  /** Whether the composer is mounted (onAddNote is wired). */\n  canAddNote: () => boolean;\n  /** Whether clinical notes may be written (the permission gate). */\n  canAddClinical: () => boolean;\n  /** Id of the note the host has addressed, or null when none is. */\n  getCurrentNoteId: () => string | null;\n  /** Commit a new note with explicit content (mirrors the composer's submit). */\n  addNote: (submission: NotesPanelSubmission) => void | Promise<void>;\n  /** Toggle a note's pinned state (mirrors onTogglePin, with its gate). */\n  togglePin: (id: string) => void;\n  /** Toggle a note's flagged state (mirrors onToggleFlag). */\n  toggleFlag: (id: string) => void;\n}\n\n/** Payload handed to `onAddNote` when the composer commits. */\nexport interface NotesPanelSubmission {\n  /** The note body — rich HTML (`composer='rich'`) or plain text. */\n  content: string;\n  /** Whether the \"clinical note\" toggle was set. */\n  clinical: boolean;\n}\n\nexport interface NotesPanelProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific notes panel.\n   */\n  id?: string;\n  /** Notes to render, newest-first by convention. Pinned notes lead. */\n  notes: NotesPanelNote[];\n  /**\n   * Commit a new note. Omit to hide the composer (read-only timeline). Return\n   * a promise to keep the draft until the host has saved it: the draft clears\n   * when it resolves, and a rejection keeps it and shows the error's message.\n   */\n  onAddNote?: (submission: NotesPanelSubmission) => void | Promise<void>;\n  /** The host's notes read. `'loading'` and `'error'` never show the empty\n   *  text; notes already held still render. Default `'ready'`. */\n  status?: 'ready' | 'loading' | 'error';\n  /** Retry a failed read. Renders a retry button in the error state. */\n  onRetry?: () => void;\n  /**\n   * The note the reader ASKED for, addressed by id from somewhere else in the\n   * record — a marker in a chart, a row in a grid, an agent. The panel marks\n   * it, scrolls it to the middle of its own scroll region and moves focus to\n   * it, and renders it unclamped so the thing that was asked for is readable\n   * in full without a second click.\n   *\n   * Opening a panel is not the same as answering a question: a rail's\n   * `setActiveTool` moves no focus and announces nothing, so a control whose\n   * name promises \"in the notes panel\" produces no perceivable change for a\n   * keyboard or screen-reader reader unless the panel lands them on the note.\n   * That is what this prop is for; without it, a host has to reach into the\n   * panel's DOM to do the same job.\n   *\n   * Marked on three channels, never colour alone (WCAG 1.4.1): a solid\n   * inline-start bar the other notes do not have, a tinted gutter, and\n   * `aria-current` plus a visually-hidden sentence naming the mark.\n   *\n   * Ids that match no note are ignored. To address the SAME note twice — the\n   * reader pressing the same marker again after scrolling away — bump\n   * `currentNoteKey` alongside it; this prop alone is a value, not a request.\n   */\n  currentNoteId?: string;\n  /**\n   * Bump on every address to re-scroll and re-focus the note in `currentNoteId`\n   * even when the id has not changed.\n   *\n   * Addressing is a request, not a value: a reader who presses the same marker\n   * a second time (having scrolled away, or having moved focus off the note) is\n   * asking to be taken back, and a control whose name promises the notes panel\n   * must do something perceivable every time it is pressed. Without this the\n   * second press is inert — the panel is already showing that note, so nothing\n   * re-runs. Hosts increment a counter in the same handler that opens the tool.\n   */\n  currentNoteKey?: string | number;\n\n  /* ----- Composer ----- */\n  /**\n   * `'rich'` (default) mounts the kit `RichTextEditor` (Redactor; degrades to a\n   * textarea where Redactor is absent). `'plain'` keeps a simple `TextArea` for\n   * lightweight surfaces / deterministic tests.\n   */\n  composer?: 'rich' | 'plain';\n  /** Toolbar preset for the rich composer. Defaults to `'standard'`. */\n  editorToolbar?: RichTextEditorToolbar;\n  /** Inject the Redactor factory for the rich composer (else `window.$R`). */\n  redactor?: RedactorFactory;\n  /** Consumer image-upload endpoint for the rich composer. */\n  imageUploadUrl?: string;\n\n  /* ----- Clinical flag (permission-gated) ----- */\n  /** Show the \"clinical note\" toggle in the composer. Default `true`. */\n  showClinicalToggle?: boolean;\n  /**\n   * Permission gate — when `false` the clinical toggle is disabled and shows\n   * `clinicalGatedReason` on hover/focus. Mirrors platform's\n   * `practice_add_clinical_note` permission. Default `true`.\n   */\n  canAddClinicalNote?: boolean;\n  /** Tooltip shown when the clinical toggle is gated off. */\n  clinicalGatedReason?: string;\n  /** Initial state of the clinical toggle. Default `false`. */\n  defaultClinical?: boolean;\n\n  /* ----- AI assistance (forwarded to RichTextEditor) ----- */\n  onRequestAiDraft?: RichTextEditorProps['onRequestAiDraft'];\n  aiDraftFormat?: RichTextEditorProps['aiDraftFormat'];\n  aiPrivacyNotice?: RichTextEditorProps['aiPrivacyNotice'];\n  onDictate?: RichTextEditorProps['onDictate'];\n  onProofread?: RichTextEditorProps['onProofread'];\n  onAutoFormat?: RichTextEditorProps['onAutoFormat'];\n\n  /* ----- Per-note actions ----- */\n  /** Toggle a note's pinned state — renders an inline pin button per note. */\n  onTogglePin?: (id: string) => void;\n  /** Toggle a note's flagged state — renders an inline flag button per note. */\n  onToggleFlag?: (id: string) => void;\n  /**\n   * Host-owned actions for each note (edit, delete, share…), rendered by\n   * the note card beside its pin and flag,\n   * aligned to the inline end. The host supplies labelled controls and owns\n   * what they do — the panel stays a timeline and never edits a note itself.\n   */\n  noteActions?: (note: NotesPanelNote) => ReactNode;\n  /**\n   * Save an edit to an existing note. When provided, each note the reader may\n   * edit gets a pencil; it loads the note into the SAME composer that writes\n   * new notes, in place, so a rich note is edited as rich text and keeps its\n   * formatting. Return a promise to hold the pending state; a rejection keeps\n   * the draft. Hidden on `actions.edit: false` and on a deleted note.\n   */\n  onEditNote?: (\n    id: string,\n    submission: NotesPanelSubmission,\n  ) => void | Promise<void>;\n  /**\n   * Let an edit change a note's clinical flag. Default `false`: the \"Clinical\n   * note\" toggle is hidden while editing and the submission carries the\n   * note's existing flag. Most hosts save a note's content only, and a live\n   * toggle that changes nothing is a lie. Set `true` only when the host\n   * persists `submission.clinical` on edit.\n   */\n  editClinical?: boolean;\n  /**\n   * Request the host to delete a note. When provided, the panel holds the\n   * row on screen long enough to fade it out before calling this, so the\n   * removal reads as a removal rather than a vanish. Omit to let the host\n   * own the timing entirely (the reflow animation still closes the gap).\n   */\n  onDeleteNote?: (id: string) => void;\n  /**\n   * Show a confirmation dialog before calling `onDeleteNote`. When `true`\n   * (the default when `onDeleteNote` is provided), the built-in delete\n   * button opens an alert dialog first; the exit fade only starts after\n   * the user confirms. Pass `false` to delete immediately on click.\n   */\n  confirmDelete?: boolean;\n\n  /* ----- Labels / chrome ----- */\n  /** Panel heading. Defaults to the localised \"Notes\". */\n  title?: string;\n  /** Composer placeholder. */\n  composerPlaceholder?: string;\n  /** Save-button label. */\n  addNoteLabel?: string;\n  /** Rendered when there are no notes. */\n  emptyState?: ReactNode;\n  /** Accessible name for the panel region (defaults to `title`). */\n  'aria-label'?: string;\n}\n\n/* The timeline row. The addressed note wears a solid inline-start bar the\n   others do not — a shape channel, so the mark is not colour alone. Every row\n   reserves the bar's width in `transparent`, so marking one shifts nothing. */\nconst noteItemVariants = cva(\n  'ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]',\n  {\n    variants: {\n      current: {\n        true: 'ds:border-[color:var(--info)] ds:bg-[color:var(--info)]/10 ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)] ds:focus:outline-offset-[length:var(--focus-ring-offset)]',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { current: false },\n  },\n);\n\n/* A row on its way out fades in place; the reflow hook then slides the\n   rows below up to close the gap. Declared at rest so the transition has\n   a value to animate from the moment the leaving class lands. */\nconst noteLeavingClass = 'ds:opacity-0';\nconst noteElevationClass = [\n  'ds:transition-opacity ds:duration-[var(--animation-duration)]',\n  'ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none',\n].join(' ');\n\n/** Strip tags / entities to test whether a rich draft holds real content. */\nfunction hasRichContent(html: string): boolean {\n  if (!html) return false;\n  if (/<img\\b/i.test(html)) return true;\n  return (\n    html\n      .replace(/<[^>]*>/g, '')\n      .replace(/&nbsp;/gi, ' ')\n      .trim().length > 0\n  );\n}\n\nexport const NotesPanel = forwardRef<HTMLElement, NotesPanelProps>(\n  function NotesPanel(\n    {\n      id,\n      notes,\n      onAddNote,\n      status = 'ready',\n      onRetry,\n      currentNoteId,\n      currentNoteKey,\n      composer = 'rich',\n      editorToolbar = 'standard',\n      redactor,\n      imageUploadUrl,\n      showClinicalToggle = true,\n      canAddClinicalNote = true,\n      clinicalGatedReason,\n      defaultClinical = false,\n      onRequestAiDraft,\n      aiDraftFormat,\n      aiPrivacyNotice,\n      onDictate,\n      onProofread,\n      onAutoFormat,\n      onTogglePin,\n      onToggleFlag,\n      noteActions,\n      onEditNote,\n      editClinical = false,\n      onDeleteNote,\n      confirmDelete = true,\n      title,\n      composerPlaceholder,\n      addNoteLabel,\n      emptyState,\n      className,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation();\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [draft, setDraft] = useState('');\n    const [clinical, setClinical] = useState(defaultClinical);\n    const [pending, setPending] = useState(false);\n    const [addError, setAddError] = useState<string | null>(null);\n    // The note loaded into the composer for editing, or null when composing.\n    const [editingId, setEditingId] = useState<string | null>(null);\n\n    const heading = title ?? t('notesPanel.title', { defaultValue: 'Notes' });\n    const headingId = useId();\n    const placeholder =\n      composerPlaceholder ??\n      t('notesPanel.placeholder', { defaultValue: 'Add a note…' });\n    const composerLabel =\n      editingId !== null\n        ? t('notesPanel.edit', { defaultValue: 'Edit note' })\n        : t('notesPanel.composerLabel', { defaultValue: 'New note' });\n\n    // Live content check: plain reads the draft directly; rich strips the draft\n    // (debounced) for the disabled state but commits from the editor handle.\n    const hasContent =\n      composer === 'rich' ? hasRichContent(draft) : draft.trim().length > 0;\n\n    const commit = useCallback(() => {\n      const save = editingId !== null ? onEditNote : onAddNote;\n      if (!save || pending) return;\n      const rich = composer === 'rich';\n      const content = rich\n        ? (editorRef.current?.getHTML() ?? draft)\n        : draft.trim();\n      if (rich ? !hasRichContent(content) : !content) return;\n      const reset = () => {\n        if (rich) editorRef.current?.clear();\n        setDraft('');\n        setClinical(defaultClinical);\n        setEditingId(null);\n      };\n      setAddError(null);\n      let result: void | Promise<void>;\n      try {\n        result =\n          editingId !== null && onEditNote\n            ? onEditNote(editingId, { content, clinical })\n            : onAddNote?.({ content, clinical });\n      } catch (error: unknown) {\n        setAddError(getErrorMessage(error, t('notesPanel.addFailed')));\n        return;\n      }\n      if (!result || typeof result.then !== 'function') return reset();\n      // A failed save keeps the draft, so nothing typed is lost.\n      setPending(true);\n      Promise.resolve(result)\n        .then(reset, (error: unknown) =>\n          setAddError(getErrorMessage(error, t('notesPanel.addFailed'))),\n        )\n        .finally(() => setPending(false));\n    }, [\n      composer,\n      draft,\n      clinical,\n      defaultClinical,\n      editingId,\n      onAddNote,\n      onEditNote,\n      pending,\n      t,\n    ]);\n\n    const clinicalToggleShown =\n      showClinicalToggle && (editingId === null || editClinical);\n\n    /* Every row carries the SAME action words, so each accessible name adds\n       the note's own date: otherwise a screen reader hears a list of\n       identical \"Edit note\" buttons. The tooltip keeps the short words. */\n    const noteStamp = useCallback(\n      (note: NotesPanelNote): string => {\n        try {\n          return new Intl.DateTimeFormat(i18n.language, {\n            day: 'numeric',\n            month: 'long',\n            year: 'numeric',\n            hour: '2-digit',\n            minute: '2-digit',\n          }).format(new Date(note.dateIso));\n        } catch {\n          return note.dateIso;\n        }\n      },\n      [i18n.language],\n    );\n\n    /* ----- Edit in place: the composer takes the note, and gives it back ----- */\n    const startEdit = useCallback(\n      (note: NotesPanelNote) => {\n        if (!note.id || pending) return;\n        const content = note.content ?? '';\n        setAddError(null);\n        setEditingId(note.id);\n        setClinical(note.clinical ?? false);\n        setDraft(content);\n        if (composer === 'rich') {\n          editorRef.current?.clear();\n          editorRef.current?.insertAtCursor(content, { asHtml: true });\n        }\n        editorRef.current?.focus();\n      },\n      [composer, pending],\n    );\n    const cancelEdit = useCallback(() => {\n      if (composer === 'rich') editorRef.current?.clear();\n      setDraft('');\n      setClinical(defaultClinical);\n      setAddError(null);\n      setEditingId(null);\n    }, [composer, defaultClinical]);\n    // The note being edited went away (deleted, or another patient's notes\n    // arrived): its draft must not be saved against whatever comes next.\n    const editingStillThere =\n      editingId === null ||\n      notes.some((note) => note.id === editingId && !note.deleted);\n    useEffect(() => {\n      if (!editingStillThere) cancelEdit();\n    }, [editingStillThere, cancelEdit]);\n\n    // Pinned notes lead; order within each group is preserved.\n    const ordered = [...notes].sort(\n      (a, b) => Number(b.pinned ?? false) - Number(a.pinned ?? false),\n    );\n\n    /* The accessible theme zeroes `--animation-duration`, so its CSS plays\n       nothing — the JS must agree, or a row would sit still for the delay\n       and then vanish anyway. `undefined` leaves the media query in charge. */\n    const { resolvedTheme } = useTheme();\n    const reduceMotion = resolvedTheme.endsWith('-accessible') || undefined;\n\n    /* Closing the gap a removed row leaves: the rows below slide up rather\n       than jumping, so the eye keeps its place in the list. Fires on add,\n       delete, and re-order (pinning) — any change to the visible id\n       sequence. */\n    const { containerRef: reflowRef } = useListReflow<HTMLUListElement>({\n      key: ordered.map((n) => n.id).join(),\n      reduceMotion,\n    });\n\n    /* A note leaving the list fades out before the host drops it, so the\n       removal reads as a removal rather than a vanish. The reflow hook\n       then slides the rows below up to close the gap. */\n    const deleteExit = useExitTransition({ reduceMotion });\n    const [pendingDelete, setPendingDelete] = useState<string | null>(null);\n    const handleDeleteNote = useCallback(\n      (noteId: string) => {\n        if (!onDeleteNote) return;\n        if (confirmDelete) {\n          setPendingDelete(noteId);\n        } else {\n          deleteExit.leave(noteId, () => onDeleteNote(noteId));\n        }\n      },\n      [confirmDelete, deleteExit, onDeleteNote],\n    );\n    const confirmDeleteNote = useCallback(() => {\n      if (!pendingDelete || !onDeleteNote) return;\n      const noteId = pendingDelete;\n      setPendingDelete(null);\n      deleteExit.leave(noteId, () => onDeleteNote(noteId));\n    }, [pendingDelete, onDeleteNote, deleteExit]);\n\n    /* ----- The addressed note (see `currentNoteId`) ----- */\n    const currentItemRef = useRef<HTMLLIElement>(null);\n    useEffect(() => {\n      if (!currentNoteId) return;\n      // `center`, not `nearest`: nearest parks the note flush against the edge\n      // of the scroll region, which is the least readable place to land.\n      currentItemRef.current?.scrollIntoView({ block: 'center' });\n      currentItemRef.current?.focus();\n      // `currentNoteKey` is in the deps so a REPEAT address of the same note\n      // re-runs — see the prop doc. Addressing is a request, not a value.\n    }, [currentNoteId, currentNoteKey]);\n\n    /* ----- Agent handle (structural reads + composer / toggles) ----- */\n    const notesRef = useRef(notes);\n    notesRef.current = notes;\n    const onAddNoteRef = useRef(onAddNote);\n    onAddNoteRef.current = onAddNote;\n    const onTogglePinRef = useRef(onTogglePin);\n    onTogglePinRef.current = onTogglePin;\n    const onToggleFlagRef = useRef(onToggleFlag);\n    onToggleFlagRef.current = onToggleFlag;\n    const canAddClinicalRef = useRef(canAddClinicalNote);\n    canAddClinicalRef.current = canAddClinicalNote;\n    const currentNoteIdRef = useRef(currentNoteId);\n    currentNoteIdRef.current = currentNoteId;\n\n    const rootRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n\n    const handle = useMemo<NotesPanelHandle>(\n      () => ({\n        // Ids + flags only — never the note body or author (both PHI).\n        getNotes: () =>\n          notesRef.current.map((n) => ({\n            id: n.id,\n            pinned: !!n.pinned,\n            flagged: !!n.flagged,\n            clinical: !!n.clinical,\n          })),\n        canAddNote: () => !!onAddNoteRef.current,\n        canAddClinical: () => canAddClinicalRef.current,\n        getCurrentNoteId: () => currentNoteIdRef.current ?? null,\n        addNote: (submission) => {\n          // A clinical submission requires the permission gate to be open.\n          if (submission.clinical && !canAddClinicalRef.current) return;\n          return onAddNoteRef.current?.(submission);\n        },\n        togglePin: (noteId) => {\n          const note = notesRef.current.find((n) => n.id === noteId);\n          if (note && (note.deleted || note.actions?.pin === false)) return;\n          onTogglePinRef.current?.(noteId);\n        },\n        toggleFlag: (noteId) => onToggleFlagRef.current?.(noteId),\n      }),\n      [],\n    );\n    useAgentRegistration(notesPanelAgent, handle, id);\n\n    return (\n      <section\n        ref={rootRef}\n        data-component=\"notes-panel\"\n        data-component-id={id}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        aria-label={ariaLabel}\n        className={['ds:flex ds:flex-col', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {/* Shared rail header — pins to the top of the panel's scroll region\n            while the composer + note timeline scroll beneath it. The rail\n            injects the favourite / close actions via PanelHeaderActionsProvider. */}\n        <PanelHeader\n          title={heading}\n          icon={<NotebookPen aria-hidden=\"true\" />}\n          headingId={ariaLabel ? undefined : headingId}\n          sticky\n          divider\n        />\n\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]\">\n          {onAddNote || editingId !== null ? (\n            <div\n              data-notes-panel-composer={editingId !== null ? 'edit' : 'add'}\n              className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n            >\n              {composer === 'rich' ? (\n                <RichTextEditor\n                  ref={editorRef}\n                  ariaLabel={composerLabel}\n                  placeholder={placeholder}\n                  toolbar={editorToolbar}\n                  minHeight=\"fill\"\n                  redactor={redactor}\n                  imageUploadUrl={imageUploadUrl}\n                  readOnly={pending}\n                  onChange={({ html }) => setDraft(html)}\n                  onRequestAiDraft={onRequestAiDraft}\n                  aiDraftFormat={aiDraftFormat}\n                  aiPrivacyNotice={aiPrivacyNotice}\n                  onDictate={onDictate}\n                  onProofread={onProofread}\n                  onAutoFormat={onAutoFormat}\n                />\n              ) : (\n                <TextArea\n                  value={draft}\n                  readOnly={pending}\n                  onChange={(event) => setDraft(event.target.value)}\n                  placeholder={placeholder}\n                  autoResize\n                  minRows={2}\n                  maxRows={6}\n                  aria-label={composerLabel}\n                />\n              )}\n              <div\n                className={[\n                  'ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n                  clinicalToggleShown ? 'ds:justify-between' : 'ds:justify-end',\n                ].join(' ')}\n              >\n                {clinicalToggleShown ? (\n                  <Checkbox\n                    size=\"sm\"\n                    label={t('notesPanel.clinicalToggle', {\n                      defaultValue: 'Clinical note',\n                    })}\n                    checked={clinical}\n                    onCheckedChange={(next) => setClinical(next === true)}\n                    disabled={pending || !canAddClinicalNote}\n                    disabledReason={\n                      canAddClinicalNote\n                        ? undefined\n                        : (clinicalGatedReason ??\n                          t('notesPanel.clinicalGated', {\n                            defaultValue:\n                              'You do not have permission to write clinical notes.',\n                          }))\n                    }\n                  />\n                ) : null}\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                  {editingId !== null ? (\n                    <Button\n                      type=\"button\"\n                      size=\"sm\"\n                      intent=\"ghost\"\n                      onClick={cancelEdit}\n                      disabled={pending}\n                    >\n                      {t('notesPanel.cancelEdit', { defaultValue: 'Cancel' })}\n                    </Button>\n                  ) : null}\n                  <Button\n                    type=\"button\"\n                    size=\"sm\"\n                    onClick={commit}\n                    disabled={!hasContent}\n                    loading={pending}\n                  >\n                    {editingId !== null\n                      ? t('notesPanel.saveEdit', { defaultValue: 'Save note' })\n                      : (addNoteLabel ??\n                        t('notesPanel.add', { defaultValue: 'Add note' }))}\n                  </Button>\n                </span>\n              </div>\n              {addError ? (\n                <Alert variant=\"error\">\n                  <Alert.Description>{addError}</Alert.Description>\n                </Alert>\n              ) : null}\n            </div>\n          ) : null}\n\n          {status === 'loading' ? (\n            <p className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]\">\n              <Spinner size=\"sm\" label={t('notesPanel.loading')} />\n              <span aria-hidden=\"true\">{t('notesPanel.loading')}</span>\n            </p>\n          ) : status === 'error' ? (\n            <Alert variant=\"error\">\n              <Alert.Description>{t('notesPanel.loadError')}</Alert.Description>\n              {onRetry ? (\n                <Alert.Action>\n                  <Button intent=\"secondary\" size=\"sm\" onClick={onRetry}>\n                    {t('notesPanel.retry')}\n                  </Button>\n                </Alert.Action>\n              ) : null}\n            </Alert>\n          ) : null}\n\n          {ordered.length > 0 ? (\n            <ul\n              ref={reflowRef}\n              className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0\"\n            >\n              {ordered.map(({ actions, ...note }, index) => {\n                const isCurrent =\n                  currentNoteId != null && note.id === currentNoteId;\n                const noteId = note.id as string | undefined;\n                const leaving = noteId != null && deleteExit.isLeaving(noteId);\n                return (\n                  <li\n                    key={note.id ?? index}\n                    ref={isCurrent ? currentItemRef : undefined}\n                    // Focus lands on the row, not inside the card, so the\n                    // sentence below and `aria-current` are read out before the\n                    // note — and the rail's own Escape still bubbles.\n                    tabIndex={isCurrent ? -1 : undefined}\n                    aria-current={isCurrent ? 'true' : undefined}\n                    data-reflow-id={noteId}\n                    data-leaving={leaving ? '' : undefined}\n                    data-editing={editingId === noteId ? '' : undefined}\n                    className={[\n                      noteItemVariants({\n                        current: isCurrent || editingId === noteId,\n                      }),\n                      noteElevationClass,\n                      REFLOW_ROW_CLASS,\n                      leaving ? noteLeavingClass : '',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    {isCurrent ? (\n                      <span className=\"ds:sr-only\">\n                        {t('notesPanel.current', {\n                          defaultValue: 'Current note',\n                        })}\n                      </span>\n                    ) : null}\n                    {/* Elevated card per note; the list gap (not a separator)\n                    spaces them. Bodies clamp to five lines with read-more —\n                    except the addressed one, which is what the reader came\n                    for and opens in full. */}\n                    <ClinicalNoteCard\n                      surface=\"elevated\"\n                      truncate={!isCurrent}\n                      headerActions={\n                        <>\n                          {noteActions\n                            ? noteActions({ ...note, actions })\n                            : null}\n                          {onEditNote &&\n                          noteId &&\n                          !note.deleted &&\n                          actions?.edit !== false ? (\n                            <IconButton\n                              icon={<Pencil />}\n                              intent=\"ghost\"\n                              size=\"sm\"\n                              aria-label={t('notesPanel.editNamed', {\n                                date: noteStamp(note),\n                                defaultValue: 'Edit note · {{date}}',\n                              })}\n                              tooltip={t('notesPanel.edit', {\n                                defaultValue: 'Edit note',\n                              })}\n                              aria-pressed={editingId === noteId}\n                              disabled={pending}\n                              data-notes-panel-edit=\"\"\n                              onClick={() =>\n                                editingId === noteId\n                                  ? cancelEdit()\n                                  : startEdit(note)\n                              }\n                            />\n                          ) : null}\n                          {onDeleteNote && noteId && !note.deleted ? (\n                            <IconButton\n                              icon={<Trash2 />}\n                              intent=\"ghost\"\n                              size=\"sm\"\n                              aria-label={t('notesPanel.deleteNamed', {\n                                date: noteStamp(note),\n                                defaultValue: 'Delete note · {{date}}',\n                              })}\n                              tooltip={t('notesPanel.delete', {\n                                defaultValue: 'Delete note',\n                              })}\n                              onClick={() => handleDeleteNote(noteId)}\n                            />\n                          ) : null}\n                        </>\n                      }\n                      {...note}\n                      onTogglePin={\n                        onTogglePin &&\n                        note.id &&\n                        actions?.pin !== false &&\n                        !note.deleted\n                          ? () => onTogglePin(note.id as string)\n                          : undefined\n                      }\n                      onToggleFlag={\n                        onToggleFlag && note.id\n                          ? () => onToggleFlag(note.id as string)\n                          : undefined\n                      }\n                    />\n                  </li>\n                );\n              })}\n            </ul>\n          ) : status !== 'ready' ? null : (\n            (emptyState ?? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('notesPanel.empty', { defaultValue: 'No notes yet.' })}\n              </p>\n            ))\n          )}\n        </div>\n\n        {onDeleteNote && confirmDelete ? (\n          <Dialog\n            open={pendingDelete !== null}\n            onOpenChange={(next) => !next && setPendingDelete(null)}\n          >\n            <Dialog.Content variant=\"alert\" size=\"sm\">\n              <Dialog.Header>\n                <Dialog.Title>\n                  {t('notesPanel.deleteConfirmTitle', {\n                    defaultValue: 'Delete this note?',\n                  })}\n                </Dialog.Title>\n              </Dialog.Header>\n              <Dialog.Body>\n                <Dialog.Description>\n                  {t('notesPanel.deleteConfirmBody', {\n                    defaultValue: 'The note will be removed from the record.',\n                  })}\n                </Dialog.Description>\n              </Dialog.Body>\n              <Dialog.Footer>\n                <Dialog.Close asChild>\n                  <Button\n                    intent=\"secondary\"\n                    size=\"sm\"\n                    onClick={() => setPendingDelete(null)}\n                  >\n                    {t('notesPanel.deleteConfirmCancel', {\n                      defaultValue: 'Cancel',\n                    })}\n                  </Button>\n                </Dialog.Close>\n                <Button\n                  intent=\"destructive\"\n                  size=\"sm\"\n                  onClick={confirmDeleteNote}\n                >\n                  {t('notesPanel.deleteConfirmAction', {\n                    defaultValue: 'Delete',\n                  })}\n                </Button>\n              </Dialog.Footer>\n            </Dialog.Content>\n          </Dialog>\n        ) : null}\n      </section>\n    );\n  },\n);\n"],"names":["getErrorMessage","error","fallback","notesPanelAgent","handle","args","noteItemVariants","cva","noteLeavingClass","noteElevationClass","hasRichContent","html","NotesPanel","forwardRef","id","notes","onAddNote","status","onRetry","currentNoteId","currentNoteKey","composer","editorToolbar","redactor","imageUploadUrl","showClinicalToggle","canAddClinicalNote","clinicalGatedReason","defaultClinical","onRequestAiDraft","aiDraftFormat","aiPrivacyNotice","onDictate","onProofread","onAutoFormat","onTogglePin","onToggleFlag","noteActions","onEditNote","editClinical","onDeleteNote","confirmDelete","title","composerPlaceholder","addNoteLabel","emptyState","className","ariaLabel","rest","ref","t","i18n","useTranslation","editorRef","useRef","draft","setDraft","useState","clinical","setClinical","pending","setPending","addError","setAddError","editingId","setEditingId","heading","headingId","useId","placeholder","composerLabel","hasContent","commit","useCallback","rich","content","_a","reset","result","clinicalToggleShown","noteStamp","note","startEdit","_b","_c","cancelEdit","editingStillThere","useEffect","ordered","a","b","resolvedTheme","useTheme","reduceMotion","reflowRef","useListReflow","n","deleteExit","useExitTransition","pendingDelete","setPendingDelete","handleDeleteNote","noteId","confirmDeleteNote","currentItemRef","notesRef","onAddNoteRef","onTogglePinRef","onToggleFlagRef","canAddClinicalRef","currentNoteIdRef","rootRef","useImperativeHandle","useMemo","submission","useAgentRegistration","jsxs","jsx","PanelHeader","NotebookPen","RichTextEditor","TextArea","event","Checkbox","next","Button","Alert","Spinner","actions","index","isCurrent","leaving","REFLOW_ROW_CLASS","ClinicalNoteCard","Fragment","IconButton","Pencil","Trash2","Dialog"],"mappings":"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"}

package/dist/_chunks/panel-subview-BNXN8OEL.js

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

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

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

package/dist/_chunks/panel-subview.agent-BIBvE-IW.js

@@ -0,0 +1,17 @@
+const e = {
+  id: "panel-subview",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "panel-subview",
+      description: "Marks the element as a kit PanelSubview."
+    }
+  }
+};
+export {
+  e as p
+};
+//# sourceMappingURL=panel-subview.agent-BIBvE-IW.js.map

package/dist/_chunks/panel-subview.agent-BIBvE-IW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-subview.agent-BIBvE-IW.js","sources":["../../src/components/panel-subview/panel-subview.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PanelSubview.                                         */\n/*                                                                        */\n/* Layout and motion only. Whether it is open is the caller's state, and  */\n/* what it contains is catalogued by the components inside it. So this    */\n/* registers the canonical DOM hook only, as PanelHeader's adapter does.   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const panelSubviewAgent: AgentAdapter = {\n  id: 'panel-subview',\n  capabilities: [],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'panel-subview',\n      description: 'Marks the element as a kit PanelSubview.',\n    },\n  },\n};\n"],"names":["panelSubviewAgent"],"mappings":"AAUO,MAAMA,IAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

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

@@ -8,7 +8,7 @@ import { C as ie, b as te, a as se } from "./collapsible-CTjxzGuF.js";
 import { D as ae } from "./description-list-C1RXMDZ_.js";
 import { P as de } from "./panel-header-D_mTdhUp.js";
 import { u as re } from "./registry-DvAUVLHh.js";
-import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BQZoP4m2.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-IHb2VFc2.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-f7SSXkTJ.js.map
+//# sourceMappingURL=patient-details-2cIaL-Zb.js.map

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

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