@alfadocs/ui-kit-debug 1.35.0 → 1.36.1

package/dist/_chunks/{notes-panel-BjLt-kiP.js.map → notes-panel-Co8D3uDd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notes-panel-BjLt-kiP.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, 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   * 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      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 } = 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\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 = t('notesPanel.composerLabel', {\n      defaultValue: 'New note',\n    });\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      if (!onAddNote || 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      };\n      setAddError(null);\n      let result: void | Promise<void>;\n      try {\n        result = 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    }, [composer, draft, clinical, defaultClinical, onAddNote, pending, t]);\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 ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\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                  showClinicalToggle ? 'ds:justify-between' : 'ds:justify-end',\n                ].join(' ')}\n              >\n                {showClinicalToggle ? (\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                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  onClick={commit}\n                  disabled={!hasContent}\n                  loading={pending}\n                >\n                  {addNoteLabel ??\n                    t('notesPanel.add', { defaultValue: 'Add note' })}\n                </Button>\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                    className={[\n                      noteItemVariants({ current: isCurrent }),\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                          {onDeleteNote && noteId && !note.deleted ? (\n                            <IconButton\n                              icon={<Trash2 />}\n                              intent=\"ghost\"\n                              size=\"sm\"\n                              aria-label={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","onDeleteNote","confirmDelete","title","composerPlaceholder","addNoteLabel","emptyState","className","ariaLabel","rest","ref","t","useTranslation","editorRef","useRef","draft","setDraft","useState","clinical","setClinical","pending","setPending","addError","setAddError","heading","headingId","useId","placeholder","composerLabel","hasContent","commit","useCallback","rich","content","_a","reset","result","ordered","a","b","resolvedTheme","useTheme","reduceMotion","reflowRef","useListReflow","n","deleteExit","useExitTransition","pendingDelete","setPendingDelete","handleDeleteNote","noteId","confirmDeleteNote","currentItemRef","useEffect","_b","notesRef","onAddNoteRef","onTogglePinRef","onToggleFlagRef","canAddClinicalRef","currentNoteIdRef","rootRef","useImperativeHandle","useMemo","submission","note","useAgentRegistration","jsxs","jsx","PanelHeader","NotebookPen","RichTextEditor","TextArea","event","Checkbox","next","Button","Alert","Spinner","actions","index","isCurrent","leaving","REFLOW_ROW_CLASS","ClinicalNoteCard","Fragment","IconButton","Trash2","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;AACO,SAASA,GAAgBC,GAAgBC,GAA0B;AACxE,SACE,OAAOD,KAAU,YACjBA,MAAU,QACV,aAAaA,KACb,OAAOA,EAAM,WAAY,YACzBA,EAAM,QAAQ,SAEPA,EAAM,UAERC;AACT;ACOO,MAAMC,KAAkD;AAAA,EAC7D,IAAI;AAAA;AAAA;AAAA,EAGJ,cAAc,CAAC,QAAQ;AAAA,EACvB,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,eAAA;AAAA,IAAe;AAAA,IAE1C,eAAe;AAAA,MACb,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,iBAAA;AAAA,IAAiB;AAAA,EAC5C;AAAA,EAEF,SAAS;AAAA,IACP,UAAU;AAAA;AAAA,MAER,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS;AAAA,YACP,MAAM;AAAA,YACN,aACE;AAAA,UAAA;AAAA,UAEJ,UAAU;AAAA,YACR,MAAM;AAAA,YACN,aACE;AAAA,UAAA;AAAA,QACJ;AAAA,QAEF,UAAU,CAAC,WAAW,UAAU;AAAA,MAAA;AAAA,MAElC,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,SAAS,iCAAiC,UAAU,GAAA;AAAA,UAC5D,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACA,GAAQC,MACRD,EAAO,QAAQC,CAAI;AAAA,IAC5B;AAAA,IAEF,YAAY;AAAA;AAAA,MAEV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,IAAI,EAAE,MAAM,WAAS;AAAA,QACnC,UAAU,CAAC,IAAI;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACD,GAAQC,MAAyB;AACxC,QAAAD,EAAO,UAAUC,EAAK,EAAE;AAAA,MAC1B;AAAA,IAAA;AAAA,IAEF,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,IAAI,EAAE,MAAM,WAAS;AAAA,QACnC,UAAU,CAAC,IAAI;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,GAAQC,MAAyB;AACxC,QAAAD,EAAO,WAAWC,EAAK,EAAE;AAAA,MAC3B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCoIMC,KAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,SAAS,GAAA;AAAA,EAAM;AAEtC,GAKMC,KAAmB,gBACnBC,KAAqB;AAAA,EACzB;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAGV,SAASC,GAAeC,GAAuB;AAC7C,SAAKA,IACD,UAAU,KAAKA,CAAI,IAAU,KAE/BA,EACG,QAAQ,YAAY,EAAE,EACtB,QAAQ,YAAY,GAAG,EACvB,KAAA,EAAO,SAAS,IANH;AAQpB;AAEO,MAAMC,KAAaC;AAAA,EACxB,SACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC,KAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,oBAAAC,IAAqB;AAAA,IACrB,qBAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,IACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAYC,EAA6B,IAAI,GAC7C,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/B,CAACC,GAAUC,CAAW,IAAIF,EAAS1B,CAAe,GAClD,CAAC6B,GAASC,CAAU,IAAIJ,EAAS,EAAK,GACtC,CAACK,GAAUC,CAAW,IAAIN,EAAwB,IAAI,GAEtDO,KAAUrB,MAASQ,EAAE,oBAAoB,EAAE,cAAc,SAAS,GAClEc,IAAYC,GAAA,GACZC,IACJvB,MACAO,EAAE,0BAA0B,EAAE,cAAc,eAAe,GACvDiB,IAAgBjB,EAAE,4BAA4B;AAAA,MAClD,cAAc;AAAA,IAAA,CACf,GAIKkB,KACJ7C,MAAa,SAASX,GAAe0C,CAAK,IAAIA,EAAM,OAAO,SAAS,GAEhEe,KAASC,EAAY,MAAM;;AAC/B,UAAI,CAACpD,KAAayC,EAAS;AAC3B,YAAMY,IAAOhD,MAAa,QACpBiD,IAAUD,MACXE,IAAArB,EAAU,YAAV,gBAAAqB,EAAmB,cAAanB,IACjCA,EAAM,KAAA;AACV,UAAIiB,IAAO,CAAC3D,GAAe4D,CAAO,IAAI,CAACA,EAAS;AAChD,YAAME,IAAQ,MAAM;;AAClB,QAAIH,OAAME,IAAArB,EAAU,YAAV,QAAAqB,EAAmB,UAC7BlB,EAAS,EAAE,GACXG,EAAY5B,CAAe;AAAA,MAC7B;AACA,MAAAgC,EAAY,IAAI;AAChB,UAAIa;AACJ,UAAI;AACF,QAAAA,IAASzD,EAAU,EAAE,SAAAsD,GAAS,UAAAf,EAAA,CAAU;AAAA,MAC1C,SAAStD,GAAgB;AACvB,QAAA2D,EAAY5D,GAAgBC,GAAO+C,EAAE,sBAAsB,CAAC,CAAC;AAC7D;AAAA,MACF;AACA,UAAI,CAACyB,KAAU,OAAOA,EAAO,QAAS,mBAAmBD,EAAA;AAEzD,MAAAd,EAAW,EAAI,GACf,QAAQ,QAAQe,CAAM,EACnB;AAAA,QAAKD;AAAA,QAAO,CAACvE,MACZ2D,EAAY5D,GAAgBC,GAAO+C,EAAE,sBAAsB,CAAC,CAAC;AAAA,MAAA,EAE9D,QAAQ,MAAMU,EAAW,EAAK,CAAC;AAAA,IACpC,GAAG,CAACrC,GAAU+B,GAAOG,GAAU3B,GAAiBZ,GAAWyC,GAAST,CAAC,CAAC,GAGhE0B,IAAU,CAAC,GAAG3D,CAAK,EAAE;AAAA,MACzB,CAAC4D,GAAGC,MAAM,OAAOA,EAAE,UAAU,EAAK,IAAI,OAAOD,EAAE,UAAU,EAAK;AAAA,IAAA,GAM1D,EAAE,eAAAE,GAAA,IAAkBC,GAAA,GACpBC,KAAeF,GAAc,SAAS,aAAa,KAAK,QAMxD,EAAE,cAAcG,GAAA,IAAcC,GAAgC;AAAA,MAClE,KAAKP,EAAQ,IAAI,CAACQ,MAAMA,EAAE,EAAE,EAAE,KAAA;AAAA,MAC9B,cAAAH;AAAA,IAAA,CACD,GAKKI,IAAaC,GAAkB,EAAE,cAAAL,IAAc,GAC/C,CAACM,GAAeC,CAAgB,IAAIhC,EAAwB,IAAI,GAChEiC,KAAmBnB;AAAA,MACvB,CAACoB,MAAmB;AAClB,QAAKlD,MACDC,IACF+C,EAAiBE,CAAM,IAEvBL,EAAW,MAAMK,GAAQ,MAAMlD,EAAakD,CAAM,CAAC;AAAA,MAEvD;AAAA,MACA,CAACjD,GAAe4C,GAAY7C,CAAY;AAAA,IAAA,GAEpCmD,KAAoBrB,EAAY,MAAM;AAC1C,UAAI,CAACiB,KAAiB,CAAC/C,EAAc;AACrC,YAAMkD,IAASH;AACf,MAAAC,EAAiB,IAAI,GACrBH,EAAW,MAAMK,GAAQ,MAAMlD,EAAakD,CAAM,CAAC;AAAA,IACrD,GAAG,CAACH,GAAe/C,GAAc6C,CAAU,CAAC,GAGtCO,IAAiBvC,EAAsB,IAAI;AACjD,IAAAwC,GAAU,MAAM;;AACd,MAAKxE,OAGLoD,IAAAmB,EAAe,YAAf,QAAAnB,EAAwB,eAAe,EAAE,OAAO,cAChDqB,IAAAF,EAAe,YAAf,QAAAE,EAAwB;AAAA,IAG1B,GAAG,CAACzE,GAAeC,EAAc,CAAC;AAGlC,UAAMyE,IAAW1C,EAAOpC,CAAK;AAC7B,IAAA8E,EAAS,UAAU9E;AACnB,UAAM+E,IAAe3C,EAAOnC,CAAS;AACrC,IAAA8E,EAAa,UAAU9E;AACvB,UAAM+E,IAAiB5C,EAAOhB,CAAW;AACzC,IAAA4D,EAAe,UAAU5D;AACzB,UAAM6D,IAAkB7C,EAAOf,CAAY;AAC3C,IAAA4D,EAAgB,UAAU5D;AAC1B,UAAM6D,IAAoB9C,EAAOzB,CAAkB;AACnD,IAAAuE,EAAkB,UAAUvE;AAC5B,UAAMwE,KAAmB/C,EAAOhC,CAAa;AAC7C,IAAA+E,GAAiB,UAAU/E;AAE3B,UAAMgF,KAAUhD,EAAoB,IAAI;AACxC,IAAAiD,GAAoBrD,IAAK,MAAMoD,GAAQ,SAAwB,CAAA,CAAE;AAEjE,UAAM/F,KAASiG;AAAA,MACb,OAAO;AAAA;AAAA,QAEL,UAAU,MACRR,EAAS,QAAQ,IAAI,CAACX,OAAO;AAAA,UAC3B,IAAIA,EAAE;AAAA,UACN,QAAQ,CAAC,CAACA,EAAE;AAAA,UACZ,SAAS,CAAC,CAACA,EAAE;AAAA,UACb,UAAU,CAAC,CAACA,EAAE;AAAA,QAAA,EACd;AAAA,QACJ,YAAY,MAAM,CAAC,CAACY,EAAa;AAAA,QACjC,gBAAgB,MAAMG,EAAkB;AAAA,QACxC,kBAAkB,MAAMC,GAAiB,WAAW;AAAA,QACpD,SAAS,CAACI,MAAe;;AAEvB,cAAI,EAAAA,EAAW,YAAY,CAACL,EAAkB;AAC9C,oBAAO1B,IAAAuB,EAAa,YAAb,gBAAAvB,EAAA,KAAAuB,GAAuBQ;AAAA,QAChC;AAAA,QACA,WAAW,CAACd,MAAW;;AACrB,gBAAMe,IAAOV,EAAS,QAAQ,KAAK,CAACX,MAAMA,EAAE,OAAOM,CAAM;AACzD,UAAIe,MAASA,EAAK,aAAWhC,IAAAgC,EAAK,YAAL,gBAAAhC,EAAc,SAAQ,QACnDqB,IAAAG,EAAe,YAAf,QAAAH,EAAA,KAAAG,GAAyBP;AAAA,QAC3B;AAAA,QACA,YAAY,CAACA;;AAAW,kBAAAjB,IAAAyB,EAAgB,YAAhB,gBAAAzB,EAAA,KAAAyB,GAA0BR;AAAA;AAAA,MAAM;AAAA,MAE1D,CAAA;AAAA,IAAC;AAEH,WAAAgB,GAAqBrG,IAAiBC,IAAQU,CAAE,GAG9C,gBAAA2F;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKN;AAAA,QACL,kBAAe;AAAA,QACf,qBAAmBrF;AAAA,QACnB,mBAAiB+B,IAAY,SAAYiB;AAAA,QACzC,cAAYjB;AAAA,QACZ,WAAW,CAAC,uBAAuBD,EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACrE,GAAGE;AAAA,QAKJ,UAAA;AAAA,UAAA,gBAAA4D;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO9C;AAAA,cACP,MAAM,gBAAA6C,EAACE,IAAA,EAAY,eAAY,OAAA,CAAO;AAAA,cACtC,WAAW/D,IAAY,SAAYiB;AAAA,cACnC,QAAM;AAAA,cACN,SAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGT,gBAAA2C,EAAC,OAAA,EAAI,WAAU,2EACZ,UAAA;AAAA,YAAAzF,IACC,gBAAAyF,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,cAAApF,MAAa,SACZ,gBAAAqF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,KAAK3D;AAAA,kBACL,WAAWe;AAAA,kBACX,aAAAD;AAAA,kBACA,SAAS1C;AAAA,kBACT,WAAU;AAAA,kBACV,UAAAC;AAAA,kBACA,gBAAAC;AAAA,kBACA,UAAUiC;AAAA,kBACV,UAAU,CAAC,EAAE,MAAA9C,QAAW0C,EAAS1C,CAAI;AAAA,kBACrC,kBAAAkB;AAAA,kBACA,eAAAC;AAAA,kBACA,iBAAAC;AAAA,kBACA,WAAAC;AAAA,kBACA,aAAAC;AAAA,kBACA,cAAAC;AAAA,gBAAA;AAAA,cAAA,IAGF,gBAAAwE;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,OAAO1D;AAAA,kBACP,UAAUK;AAAA,kBACV,UAAU,CAACsD,MAAU1D,EAAS0D,EAAM,OAAO,KAAK;AAAA,kBAChD,aAAA/C;AAAA,kBACA,YAAU;AAAA,kBACV,SAAS;AAAA,kBACT,SAAS;AAAA,kBACT,cAAYC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGhB,gBAAAwC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACAhF,IAAqB,uBAAuB;AAAA,kBAAA,EAC5C,KAAK,GAAG;AAAA,kBAET,UAAA;AAAA,oBAAAA,IACC,gBAAAiF;AAAA,sBAACM;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOhE,EAAE,6BAA6B;AAAA,0BACpC,cAAc;AAAA,wBAAA,CACf;AAAA,wBACD,SAASO;AAAA,wBACT,iBAAiB,CAAC0D,MAASzD,EAAYyD,MAAS,EAAI;AAAA,wBACpD,UAAUxD,KAAW,CAAC/B;AAAA,wBACtB,gBACEA,IACI,SACCC,MACDqB,EAAE,4BAA4B;AAAA,0BAC5B,cACE;AAAA,wBAAA,CACH;AAAA,sBAAA;AAAA,oBAAA,IAGP;AAAA,oBACJ,gBAAA0D;AAAA,sBAACQ;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,SAAS/C;AAAA,wBACT,UAAU,CAACD;AAAA,wBACX,SAAST;AAAA,wBAER,gBACCT,EAAE,kBAAkB,EAAE,cAAc,YAAY;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACpD;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEDW,IACC,gBAAA+C,EAACS,GAAA,EAAM,SAAQ,SACb,UAAA,gBAAAT,EAACS,EAAM,aAAN,EAAmB,UAAAxD,EAAA,CAAS,EAAA,CAC/B,IACE;AAAA,YAAA,EAAA,CACN,IACE;AAAA,YAEH1C,MAAW,YACV,gBAAAwF,EAAC,KAAA,EAAE,WAAU,kHACX,UAAA;AAAA,cAAA,gBAAAC,EAACU,MAAQ,MAAK,MAAK,OAAOpE,EAAE,oBAAoB,GAAG;AAAA,gCAClD,QAAA,EAAK,eAAY,QAAQ,UAAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,YAAA,GACpD,IACE/B,MAAW,UACb,gBAAAwF,EAACU,GAAA,EAAM,SAAQ,SACb,UAAA;AAAA,cAAA,gBAAAT,EAACS,EAAM,aAAN,EAAmB,UAAAnE,EAAE,sBAAsB,GAAE;AAAA,cAC7C9B,IACC,gBAAAwF,EAACS,EAAM,QAAN,EACC,4BAACD,GAAA,EAAO,QAAO,aAAY,MAAK,MAAK,SAAShG,GAC3C,YAAE,kBAAkB,GACvB,GACF,IACE;AAAA,YAAA,EAAA,CACN,IACE;AAAA,YAEHwD,EAAQ,SAAS,IAChB,gBAAAgC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK1B;AAAA,gBACL,WAAU;AAAA,gBAET,UAAAN,EAAQ,IAAI,CAAC,EAAE,SAAA2C,GAAS,GAAGd,EAAA,GAAQe,MAAU;AAC5C,wBAAMC,IACJpG,KAAiB,QAAQoF,EAAK,OAAOpF,GACjCqE,IAASe,EAAK,IACdiB,IAAUhC,KAAU,QAAQL,EAAW,UAAUK,CAAM;AAC7D,yBACE,gBAAAiB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,KAAKc,IAAY7B,IAAiB;AAAA,sBAIlC,UAAU6B,IAAY,KAAK;AAAA,sBAC3B,gBAAcA,IAAY,SAAS;AAAA,sBACnC,kBAAgB/B;AAAA,sBAChB,gBAAcgC,IAAU,KAAK;AAAA,sBAC7B,WAAW;AAAA,wBACTlH,GAAiB,EAAE,SAASiH,GAAW;AAAA,wBACvC9G;AAAA,wBACAgH;AAAA,wBACAD,IAAUhH,KAAmB;AAAA,sBAAA,EAE5B,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,sBAEV,UAAA;AAAA,wBAAA+G,IACC,gBAAAb,EAAC,QAAA,EAAK,WAAU,cACb,YAAE,sBAAsB;AAAA,0BACvB,cAAc;AAAA,wBAAA,CACf,GACH,IACE;AAAA,wBAKJ,gBAAAA;AAAA,0BAACgB;AAAA,0BAAA;AAAA,4BACC,SAAQ;AAAA,4BACR,UAAU,CAACH;AAAA,4BACX,eACE,gBAAAd,EAAAkB,IAAA,EACG,UAAA;AAAA,8BAAAtF,IACGA,EAAY,EAAE,GAAGkE,GAAM,SAAAc,EAAA,CAAS,IAChC;AAAA,8BACH/E,KAAgBkD,KAAU,CAACe,EAAK,UAC/B,gBAAAG;AAAA,gCAACkB;AAAA,gCAAA;AAAA,kCACC,wBAAOC,IAAA,EAAO;AAAA,kCACd,QAAO;AAAA,kCACP,MAAK;AAAA,kCACL,cAAY7E,EAAE,qBAAqB;AAAA,oCACjC,cAAc;AAAA,kCAAA,CACf;AAAA,kCACD,SAAS,MAAMuC,GAAiBC,CAAM;AAAA,gCAAA;AAAA,8BAAA,IAEtC;AAAA,4BAAA,GACN;AAAA,4BAED,GAAGe;AAAA,4BACJ,aACEpE,KACAoE,EAAK,OACLc,KAAA,gBAAAA,EAAS,SAAQ,MACjB,CAACd,EAAK,UACF,MAAMpE,EAAYoE,EAAK,EAAY,IACnC;AAAA,4BAEN,cACEnE,KAAgBmE,EAAK,KACjB,MAAMnE,EAAamE,EAAK,EAAY,IACpC;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAER;AAAA,oBAAA;AAAA,oBAhEKA,EAAK,MAAMe;AAAA,kBAAA;AAAA,gBAmEtB,CAAC;AAAA,cAAA;AAAA,YAAA,IAEDrG,MAAW,UAAU,OACtB0B,MACC,gBAAA+D,EAAC,KAAA,EAAE,WAAU,+DACV,YAAE,oBAAoB,EAAE,cAAc,gBAAA,CAAiB,EAAA,CAC1D;AAAA,UAAA,GAGN;AAAA,UAECpE,KAAgBC,IACf,gBAAAmE;AAAA,YAACoB;AAAA,YAAA;AAAA,cACC,MAAMzC,MAAkB;AAAA,cACxB,cAAc,CAAC4B,MAAS,CAACA,KAAQ3B,EAAiB,IAAI;AAAA,cAEtD,4BAACwC,EAAO,SAAP,EAAe,SAAQ,SAAQ,MAAK,MACnC,UAAA;AAAA,gBAAA,gBAAApB,EAACoB,EAAO,QAAP,EACC,UAAA,gBAAApB,EAACoB,EAAO,OAAP,EACE,YAAE,iCAAiC;AAAA,kBAClC,cAAc;AAAA,gBAAA,CACf,GACH,EAAA,CACF;AAAA,gBACA,gBAAApB,EAACoB,EAAO,MAAP,EACC,4BAACA,EAAO,aAAP,EACE,UAAA9E,EAAE,gCAAgC;AAAA,kBACjC,cAAc;AAAA,gBAAA,CACf,GACH,EAAA,CACF;AAAA,gBACA,gBAAAyD,EAACqB,EAAO,QAAP,EACC,UAAA;AAAA,kBAAA,gBAAApB,EAACoB,EAAO,OAAP,EAAa,SAAO,IACnB,UAAA,gBAAApB;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAK;AAAA,sBACL,SAAS,MAAM5B,EAAiB,IAAI;AAAA,sBAEnC,YAAE,kCAAkC;AAAA,wBACnC,cAAc;AAAA,sBAAA,CACf;AAAA,oBAAA;AAAA,kBAAA,GAEL;AAAA,kBACA,gBAAAoB;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAK;AAAA,sBACL,SAASzB;AAAA,sBAER,YAAE,kCAAkC;AAAA,wBACnC,cAAc;AAAA,sBAAA,CACf;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH,EAAA,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA;AAAA,UAAA,IAEA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"notes-panel-Co8D3uDd.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, 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   * 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      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 } = 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\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 = t('notesPanel.composerLabel', {\n      defaultValue: 'New note',\n    });\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      if (!onAddNote || 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      };\n      setAddError(null);\n      let result: void | Promise<void>;\n      try {\n        result = 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    }, [composer, draft, clinical, defaultClinical, onAddNote, pending, t]);\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 ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\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                  showClinicalToggle ? 'ds:justify-between' : 'ds:justify-end',\n                ].join(' ')}\n              >\n                {showClinicalToggle ? (\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                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  onClick={commit}\n                  disabled={!hasContent}\n                  loading={pending}\n                >\n                  {addNoteLabel ??\n                    t('notesPanel.add', { defaultValue: 'Add note' })}\n                </Button>\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                    className={[\n                      noteItemVariants({ current: isCurrent }),\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                          {onDeleteNote && noteId && !note.deleted ? (\n                            <IconButton\n                              icon={<Trash2 />}\n                              intent=\"ghost\"\n                              size=\"sm\"\n                              aria-label={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","onDeleteNote","confirmDelete","title","composerPlaceholder","addNoteLabel","emptyState","className","ariaLabel","rest","ref","t","useTranslation","editorRef","useRef","draft","setDraft","useState","clinical","setClinical","pending","setPending","addError","setAddError","heading","headingId","useId","placeholder","composerLabel","hasContent","commit","useCallback","rich","content","_a","reset","result","ordered","a","b","resolvedTheme","useTheme","reduceMotion","reflowRef","useListReflow","n","deleteExit","useExitTransition","pendingDelete","setPendingDelete","handleDeleteNote","noteId","confirmDeleteNote","currentItemRef","useEffect","_b","notesRef","onAddNoteRef","onTogglePinRef","onToggleFlagRef","canAddClinicalRef","currentNoteIdRef","rootRef","useImperativeHandle","useMemo","submission","note","useAgentRegistration","jsxs","jsx","PanelHeader","NotebookPen","RichTextEditor","TextArea","event","Checkbox","next","Button","Alert","Spinner","actions","index","isCurrent","leaving","REFLOW_ROW_CLASS","ClinicalNoteCard","Fragment","IconButton","Trash2","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;AACO,SAASA,GAAgBC,GAAgBC,GAA0B;AACxE,SACE,OAAOD,KAAU,YACjBA,MAAU,QACV,aAAaA,KACb,OAAOA,EAAM,WAAY,YACzBA,EAAM,QAAQ,SAEPA,EAAM,UAERC;AACT;ACOO,MAAMC,KAAkD;AAAA,EAC7D,IAAI;AAAA;AAAA;AAAA,EAGJ,cAAc,CAAC,QAAQ;AAAA,EACvB,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,eAAA;AAAA,IAAe;AAAA,IAE1C,eAAe;AAAA,MACb,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,iBAAA;AAAA,IAAiB;AAAA,EAC5C;AAAA,EAEF,SAAS;AAAA,IACP,UAAU;AAAA;AAAA,MAER,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,SAAS;AAAA,YACP,MAAM;AAAA,YACN,aACE;AAAA,UAAA;AAAA,UAEJ,UAAU;AAAA,YACR,MAAM;AAAA,YACN,aACE;AAAA,UAAA;AAAA,QACJ;AAAA,QAEF,UAAU,CAAC,WAAW,UAAU;AAAA,MAAA;AAAA,MAElC,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,SAAS,iCAAiC,UAAU,GAAA;AAAA,UAC5D,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACA,GAAQC,MACRD,EAAO,QAAQC,CAAI;AAAA,IAC5B;AAAA,IAEF,YAAY;AAAA;AAAA,MAEV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,IAAI,EAAE,MAAM,WAAS;AAAA,QACnC,UAAU,CAAC,IAAI;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACD,GAAQC,MAAyB;AACxC,QAAAD,EAAO,UAAUC,EAAK,EAAE;AAAA,MAC1B;AAAA,IAAA;AAAA,IAEF,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,IAAI,EAAE,MAAM,WAAS;AAAA,QACnC,UAAU,CAAC,IAAI;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,GAAQC,MAAyB;AACxC,QAAAD,EAAO,WAAWC,EAAK,EAAE;AAAA,MAC3B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCoIMC,KAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,SAAS,GAAA;AAAA,EAAM;AAEtC,GAKMC,KAAmB,gBACnBC,KAAqB;AAAA,EACzB;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAGV,SAASC,GAAeC,GAAuB;AAC7C,SAAKA,IACD,UAAU,KAAKA,CAAI,IAAU,KAE/BA,EACG,QAAQ,YAAY,EAAE,EACtB,QAAQ,YAAY,GAAG,EACvB,KAAA,EAAO,SAAS,IANH;AAQpB;AAEO,MAAMC,KAAaC;AAAA,EACxB,SACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC,KAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,oBAAAC,IAAqB;AAAA,IACrB,qBAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,IACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAYC,EAA6B,IAAI,GAC7C,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/B,CAACC,GAAUC,CAAW,IAAIF,EAAS1B,CAAe,GAClD,CAAC6B,GAASC,CAAU,IAAIJ,EAAS,EAAK,GACtC,CAACK,GAAUC,CAAW,IAAIN,EAAwB,IAAI,GAEtDO,KAAUrB,MAASQ,EAAE,oBAAoB,EAAE,cAAc,SAAS,GAClEc,IAAYC,GAAA,GACZC,IACJvB,MACAO,EAAE,0BAA0B,EAAE,cAAc,eAAe,GACvDiB,IAAgBjB,EAAE,4BAA4B;AAAA,MAClD,cAAc;AAAA,IAAA,CACf,GAIKkB,KACJ7C,MAAa,SAASX,GAAe0C,CAAK,IAAIA,EAAM,OAAO,SAAS,GAEhEe,KAASC,EAAY,MAAM;;AAC/B,UAAI,CAACpD,KAAayC,EAAS;AAC3B,YAAMY,IAAOhD,MAAa,QACpBiD,IAAUD,MACXE,IAAArB,EAAU,YAAV,gBAAAqB,EAAmB,cAAanB,IACjCA,EAAM,KAAA;AACV,UAAIiB,IAAO,CAAC3D,GAAe4D,CAAO,IAAI,CAACA,EAAS;AAChD,YAAME,IAAQ,MAAM;;AAClB,QAAIH,OAAME,IAAArB,EAAU,YAAV,QAAAqB,EAAmB,UAC7BlB,EAAS,EAAE,GACXG,EAAY5B,CAAe;AAAA,MAC7B;AACA,MAAAgC,EAAY,IAAI;AAChB,UAAIa;AACJ,UAAI;AACF,QAAAA,IAASzD,EAAU,EAAE,SAAAsD,GAAS,UAAAf,EAAA,CAAU;AAAA,MAC1C,SAAStD,GAAgB;AACvB,QAAA2D,EAAY5D,GAAgBC,GAAO+C,EAAE,sBAAsB,CAAC,CAAC;AAC7D;AAAA,MACF;AACA,UAAI,CAACyB,KAAU,OAAOA,EAAO,QAAS,mBAAmBD,EAAA;AAEzD,MAAAd,EAAW,EAAI,GACf,QAAQ,QAAQe,CAAM,EACnB;AAAA,QAAKD;AAAA,QAAO,CAACvE,MACZ2D,EAAY5D,GAAgBC,GAAO+C,EAAE,sBAAsB,CAAC,CAAC;AAAA,MAAA,EAE9D,QAAQ,MAAMU,EAAW,EAAK,CAAC;AAAA,IACpC,GAAG,CAACrC,GAAU+B,GAAOG,GAAU3B,GAAiBZ,GAAWyC,GAAST,CAAC,CAAC,GAGhE0B,IAAU,CAAC,GAAG3D,CAAK,EAAE;AAAA,MACzB,CAAC4D,GAAGC,MAAM,OAAOA,EAAE,UAAU,EAAK,IAAI,OAAOD,EAAE,UAAU,EAAK;AAAA,IAAA,GAM1D,EAAE,eAAAE,GAAA,IAAkBC,GAAA,GACpBC,KAAeF,GAAc,SAAS,aAAa,KAAK,QAMxD,EAAE,cAAcG,GAAA,IAAcC,GAAgC;AAAA,MAClE,KAAKP,EAAQ,IAAI,CAACQ,MAAMA,EAAE,EAAE,EAAE,KAAA;AAAA,MAC9B,cAAAH;AAAA,IAAA,CACD,GAKKI,IAAaC,GAAkB,EAAE,cAAAL,IAAc,GAC/C,CAACM,GAAeC,CAAgB,IAAIhC,EAAwB,IAAI,GAChEiC,KAAmBnB;AAAA,MACvB,CAACoB,MAAmB;AAClB,QAAKlD,MACDC,IACF+C,EAAiBE,CAAM,IAEvBL,EAAW,MAAMK,GAAQ,MAAMlD,EAAakD,CAAM,CAAC;AAAA,MAEvD;AAAA,MACA,CAACjD,GAAe4C,GAAY7C,CAAY;AAAA,IAAA,GAEpCmD,KAAoBrB,EAAY,MAAM;AAC1C,UAAI,CAACiB,KAAiB,CAAC/C,EAAc;AACrC,YAAMkD,IAASH;AACf,MAAAC,EAAiB,IAAI,GACrBH,EAAW,MAAMK,GAAQ,MAAMlD,EAAakD,CAAM,CAAC;AAAA,IACrD,GAAG,CAACH,GAAe/C,GAAc6C,CAAU,CAAC,GAGtCO,IAAiBvC,EAAsB,IAAI;AACjD,IAAAwC,GAAU,MAAM;;AACd,MAAKxE,OAGLoD,IAAAmB,EAAe,YAAf,QAAAnB,EAAwB,eAAe,EAAE,OAAO,cAChDqB,IAAAF,EAAe,YAAf,QAAAE,EAAwB;AAAA,IAG1B,GAAG,CAACzE,GAAeC,EAAc,CAAC;AAGlC,UAAMyE,IAAW1C,EAAOpC,CAAK;AAC7B,IAAA8E,EAAS,UAAU9E;AACnB,UAAM+E,IAAe3C,EAAOnC,CAAS;AACrC,IAAA8E,EAAa,UAAU9E;AACvB,UAAM+E,IAAiB5C,EAAOhB,CAAW;AACzC,IAAA4D,EAAe,UAAU5D;AACzB,UAAM6D,IAAkB7C,EAAOf,CAAY;AAC3C,IAAA4D,EAAgB,UAAU5D;AAC1B,UAAM6D,IAAoB9C,EAAOzB,CAAkB;AACnD,IAAAuE,EAAkB,UAAUvE;AAC5B,UAAMwE,KAAmB/C,EAAOhC,CAAa;AAC7C,IAAA+E,GAAiB,UAAU/E;AAE3B,UAAMgF,KAAUhD,EAAoB,IAAI;AACxC,IAAAiD,GAAoBrD,IAAK,MAAMoD,GAAQ,SAAwB,CAAA,CAAE;AAEjE,UAAM/F,KAASiG;AAAA,MACb,OAAO;AAAA;AAAA,QAEL,UAAU,MACRR,EAAS,QAAQ,IAAI,CAACX,OAAO;AAAA,UAC3B,IAAIA,EAAE;AAAA,UACN,QAAQ,CAAC,CAACA,EAAE;AAAA,UACZ,SAAS,CAAC,CAACA,EAAE;AAAA,UACb,UAAU,CAAC,CAACA,EAAE;AAAA,QAAA,EACd;AAAA,QACJ,YAAY,MAAM,CAAC,CAACY,EAAa;AAAA,QACjC,gBAAgB,MAAMG,EAAkB;AAAA,QACxC,kBAAkB,MAAMC,GAAiB,WAAW;AAAA,QACpD,SAAS,CAACI,MAAe;;AAEvB,cAAI,EAAAA,EAAW,YAAY,CAACL,EAAkB;AAC9C,oBAAO1B,IAAAuB,EAAa,YAAb,gBAAAvB,EAAA,KAAAuB,GAAuBQ;AAAA,QAChC;AAAA,QACA,WAAW,CAACd,MAAW;;AACrB,gBAAMe,IAAOV,EAAS,QAAQ,KAAK,CAACX,MAAMA,EAAE,OAAOM,CAAM;AACzD,UAAIe,MAASA,EAAK,aAAWhC,IAAAgC,EAAK,YAAL,gBAAAhC,EAAc,SAAQ,QACnDqB,IAAAG,EAAe,YAAf,QAAAH,EAAA,KAAAG,GAAyBP;AAAA,QAC3B;AAAA,QACA,YAAY,CAACA;;AAAW,kBAAAjB,IAAAyB,EAAgB,YAAhB,gBAAAzB,EAAA,KAAAyB,GAA0BR;AAAA;AAAA,MAAM;AAAA,MAE1D,CAAA;AAAA,IAAC;AAEH,WAAAgB,GAAqBrG,IAAiBC,IAAQU,CAAE,GAG9C,gBAAA2F;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKN;AAAA,QACL,kBAAe;AAAA,QACf,qBAAmBrF;AAAA,QACnB,mBAAiB+B,IAAY,SAAYiB;AAAA,QACzC,cAAYjB;AAAA,QACZ,WAAW,CAAC,uBAAuBD,EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACrE,GAAGE;AAAA,QAKJ,UAAA;AAAA,UAAA,gBAAA4D;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO9C;AAAA,cACP,MAAM,gBAAA6C,EAACE,IAAA,EAAY,eAAY,OAAA,CAAO;AAAA,cACtC,WAAW/D,IAAY,SAAYiB;AAAA,cACnC,QAAM;AAAA,cACN,SAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGT,gBAAA2C,EAAC,OAAA,EAAI,WAAU,2EACZ,UAAA;AAAA,YAAAzF,IACC,gBAAAyF,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,cAAApF,MAAa,SACZ,gBAAAqF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,KAAK3D;AAAA,kBACL,WAAWe;AAAA,kBACX,aAAAD;AAAA,kBACA,SAAS1C;AAAA,kBACT,WAAU;AAAA,kBACV,UAAAC;AAAA,kBACA,gBAAAC;AAAA,kBACA,UAAUiC;AAAA,kBACV,UAAU,CAAC,EAAE,MAAA9C,QAAW0C,EAAS1C,CAAI;AAAA,kBACrC,kBAAAkB;AAAA,kBACA,eAAAC;AAAA,kBACA,iBAAAC;AAAA,kBACA,WAAAC;AAAA,kBACA,aAAAC;AAAA,kBACA,cAAAC;AAAA,gBAAA;AAAA,cAAA,IAGF,gBAAAwE;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,OAAO1D;AAAA,kBACP,UAAUK;AAAA,kBACV,UAAU,CAACsD,MAAU1D,EAAS0D,EAAM,OAAO,KAAK;AAAA,kBAChD,aAAA/C;AAAA,kBACA,YAAU;AAAA,kBACV,SAAS;AAAA,kBACT,SAAS;AAAA,kBACT,cAAYC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGhB,gBAAAwC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACAhF,IAAqB,uBAAuB;AAAA,kBAAA,EAC5C,KAAK,GAAG;AAAA,kBAET,UAAA;AAAA,oBAAAA,IACC,gBAAAiF;AAAA,sBAACM;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOhE,EAAE,6BAA6B;AAAA,0BACpC,cAAc;AAAA,wBAAA,CACf;AAAA,wBACD,SAASO;AAAA,wBACT,iBAAiB,CAAC0D,MAASzD,EAAYyD,MAAS,EAAI;AAAA,wBACpD,UAAUxD,KAAW,CAAC/B;AAAA,wBACtB,gBACEA,IACI,SACCC,MACDqB,EAAE,4BAA4B;AAAA,0BAC5B,cACE;AAAA,wBAAA,CACH;AAAA,sBAAA;AAAA,oBAAA,IAGP;AAAA,oBACJ,gBAAA0D;AAAA,sBAACQ;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,SAAS/C;AAAA,wBACT,UAAU,CAACD;AAAA,wBACX,SAAST;AAAA,wBAER,gBACCT,EAAE,kBAAkB,EAAE,cAAc,YAAY;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACpD;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEDW,IACC,gBAAA+C,EAACS,GAAA,EAAM,SAAQ,SACb,UAAA,gBAAAT,EAACS,EAAM,aAAN,EAAmB,UAAAxD,EAAA,CAAS,EAAA,CAC/B,IACE;AAAA,YAAA,EAAA,CACN,IACE;AAAA,YAEH1C,MAAW,YACV,gBAAAwF,EAAC,KAAA,EAAE,WAAU,kHACX,UAAA;AAAA,cAAA,gBAAAC,EAACU,MAAQ,MAAK,MAAK,OAAOpE,EAAE,oBAAoB,GAAG;AAAA,gCAClD,QAAA,EAAK,eAAY,QAAQ,UAAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,YAAA,GACpD,IACE/B,MAAW,UACb,gBAAAwF,EAACU,GAAA,EAAM,SAAQ,SACb,UAAA;AAAA,cAAA,gBAAAT,EAACS,EAAM,aAAN,EAAmB,UAAAnE,EAAE,sBAAsB,GAAE;AAAA,cAC7C9B,IACC,gBAAAwF,EAACS,EAAM,QAAN,EACC,4BAACD,GAAA,EAAO,QAAO,aAAY,MAAK,MAAK,SAAShG,GAC3C,YAAE,kBAAkB,GACvB,GACF,IACE;AAAA,YAAA,EAAA,CACN,IACE;AAAA,YAEHwD,EAAQ,SAAS,IAChB,gBAAAgC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK1B;AAAA,gBACL,WAAU;AAAA,gBAET,UAAAN,EAAQ,IAAI,CAAC,EAAE,SAAA2C,GAAS,GAAGd,EAAA,GAAQe,MAAU;AAC5C,wBAAMC,IACJpG,KAAiB,QAAQoF,EAAK,OAAOpF,GACjCqE,IAASe,EAAK,IACdiB,IAAUhC,KAAU,QAAQL,EAAW,UAAUK,CAAM;AAC7D,yBACE,gBAAAiB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,KAAKc,IAAY7B,IAAiB;AAAA,sBAIlC,UAAU6B,IAAY,KAAK;AAAA,sBAC3B,gBAAcA,IAAY,SAAS;AAAA,sBACnC,kBAAgB/B;AAAA,sBAChB,gBAAcgC,IAAU,KAAK;AAAA,sBAC7B,WAAW;AAAA,wBACTlH,GAAiB,EAAE,SAASiH,GAAW;AAAA,wBACvC9G;AAAA,wBACAgH;AAAA,wBACAD,IAAUhH,KAAmB;AAAA,sBAAA,EAE5B,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,sBAEV,UAAA;AAAA,wBAAA+G,IACC,gBAAAb,EAAC,QAAA,EAAK,WAAU,cACb,YAAE,sBAAsB;AAAA,0BACvB,cAAc;AAAA,wBAAA,CACf,GACH,IACE;AAAA,wBAKJ,gBAAAA;AAAA,0BAACgB;AAAA,0BAAA;AAAA,4BACC,SAAQ;AAAA,4BACR,UAAU,CAACH;AAAA,4BACX,eACE,gBAAAd,EAAAkB,IAAA,EACG,UAAA;AAAA,8BAAAtF,IACGA,EAAY,EAAE,GAAGkE,GAAM,SAAAc,EAAA,CAAS,IAChC;AAAA,8BACH/E,KAAgBkD,KAAU,CAACe,EAAK,UAC/B,gBAAAG;AAAA,gCAACkB;AAAA,gCAAA;AAAA,kCACC,wBAAOC,IAAA,EAAO;AAAA,kCACd,QAAO;AAAA,kCACP,MAAK;AAAA,kCACL,cAAY7E,EAAE,qBAAqB;AAAA,oCACjC,cAAc;AAAA,kCAAA,CACf;AAAA,kCACD,SAAS,MAAMuC,GAAiBC,CAAM;AAAA,gCAAA;AAAA,8BAAA,IAEtC;AAAA,4BAAA,GACN;AAAA,4BAED,GAAGe;AAAA,4BACJ,aACEpE,KACAoE,EAAK,OACLc,KAAA,gBAAAA,EAAS,SAAQ,MACjB,CAACd,EAAK,UACF,MAAMpE,EAAYoE,EAAK,EAAY,IACnC;AAAA,4BAEN,cACEnE,KAAgBmE,EAAK,KACjB,MAAMnE,EAAamE,EAAK,EAAY,IACpC;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAER;AAAA,oBAAA;AAAA,oBAhEKA,EAAK,MAAMe;AAAA,kBAAA;AAAA,gBAmEtB,CAAC;AAAA,cAAA;AAAA,YAAA,IAEDrG,MAAW,UAAU,OACtB0B,MACC,gBAAA+D,EAAC,KAAA,EAAE,WAAU,+DACV,YAAE,oBAAoB,EAAE,cAAc,gBAAA,CAAiB,EAAA,CAC1D;AAAA,UAAA,GAGN;AAAA,UAECpE,KAAgBC,IACf,gBAAAmE;AAAA,YAACoB;AAAA,YAAA;AAAA,cACC,MAAMzC,MAAkB;AAAA,cACxB,cAAc,CAAC4B,MAAS,CAACA,KAAQ3B,EAAiB,IAAI;AAAA,cAEtD,4BAACwC,EAAO,SAAP,EAAe,SAAQ,SAAQ,MAAK,MACnC,UAAA;AAAA,gBAAA,gBAAApB,EAACoB,EAAO,QAAP,EACC,UAAA,gBAAApB,EAACoB,EAAO,OAAP,EACE,YAAE,iCAAiC;AAAA,kBAClC,cAAc;AAAA,gBAAA,CACf,GACH,EAAA,CACF;AAAA,gBACA,gBAAApB,EAACoB,EAAO,MAAP,EACC,4BAACA,EAAO,aAAP,EACE,UAAA9E,EAAE,gCAAgC;AAAA,kBACjC,cAAc;AAAA,gBAAA,CACf,GACH,EAAA,CACF;AAAA,gBACA,gBAAAyD,EAACqB,EAAO,QAAP,EACC,UAAA;AAAA,kBAAA,gBAAApB,EAACoB,EAAO,OAAP,EAAa,SAAO,IACnB,UAAA,gBAAApB;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAK;AAAA,sBACL,SAAS,MAAM5B,EAAiB,IAAI;AAAA,sBAEnC,YAAE,kCAAkC;AAAA,wBACnC,cAAc;AAAA,sBAAA,CACf;AAAA,oBAAA;AAAA,kBAAA,GAEL;AAAA,kBACA,gBAAAoB;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAK;AAAA,sBACL,SAASzB;AAAA,sBAER,YAAE,kCAAkC;AAAA,wBACnC,cAAc;AAAA,sBAAA,CACf;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH,EAAA,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA;AAAA,UAAA,IAEA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/_chunks/{notification-card-CtrzoTUO.js → notification-card-ChcK9Wat.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as W, useMemo as E, useState as H, useRef as X, useCallback as q } from "react";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
-import { I as O } from "./icon-button-DA2CAGHZ.js";
+import { I as O } from "./icon-button-8xqRnkdG.js";
 import { B as K } from "./button-nJaPh_HC.js";
 import { T as Q } from "./timestamp-BV2lC-wV.js";
 import { X as Y } from "./x-B5YnXwCz.js";
@@ -287,4 +287,4 @@ export {
   ss as N,
   A as i
 };
-//# sourceMappingURL=notification-card-CtrzoTUO.js.map
+//# sourceMappingURL=notification-card-ChcK9Wat.js.map

package/dist/_chunks/{notification-card-CtrzoTUO.js.map → notification-card-ChcK9Wat.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notification-card-CtrzoTUO.js","sources":["../../src/components/notification-card/notification-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationItem {\n  /** Unique identifier for the notification. */\n  id: string;\n  /** Notification title — rendered on the first line. */\n  title: string;\n  /** Notification body — rendered as plain text. */\n  description?: string;\n  /** Optional leading glyph — a React node (usually a Lucide icon). */\n  icon?: ReactNode;\n  /** Optional action URL — when present the card title is an anchor. */\n  url?: string;\n  /** ISO-8601 timestamp of when the notification was created. */\n  createdAt: string;\n  /** Whether the notification has been seen. Unread items get accent styling. */\n  read?: boolean;\n}\n\nexport interface NotificationCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof cardVariants> {\n  /** The notification to render. */\n  item: NotificationItem;\n  /**\n   * Layout shape.\n   * - `compact` — single-line row with the whole card clickable (used by\n   *   NotificationTray).\n   * - `dashboard` — alert-style block with explicit CTA and mark-as-read\n   *   controls (used by dashboards / sidebars).\n   */\n  variant?: 'compact' | 'dashboard';\n  /**\n   * Row chrome for the `compact` variant (ignored for `dashboard`, which\n   * always carries its own card border). `'flat'` (default) — chrome-less row\n   * for use inside a bordered tray. `'elevated'` — each row carries its own\n   * card chrome (border + `--shadow-sm`), matching `AppointmentCard` /\n   * `ClinicalNoteCard` for placing rows directly on a rail (e.g. the Inbox).\n   */\n  surface?: 'flat' | 'elevated';\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the card title / body is activated. */\n  onActivate?: (item: NotificationItem) => void;\n  /**\n   * Fires when the read/unread status ball (the corner badge on the category\n   * icon) is activated. Supply to make the ball an interactive toggle; omit and\n   * it renders as a static read-state indicator.\n   */\n  onToggleRead?: (item: NotificationItem) => void;\n  /** Fires when the dismiss control is activated. */\n  onDismiss?: (item: NotificationItem) => void;\n  /**\n   * Label for the dashboard-variant CTA. Only rendered when `variant` is\n   * `'dashboard'` and the item has a `url`.\n   */\n  ctaLabel?: string;\n  /**\n   * Label for the dashboard-variant mark-as-read link. Only rendered when\n   * `variant` is `'dashboard'` and `onDismiss` is supplied.\n   */\n  dismissLabel?: string;\n  /**\n   * External exit-animation control. When supplied the card plays its\n   * fade-out when this turns `true` and the consumer owns the subsequent\n   * unmount (see NotificationTray). If omitted, the card self-manages the\n   * exit on internal dismiss.\n   */\n  leaving?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    // `group` so the hover/focus-revealed close button can react to the whole\n    // row, not just itself.\n    'ds:group ds:relative ds:flex ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    // Mount: fade + slide-down so a fresh notification reads as arriving.\n    // `data-leaving=true` plays the matching exit, driven by the owning\n    // tray's AnimatePresence loop.\n    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]',\n    'ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2',\n    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`\n    // tw-animate-css leaves the element at opacity:1 for one paint frame after\n    // the animation ends — the \"flicker before it animates away\" bug.\n    'ds:data-[leaving=true]:motion-safe:fill-mode-forwards',\n    'ds:data-[leaving=true]:pointer-events-none',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start',\n    // Compact rows are borderless (flat list — the tray panel is the frame);\n    // the dashboard variant adds its own card border below. Forced-colors keeps\n    // a border on both so rows stay separated in High Contrast Mode.\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Flat rows by default; the accessible (AAA) theme restores a hairline\n        // row divider so consecutive rows keep a visible boundary.\n        compact:\n          'ds:items-start ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]',\n        dashboard:\n          'ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]',\n      },\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      state: {\n        unread: '',\n        read: 'ds:bg-transparent',\n      },\n      // Compact-row chrome: flat (tray) vs elevated (own card on a rail).\n      // Mirrors AppointmentCard's `surface` so a rail feed of mixed cards\n      // reads consistently.\n      surface: {\n        flat: '',\n        elevated:\n          'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]',\n      },\n    },\n    compoundVariants: [\n      // Compact rows no longer tint the background for unread — the read state\n      // is carried by the icon's corner status ball instead. Both states\n      // share the same neutral hover.\n      {\n        variant: 'compact',\n        state: 'unread',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'compact',\n        state: 'read',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'dashboard',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n    ],\n    defaultVariants: {\n      variant: 'compact',\n      size: 'sm',\n      state: 'read',\n      surface: 'flat',\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeNotificationUrl(url: string): boolean {\n  // Reject protocol-relative (//host), javascript:, data:, mailto: etc.\n  // Only http(s), same-origin absolute paths (/), and hash (#) anchors pass.\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationCard = forwardRef<\n  HTMLDivElement,\n  NotificationCardProps\n>(\n  (\n    {\n      item,\n      variant = 'compact',\n      surface = 'flat',\n      size = 'sm',\n      onActivate,\n      onToggleRead,\n      onDismiss,\n      ctaLabel,\n      dismissLabel,\n      leaving,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    // Screen-reader time context — absolute & unambiguous rather than the\n    // visible relative phrase, which drifts and reads less clearly aloud.\n    const accessibleTime = useMemo(() => {\n      const date = new Date(item.createdAt);\n      if (Number.isNaN(date.getTime())) return '';\n      return new Intl.DateTimeFormat(i18n.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }).format(date);\n    }, [item.createdAt, i18n.language]);\n\n    /* Exit animation.\n     * - When `leaving` is undefined (uncontrolled): the card owns the\n     *   fade-out — dismiss click flips `isLeaving`, waits for\n     *   --animation-duration, then fires onDismiss.\n     * - When `leaving` is boolean (controlled, e.g. NotificationTray): the\n     *   parent owns the lifecycle — dismiss click fires onDismiss\n     *   immediately and the parent schedules unmount after the animation. */\n    const isControlledLeaving = leaving !== undefined;\n    const [isLeaving, setIsLeaving] = useState(false);\n    const dismissTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const effectiveLeaving = isControlledLeaving ? leaving : isLeaving;\n\n    const prefersReducedMotion =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const handleDismiss = useCallback(() => {\n      if (!onDismiss) return;\n      if (isControlledLeaving || prefersReducedMotion) {\n        onDismiss(item);\n        return;\n      }\n      setIsLeaving(true);\n      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);\n      const raw =\n        (typeof window !== 'undefined' &&\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue('--animation-duration')) ||\n        '200ms';\n      const ms = raw.trim().endsWith('ms')\n        ? parseFloat(raw)\n        : parseFloat(raw) * 1000;\n      dismissTimerRef.current = setTimeout(\n        () => onDismiss(item),\n        Number.isFinite(ms) ? ms : 200,\n      );\n    }, [onDismiss, item, isControlledLeaving, prefersReducedMotion]);\n\n    const state = item.read ? 'read' : 'unread';\n\n    const unreadSuffix = item.read\n      ? ''\n      : t('notificationCard.unreadSuffix', ', unread');\n    const ariaLabel = t('notificationCard.itemLabel', {\n      title: item.title,\n      time: accessibleTime,\n      unreadSuffix,\n      defaultValue: '{{title}}, {{time}}{{unreadSuffix}}',\n    });\n\n    const hasSafeUrl = !!item.url && isSafeNotificationUrl(item.url);\n\n    // Close insets track the card padding so it aligns with the title's first\n    // line at either size.\n    const closeInset =\n      size === 'md'\n        ? 'ds:top-[var(--spacing-md)] ds:end-[var(--spacing-md)]'\n        : 'ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]';\n\n    // Compact \"status ball\" — a corner badge on the category icon carrying\n    // read/unread. Replaces the old inline Mail toggle so a variable-width\n    // indicator no longer ragged-edges the titles.\n    const ballPos =\n      'ds:absolute ds:top-[calc(var(--spacing-xs)*-1)] ds:end-[calc(var(--spacing-xs)*-1)] ds:z-[1]';\n    const ballDot =\n      'ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:ring-2 ds:ring-[color:var(--card)] ds:forced-colors:bg-[Highlight]';\n    const ballRing =\n      'ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--card)] ds:border-2 ds:border-[color:color-mix(in_srgb,var(--muted-foreground)_55%,transparent)] ds:forced-colors:border-[CanvasText]';\n    // Interactive ball gets the kit focus ring + pointer cursor (a bare\n    // <button> falls back to the browser default outline). The transparent\n    // ::before grows the touch target to --min-target-size on coarse pointers\n    // (matches IconButton) while the visual ball stays small; dropped at sm+.\n    const ballBtn =\n      'ds:cursor-pointer ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden';\n    const ballVisual = item.read ? ballRing : ballDot;\n    const statusBall =\n      variant !== 'compact' ? null : onToggleRead ? (\n        <button\n          type=\"button\"\n          onClick={() => onToggleRead(item)}\n          aria-label={\n            item.read\n              ? t('notificationCard.markAsUnread', 'Mark as unread')\n              : t('notificationCard.markAsRead', 'Mark as read')\n          }\n          className={`${ballPos} ${ballVisual} ${ballBtn}`}\n        />\n      ) : (\n        <span aria-hidden=\"true\" className={`${ballPos} ${ballVisual}`} />\n      );\n\n    /* ------- Title rendering (stretched link in compact mode) ------- */\n\n    const titleText = (\n      <span\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:truncate',\n          item.read ? 'ds:font-normal' : 'ds:font-semibold',\n        ].join(' ')}\n      >\n        {item.title}\n      </span>\n    );\n\n    let titleNode: ReactNode;\n    if (variant === 'compact' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else if (variant === 'compact' && onActivate) {\n      titleNode = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0'\n          }\n          onClick={() => onActivate(item)}\n        >\n          {titleText}\n        </button>\n      );\n    } else if (variant === 'dashboard' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          className=\"ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else {\n      titleNode = titleText;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"notification-card\"\n        data-component-id={item.id}\n        data-read={item.read ? 'true' : 'false'}\n        data-leaving={effectiveLeaving ? 'true' : undefined}\n        aria-hidden={effectiveLeaving || undefined}\n        className={cardVariants({\n          variant,\n          size,\n          state,\n          // Elevated chrome only applies to the compact row; the dashboard\n          // variant brings its own border + shadow.\n          surface: variant === 'compact' ? surface : 'flat',\n          className,\n        })}\n        {...rest}\n      >\n        {/* Leading category icon with the status ball overlaid on its corner.\n            `relative` anchors the ball; a 32px box keeps titles aligned even\n            when an icon-less row only shows the ball. */}\n        {item.icon || statusBall ? (\n          <span className=\"ds:relative ds:size-8 ds:shrink-0\">\n            {item.icon ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:size-8 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4\"\n              >\n                {item.icon}\n              </span>\n            ) : null}\n            {statusBall}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {variant === 'dashboard' ? (\n              // `h3` keeps the dashboard heading ladder continuous:\n              // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).\n              <h3 className=\"ds:m-0 ds:flex-1 ds:min-w-0 type-title-item\">\n                {titleNode}\n              </h3>\n            ) : (\n              <span className=\"ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]\">\n                {titleNode}\n              </span>\n            )}\n          </div>\n\n          {item.description ? (\n            <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words\">\n              {item.description}\n            </p>\n          ) : null}\n\n          <Timestamp\n            value={item.createdAt}\n            shape=\"chip\"\n            size=\"sm\"\n            relativeWindow={12 * 60 * 60 * 1000}\n          />\n\n          {variant === 'dashboard' && (ctaLabel || dismissLabel) ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {ctaLabel && hasSafeUrl ? (\n                <Button\n                  intent=\"outline\"\n                  size=\"sm\"\n                  asChild\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  <a\n                    href={item.url}\n                    onClick={(event) => {\n                      if (\n                        event.defaultPrevented ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey\n                      )\n                        return;\n                      event.preventDefault();\n                      onActivate?.(item);\n                    }}\n                  >\n                    {ctaLabel}\n                  </a>\n                </Button>\n              ) : null}\n              {dismissLabel && onDismiss ? (\n                <Button\n                  intent=\"link\"\n                  size=\"sm\"\n                  onClick={handleDismiss}\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  {dismissLabel}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {/* Close — inline-end, hover/focus-revealed. Absolutely positioned so it\n            claims no width at rest: the title fills the row and there's no empty\n            gap when the row isn't hovered. */}\n        {variant === 'compact' && onDismiss ? (\n          <span\n            className={\n              'ds:absolute ds:z-[2] ds:opacity-0 ds:pointer-events-none ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-hover:pointer-events-auto ds:group-focus-within:opacity-100 ds:group-focus-within:pointer-events-auto ' +\n              closeInset\n            }\n          >\n            <IconButton\n              icon={<X />}\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-label={t('notificationCard.dismiss', 'Dismiss notification')}\n              onClick={handleDismiss}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNotificationCard.displayName = 'NotificationCard';\n"],"names":["cardVariants","cva","stretchedLinkClass","isSafeNotificationUrl","url","NotificationCard","forwardRef","item","variant","surface","size","onActivate","onToggleRead","onDismiss","ctaLabel","dismissLabel","leaving","className","rest","ref","t","i18n","useTranslation","accessibleTime","useMemo","date","isControlledLeaving","isLeaving","setIsLeaving","useState","dismissTimerRef","useRef","effectiveLeaving","prefersReducedMotion","handleDismiss","useCallback","raw","ms","state","unreadSuffix","ariaLabel","hasSafeUrl","closeInset","ballPos","ballDot","ballRing","ballBtn","ballVisual","statusBall","jsx","titleText","titleNode","event","jsxs","Timestamp","Button","IconButton","X"],"mappings":"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"}
+{"version":3,"file":"notification-card-ChcK9Wat.js","sources":["../../src/components/notification-card/notification-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationItem {\n  /** Unique identifier for the notification. */\n  id: string;\n  /** Notification title — rendered on the first line. */\n  title: string;\n  /** Notification body — rendered as plain text. */\n  description?: string;\n  /** Optional leading glyph — a React node (usually a Lucide icon). */\n  icon?: ReactNode;\n  /** Optional action URL — when present the card title is an anchor. */\n  url?: string;\n  /** ISO-8601 timestamp of when the notification was created. */\n  createdAt: string;\n  /** Whether the notification has been seen. Unread items get accent styling. */\n  read?: boolean;\n}\n\nexport interface NotificationCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof cardVariants> {\n  /** The notification to render. */\n  item: NotificationItem;\n  /**\n   * Layout shape.\n   * - `compact` — single-line row with the whole card clickable (used by\n   *   NotificationTray).\n   * - `dashboard` — alert-style block with explicit CTA and mark-as-read\n   *   controls (used by dashboards / sidebars).\n   */\n  variant?: 'compact' | 'dashboard';\n  /**\n   * Row chrome for the `compact` variant (ignored for `dashboard`, which\n   * always carries its own card border). `'flat'` (default) — chrome-less row\n   * for use inside a bordered tray. `'elevated'` — each row carries its own\n   * card chrome (border + `--shadow-sm`), matching `AppointmentCard` /\n   * `ClinicalNoteCard` for placing rows directly on a rail (e.g. the Inbox).\n   */\n  surface?: 'flat' | 'elevated';\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the card title / body is activated. */\n  onActivate?: (item: NotificationItem) => void;\n  /**\n   * Fires when the read/unread status ball (the corner badge on the category\n   * icon) is activated. Supply to make the ball an interactive toggle; omit and\n   * it renders as a static read-state indicator.\n   */\n  onToggleRead?: (item: NotificationItem) => void;\n  /** Fires when the dismiss control is activated. */\n  onDismiss?: (item: NotificationItem) => void;\n  /**\n   * Label for the dashboard-variant CTA. Only rendered when `variant` is\n   * `'dashboard'` and the item has a `url`.\n   */\n  ctaLabel?: string;\n  /**\n   * Label for the dashboard-variant mark-as-read link. Only rendered when\n   * `variant` is `'dashboard'` and `onDismiss` is supplied.\n   */\n  dismissLabel?: string;\n  /**\n   * External exit-animation control. When supplied the card plays its\n   * fade-out when this turns `true` and the consumer owns the subsequent\n   * unmount (see NotificationTray). If omitted, the card self-manages the\n   * exit on internal dismiss.\n   */\n  leaving?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    // `group` so the hover/focus-revealed close button can react to the whole\n    // row, not just itself.\n    'ds:group ds:relative ds:flex ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    // Mount: fade + slide-down so a fresh notification reads as arriving.\n    // `data-leaving=true` plays the matching exit, driven by the owning\n    // tray's AnimatePresence loop.\n    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]',\n    'ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2',\n    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`\n    // tw-animate-css leaves the element at opacity:1 for one paint frame after\n    // the animation ends — the \"flicker before it animates away\" bug.\n    'ds:data-[leaving=true]:motion-safe:fill-mode-forwards',\n    'ds:data-[leaving=true]:pointer-events-none',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start',\n    // Compact rows are borderless (flat list — the tray panel is the frame);\n    // the dashboard variant adds its own card border below. Forced-colors keeps\n    // a border on both so rows stay separated in High Contrast Mode.\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Flat rows by default; the accessible (AAA) theme restores a hairline\n        // row divider so consecutive rows keep a visible boundary.\n        compact:\n          'ds:items-start ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]',\n        dashboard:\n          'ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]',\n      },\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      state: {\n        unread: '',\n        read: 'ds:bg-transparent',\n      },\n      // Compact-row chrome: flat (tray) vs elevated (own card on a rail).\n      // Mirrors AppointmentCard's `surface` so a rail feed of mixed cards\n      // reads consistently.\n      surface: {\n        flat: '',\n        elevated:\n          'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]',\n      },\n    },\n    compoundVariants: [\n      // Compact rows no longer tint the background for unread — the read state\n      // is carried by the icon's corner status ball instead. Both states\n      // share the same neutral hover.\n      {\n        variant: 'compact',\n        state: 'unread',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'compact',\n        state: 'read',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'dashboard',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n    ],\n    defaultVariants: {\n      variant: 'compact',\n      size: 'sm',\n      state: 'read',\n      surface: 'flat',\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeNotificationUrl(url: string): boolean {\n  // Reject protocol-relative (//host), javascript:, data:, mailto: etc.\n  // Only http(s), same-origin absolute paths (/), and hash (#) anchors pass.\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationCard = forwardRef<\n  HTMLDivElement,\n  NotificationCardProps\n>(\n  (\n    {\n      item,\n      variant = 'compact',\n      surface = 'flat',\n      size = 'sm',\n      onActivate,\n      onToggleRead,\n      onDismiss,\n      ctaLabel,\n      dismissLabel,\n      leaving,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    // Screen-reader time context — absolute & unambiguous rather than the\n    // visible relative phrase, which drifts and reads less clearly aloud.\n    const accessibleTime = useMemo(() => {\n      const date = new Date(item.createdAt);\n      if (Number.isNaN(date.getTime())) return '';\n      return new Intl.DateTimeFormat(i18n.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }).format(date);\n    }, [item.createdAt, i18n.language]);\n\n    /* Exit animation.\n     * - When `leaving` is undefined (uncontrolled): the card owns the\n     *   fade-out — dismiss click flips `isLeaving`, waits for\n     *   --animation-duration, then fires onDismiss.\n     * - When `leaving` is boolean (controlled, e.g. NotificationTray): the\n     *   parent owns the lifecycle — dismiss click fires onDismiss\n     *   immediately and the parent schedules unmount after the animation. */\n    const isControlledLeaving = leaving !== undefined;\n    const [isLeaving, setIsLeaving] = useState(false);\n    const dismissTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const effectiveLeaving = isControlledLeaving ? leaving : isLeaving;\n\n    const prefersReducedMotion =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const handleDismiss = useCallback(() => {\n      if (!onDismiss) return;\n      if (isControlledLeaving || prefersReducedMotion) {\n        onDismiss(item);\n        return;\n      }\n      setIsLeaving(true);\n      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);\n      const raw =\n        (typeof window !== 'undefined' &&\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue('--animation-duration')) ||\n        '200ms';\n      const ms = raw.trim().endsWith('ms')\n        ? parseFloat(raw)\n        : parseFloat(raw) * 1000;\n      dismissTimerRef.current = setTimeout(\n        () => onDismiss(item),\n        Number.isFinite(ms) ? ms : 200,\n      );\n    }, [onDismiss, item, isControlledLeaving, prefersReducedMotion]);\n\n    const state = item.read ? 'read' : 'unread';\n\n    const unreadSuffix = item.read\n      ? ''\n      : t('notificationCard.unreadSuffix', ', unread');\n    const ariaLabel = t('notificationCard.itemLabel', {\n      title: item.title,\n      time: accessibleTime,\n      unreadSuffix,\n      defaultValue: '{{title}}, {{time}}{{unreadSuffix}}',\n    });\n\n    const hasSafeUrl = !!item.url && isSafeNotificationUrl(item.url);\n\n    // Close insets track the card padding so it aligns with the title's first\n    // line at either size.\n    const closeInset =\n      size === 'md'\n        ? 'ds:top-[var(--spacing-md)] ds:end-[var(--spacing-md)]'\n        : 'ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]';\n\n    // Compact \"status ball\" — a corner badge on the category icon carrying\n    // read/unread. Replaces the old inline Mail toggle so a variable-width\n    // indicator no longer ragged-edges the titles.\n    const ballPos =\n      'ds:absolute ds:top-[calc(var(--spacing-xs)*-1)] ds:end-[calc(var(--spacing-xs)*-1)] ds:z-[1]';\n    const ballDot =\n      'ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:ring-2 ds:ring-[color:var(--card)] ds:forced-colors:bg-[Highlight]';\n    const ballRing =\n      'ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--card)] ds:border-2 ds:border-[color:color-mix(in_srgb,var(--muted-foreground)_55%,transparent)] ds:forced-colors:border-[CanvasText]';\n    // Interactive ball gets the kit focus ring + pointer cursor (a bare\n    // <button> falls back to the browser default outline). The transparent\n    // ::before grows the touch target to --min-target-size on coarse pointers\n    // (matches IconButton) while the visual ball stays small; dropped at sm+.\n    const ballBtn =\n      'ds:cursor-pointer ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden';\n    const ballVisual = item.read ? ballRing : ballDot;\n    const statusBall =\n      variant !== 'compact' ? null : onToggleRead ? (\n        <button\n          type=\"button\"\n          onClick={() => onToggleRead(item)}\n          aria-label={\n            item.read\n              ? t('notificationCard.markAsUnread', 'Mark as unread')\n              : t('notificationCard.markAsRead', 'Mark as read')\n          }\n          className={`${ballPos} ${ballVisual} ${ballBtn}`}\n        />\n      ) : (\n        <span aria-hidden=\"true\" className={`${ballPos} ${ballVisual}`} />\n      );\n\n    /* ------- Title rendering (stretched link in compact mode) ------- */\n\n    const titleText = (\n      <span\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:truncate',\n          item.read ? 'ds:font-normal' : 'ds:font-semibold',\n        ].join(' ')}\n      >\n        {item.title}\n      </span>\n    );\n\n    let titleNode: ReactNode;\n    if (variant === 'compact' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else if (variant === 'compact' && onActivate) {\n      titleNode = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0'\n          }\n          onClick={() => onActivate(item)}\n        >\n          {titleText}\n        </button>\n      );\n    } else if (variant === 'dashboard' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          className=\"ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else {\n      titleNode = titleText;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"notification-card\"\n        data-component-id={item.id}\n        data-read={item.read ? 'true' : 'false'}\n        data-leaving={effectiveLeaving ? 'true' : undefined}\n        aria-hidden={effectiveLeaving || undefined}\n        className={cardVariants({\n          variant,\n          size,\n          state,\n          // Elevated chrome only applies to the compact row; the dashboard\n          // variant brings its own border + shadow.\n          surface: variant === 'compact' ? surface : 'flat',\n          className,\n        })}\n        {...rest}\n      >\n        {/* Leading category icon with the status ball overlaid on its corner.\n            `relative` anchors the ball; a 32px box keeps titles aligned even\n            when an icon-less row only shows the ball. */}\n        {item.icon || statusBall ? (\n          <span className=\"ds:relative ds:size-8 ds:shrink-0\">\n            {item.icon ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:size-8 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4\"\n              >\n                {item.icon}\n              </span>\n            ) : null}\n            {statusBall}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {variant === 'dashboard' ? (\n              // `h3` keeps the dashboard heading ladder continuous:\n              // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).\n              <h3 className=\"ds:m-0 ds:flex-1 ds:min-w-0 type-title-item\">\n                {titleNode}\n              </h3>\n            ) : (\n              <span className=\"ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]\">\n                {titleNode}\n              </span>\n            )}\n          </div>\n\n          {item.description ? (\n            <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words\">\n              {item.description}\n            </p>\n          ) : null}\n\n          <Timestamp\n            value={item.createdAt}\n            shape=\"chip\"\n            size=\"sm\"\n            relativeWindow={12 * 60 * 60 * 1000}\n          />\n\n          {variant === 'dashboard' && (ctaLabel || dismissLabel) ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {ctaLabel && hasSafeUrl ? (\n                <Button\n                  intent=\"outline\"\n                  size=\"sm\"\n                  asChild\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  <a\n                    href={item.url}\n                    onClick={(event) => {\n                      if (\n                        event.defaultPrevented ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey\n                      )\n                        return;\n                      event.preventDefault();\n                      onActivate?.(item);\n                    }}\n                  >\n                    {ctaLabel}\n                  </a>\n                </Button>\n              ) : null}\n              {dismissLabel && onDismiss ? (\n                <Button\n                  intent=\"link\"\n                  size=\"sm\"\n                  onClick={handleDismiss}\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  {dismissLabel}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {/* Close — inline-end, hover/focus-revealed. Absolutely positioned so it\n            claims no width at rest: the title fills the row and there's no empty\n            gap when the row isn't hovered. */}\n        {variant === 'compact' && onDismiss ? (\n          <span\n            className={\n              'ds:absolute ds:z-[2] ds:opacity-0 ds:pointer-events-none ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-hover:pointer-events-auto ds:group-focus-within:opacity-100 ds:group-focus-within:pointer-events-auto ' +\n              closeInset\n            }\n          >\n            <IconButton\n              icon={<X />}\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-label={t('notificationCard.dismiss', 'Dismiss notification')}\n              onClick={handleDismiss}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNotificationCard.displayName = 'NotificationCard';\n"],"names":["cardVariants","cva","stretchedLinkClass","isSafeNotificationUrl","url","NotificationCard","forwardRef","item","variant","surface","size","onActivate","onToggleRead","onDismiss","ctaLabel","dismissLabel","leaving","className","rest","ref","t","i18n","useTranslation","accessibleTime","useMemo","date","isControlledLeaving","isLeaving","setIsLeaving","useState","dismissTimerRef","useRef","effectiveLeaving","prefersReducedMotion","handleDismiss","useCallback","raw","ms","state","unreadSuffix","ariaLabel","hasSafeUrl","closeInset","ballPos","ballDot","ballRing","ballBtn","ballVisual","statusBall","jsx","titleText","titleNode","event","jsxs","Timestamp","Button","IconButton","X"],"mappings":"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"}

package/dist/_chunks/{notification-tray-BiRzXHDf.js → notification-tray-CJ8jOe-U.js}

@@ -5,13 +5,13 @@ import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
 import { u as le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as pe } from "./icon-button-DA2CAGHZ.js";
+import { I as pe } from "./icon-button-8xqRnkdG.js";
 import { B as F } from "./button-nJaPh_HC.js";
 import { S as H } from "./separator-CYU_bGFn.js";
 import { S as b } from "./skeleton-CZbwyJAA.js";
-import { C as fe } from "./counter-dRlTNC_y.js";
+import { C as fe } from "./counter-WsvRuum1.js";
 import { S as me } from "./scroll-area-BZOvUhwQ.js";
-import { N as ue } from "./notification-card-CtrzoTUO.js";
+import { N as ue } from "./notification-card-ChcK9Wat.js";
 import { u as ge } from "./registry-DvAUVLHh.js";
 import { c as ve } from "./createLucideIcon-DhHxpK9K.js";
 /**
@@ -496,4 +496,4 @@ export {
   ze as N,
   ye as n
 };
-//# sourceMappingURL=notification-tray-BiRzXHDf.js.map
+//# sourceMappingURL=notification-tray-CJ8jOe-U.js.map