@alfadocs/ui-kit-debug 1.94.0 → 1.95.1

package/dist/_chunks/{notification-tray-0OkA2duS.js → notification-tray-CQK3lw87.js}

@@ -8,7 +8,7 @@ import { u as fe } from "./use-controllable-state-BiY4xTzM.js";
 import { u as me } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { I as ue } from "./icon-button-S8_weU3g.js";
 import { B as A } from "./button-DohK_Ak_.js";
-import { S as F } from "./separator-CYU_bGFn.js";
+import { S as F } from "./separator-Bdc9bqoJ.js";
 import { S as T } from "./skeleton-tTWJpvAq.js";
 import { C as ge } from "./counter-WsvRuum1.js";
 import { S as ve } from "./scroll-area-CY5SLYNw.js";
@@ -503,4 +503,4 @@ export {
   ke as N,
   Te as n
 };
-//# sourceMappingURL=notification-tray-0OkA2duS.js.map
+//# sourceMappingURL=notification-tray-CQK3lw87.js.map

package/dist/_chunks/{notification-tray-0OkA2duS.js.map → notification-tray-CQK3lw87.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notification-tray-0OkA2duS.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bell.mjs","../../src/components/notification-tray/notification-tray.agent.ts","../../src/components/notification-tray/notification-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ]\n];\nconst Bell = createLucideIcon(\"bell\", __iconNode);\n\nexport { __iconNode, Bell as default };\n//# sourceMappingURL=bell.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — NotificationTray.                                      */\n/*                                                                        */\n/* Tray-level surface: an agent can open / close the panel, read the      */\n/* current items (id + read flag only — never PHI), and route per-item    */\n/* operations (dismiss, mark_read, select) through the curated handle.    */\n/* All actions are routed through the imperative handle; the adapter      */\n/* never touches the DOM directly.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotificationTrayHandle } from './notification-tray';\n\nexport const notificationTrayAgent: AgentAdapter<NotificationTrayHandle> = {\n  id: 'notification-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss', 'navigate'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.notificationTray.state.items',\n      description:\n        'Currently-displayed notifications. Ids + read flag only — no PHI.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.notificationTray.state.unreadCount',\n      description: 'Badge unread count surfaced by the host.',\n      read: (handle) => handle.getUnreadCount(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notificationTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.open',\n      description: 'Open the notification panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.close',\n      description: 'Close the notification panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.selectItem',\n      description: 'Activate the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.markRead',\n      description: 'Request the host to mark a notification as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.dismiss',\n      description:\n        'Request the host to dismiss the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n    mark_all_read: {\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.markAllRead',\n      description: 'Request the host to mark every notification as read.',\n      invoke: (handle) => {\n        handle.markAllRead();\n      },\n    },\n    view_all: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.viewAll',\n      description: 'Navigate to the full notification list.',\n      invoke: (handle) => {\n        handle.viewAll();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notification-tray',\n      description: 'Marks the NotificationTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-notification-id',\n      description:\n        'Stable notification id emitted on each rendered NotificationCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Bell } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Separator } from '../separator/separator';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Counter } from '../counter/counter';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport {\n  NotificationCard,\n  type NotificationItem,\n} from '../notification-card/notification-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notificationTrayAgent } from './notification-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for NotificationTray. Exposed as the\n * forwardRef target so a future agent / MCP UI bridge can drive the\n * tray without touching the DOM. See `notification-tray.agent.ts`.\n */\nexport interface NotificationTrayHandle {\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n  getItems: () => Array<{ id: string; read: boolean }>;\n  getUnreadCount: () => number;\n  selectItem: (id: string) => void;\n  markRead: (id: string) => void;\n  dismiss: (id: string) => void;\n  /** Request the host to mark every notification as read (mirrors onMarkAllRead). */\n  markAllRead: () => void;\n  /** Navigate to the full notification list (mirrors onViewAll). */\n  viewAll: () => void;\n}\n\nexport interface NotificationTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof notificationTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** Fires when the host should mark a single notification as read (used by agent integration). */\n  onMarkRead?: (item: NotificationItem) => void;\n  /** Notifications rendered in the dropdown panel. */\n  items: NotificationItem[];\n  /** Number of unseen notifications. Drives the badge count. */\n  unseenCount?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when the user activates an item (click or Enter/Space). */\n  onItemClick?: (item: NotificationItem) => void;\n  /** Fires when the user dismisses a notification. */\n  onDismiss?: (item: NotificationItem) => void;\n  /** Fires when the user clicks the header \"Mark all as read\" action. */\n  onMarkAllRead?: () => void;\n  /** When true the panel shows skeleton placeholders. */\n  loading?: boolean;\n  /** Advisory item count before the list scrolls. Consumers override the cap\n   *  via the `--notification-tray-max-block-size` custom property. */\n  maxVisible?: number;\n  /** When set renders a footer link that invokes `onViewAll`. */\n  viewAllLabel?: string;\n  /** Fires when the footer \"View all\" link is clicked. */\n  onViewAll?: () => void;\n  /** Panel alignment relative to the trigger. Default `'end'`. */\n  align?: 'start' | 'center' | 'end';\n  /** Side of the trigger to open on. Default `'bottom'`. */\n  side?: 'top' | 'bottom';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst notificationTrayVariants = cva(\n  'ds:relative ds:inline-flex ds:items-center',\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    // Subtle tokenized border pairs with the drop-shadow so the panel's\n    // edge stays legible in dark themes (where the shadow alone reads as a\n    // faint halo). `--card-border` is alpha-based (32% in dark, lighter in\n    // light) so the edge cue stays soft rather than turning into a heavy\n    // outline. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM repaints a fully visible edge.\n    'ds:border ds:border-[color:var(--card-border)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    // Width: fluid below the design cap so narrow viewports keep a visible\n    // gutter on *both* sides of the panel (shadow included). The legacy\n    // `min-w` approach clamped at 20rem, which flush-mounted the panel\n    // against the inline-start viewport edge on phones.\n    'ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]',\n    // Height: below the `sm` breakpoint the panel takes a near-full-screen\n    // sheet shape so the user gets room to triage messages / notifications\n    // without scrolling a tiny popover. `6rem` reserves space for the\n    // Header (≈4rem) plus the sideOffset + collisionPadding (≈2rem).\n    // Above `sm` it returns to `h-auto` so the list's own\n    // `--*-tray-max-block-size` cap governs the height.\n    'ds:h-[calc(100dvh-6rem)] ds:sm:h-auto',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:focus-visible:outline-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-xs)]',\n        md: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// The unread overlay is the kit `Counter` (variant `notification`, size\n// `md`) — a single source of truth for the red count badge. This tray only\n// owns the *placement*: anchored to the trigger's top-end corner, nudged\n// outward so the bell icon isn't covered.\nconst badgeOverlay =\n  'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)] ds:pointer-events-none';\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\nfunction SkeletonRow() {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\"\n    >\n      <Skeleton variant=\"circular\" size=\"sm\" />\n      <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <Skeleton variant=\"text\" size=\"md\" width=\"70%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"90%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className=\"ds:flex ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-lg)] ds:text-center\"\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5\"\n      >\n        <Bell />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('notificationTray.noNotifications', 'No notifications')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t(\n          'notificationTray.noNotificationsDescription',\n          \"You're all caught up.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationTray = forwardRef<\n  HTMLDivElement,\n  NotificationTrayProps\n>(\n  (\n    {\n      id,\n      items,\n      unseenCount,\n      open,\n      onOpenChange,\n      onItemClick,\n      onDismiss,\n      onMarkRead,\n      onMarkAllRead,\n      loading = false,\n      maxVisible,\n      viewAllLabel,\n      onViewAll,\n      align = 'end',\n      side = 'bottom',\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    const [isOpenRaw, handleOpenChange] = useControllableState<boolean>({\n      value: open,\n      defaultValue: false,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? false;\n\n    /* Exit-animation list (AnimatePresence-style).\n     * `displayed` holds an entry per card that's currently mounted, even\n     * briefly after the consumer removes an item from `items`. When the\n     * consumer drops an id from `items`, we flip that entry to\n     * `leaving: true` for one animation cycle, then prune it. */\n    type Displayed = { item: NotificationItem; leaving: boolean };\n    const [displayed, setDisplayed] = useState<Displayed[]>(() =>\n      items.map((item) => ({ item, leaving: false })),\n    );\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    // `useLayoutEffect` so the `leaving=true` flip applies in the same paint\n    // as the consumer's `items` update. With `useEffect` the browser paints\n    // once with the dismissed card still at `leaving=false` (no animation)\n    // before the flag flips — a visible lag before the exit animation starts.\n    useIsomorphicLayoutEffect(() => {\n      setDisplayed((prev) => {\n        const nextIds = new Set(items.map((i) => i.id));\n        const prevIds = new Set(prev.map((d) => d.item.id));\n\n        const merged: Displayed[] = prev.map((d) => {\n          if (nextIds.has(d.item.id)) {\n            const fresh = items.find((i) => i.id === d.item.id);\n            return fresh\n              ? { item: fresh, leaving: false }\n              : { ...d, leaving: true };\n          }\n          return { ...d, leaving: true };\n        });\n\n        for (const i of items) {\n          if (!prevIds.has(i.id)) merged.push({ item: i, leaving: false });\n        }\n        return merged;\n      });\n    }, [items]);\n\n    useEffect(() => {\n      if (!displayed.some((d) => d.leaving)) return;\n      const ms = animationDurationMs();\n      const timer = setTimeout(() => {\n        setDisplayed((prev) => prev.filter((d) => !d.leaving));\n      }, ms);\n      return () => clearTimeout(timer);\n    }, [displayed, animationDurationMs]);\n\n    /* Polite live region — announces when a new unread notification\n       floats to the top of the list, even with the panel closed. */\n    const liveRegionRef = useRef<HTMLDivElement | null>(null);\n    const lastTopIdRef = useRef<string | undefined>(items[0]?.id);\n\n    useEffect(() => {\n      const topId = items[0]?.id;\n      const prev = lastTopIdRef.current;\n      if (prev && topId && prev !== topId && liveRegionRef.current) {\n        const newest = items[0];\n        if (newest && !newest.read) {\n          liveRegionRef.current.textContent = t(\n            'notificationTray.newNotification',\n            {\n              title: newest.title,\n              defaultValue: 'New notification: {{title}}',\n            },\n          );\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unseenCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('notificationTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Notifications, {{count}} unread',\n          })\n        : t('notificationTray.triggerLabelNone', 'Notifications, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('notificationTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. Pure look-ups +\n     * delegations into the consumer-supplied callbacks; never touches the\n     * DOM. See notification-tray.agent.ts. */\n    const itemsRef = useRef<NotificationItem[]>(items);\n    itemsRef.current = items;\n    const unseenRef = useRef<number | undefined>(unseenCount);\n    unseenRef.current = unseenCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<NotificationTrayHandle>(\n      () => ({\n        open: () => handleOpenChange(true),\n        close: () => handleOpenChange(false),\n        isOpen: () => isOpenRef.current,\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, read: !!i.read })),\n        getUnreadCount: () =>\n          unseenRef.current ?? itemsRef.current.filter((i) => !i.read).length,\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onItemClick?.(found);\n        },\n        markRead: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onMarkRead?.(found);\n        },\n        dismiss: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onDismiss?.(found);\n        },\n        markAllRead: () => onMarkAllRead?.(),\n        viewAll: () => onViewAll?.(),\n      }),\n      [\n        handleOpenChange,\n        onItemClick,\n        onMarkRead,\n        onDismiss,\n        onMarkAllRead,\n        onViewAll,\n      ],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(notificationTrayAgent, handle, id);\n    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => handleOpenChange(false),\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"notification-tray\"\n        data-component-id={id}\n        className={[notificationTrayVariants({ size }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange}>\n          <RadixPopover.Trigger asChild>\n            <IconButton\n              icon={<Bell />}\n              intent=\"outline\"\n              size={size === 'sm' ? 'sm' : 'md'}\n              aria-label={triggerAriaLabel}\n              aria-haspopup=\"dialog\"\n            />\n          </RadixPopover.Trigger>\n          {displayCount > 0 ? (\n            <Counter\n              variant=\"notification\"\n              size=\"md\"\n              aria-hidden=\"true\"\n              data-testid=\"notification-tray-badge\"\n              className={badgeOverlay}\n            >\n              {badgeLabel}\n            </Counter>\n          ) : null}\n          {/* Live region sits outside the popover so it announces even\n              while the panel is closed. */}\n          <div\n            ref={liveRegionRef}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            className=\"ds:sr-only\"\n          />\n          <RadixPopover.Portal>\n            <RadixPopover.Content\n              role=\"dialog\"\n              onKeyDown={exitOnTab}\n              aria-label={t('notificationTray.panelTitle', 'Notifications')}\n              side={side}\n              align={align}\n              sideOffset={8}\n              // `spacing-md` (16px) keeps Radix's collision-avoidance from\n              // flush-mounting the panel against the viewport edge when the\n              // trigger is near the inline-end of a narrow screen.\n              collisionPadding={16}\n              className={panelClass}\n            >\n              <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]\">\n                <h3 className=\"ds:m-0 type-title-card ds:text-[color:var(--foreground)]\">\n                  {t('notificationTray.panelTitle', 'Notifications')}\n                </h3>\n                {onMarkAllRead && items.some((item) => !item.read) ? (\n                  <Button\n                    intent=\"link\"\n                    size=\"sm\"\n                    onClick={onMarkAllRead}\n                    className=\"ds:text-[length:var(--font-size-xs)]\"\n                  >\n                    {t('notificationTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Cap at ~24rem so ~5 items fit before the list scrolls.\n                  Consumers override via the --notification-tray-max-block-size\n                  custom property on the root element. */}\n              {/* Below `sm` the panel is a near-full-screen sheet (see\n                  `panelVariants`) and the list expands to fill the remaining\n                  space with `flex-1`. Above `sm` the list caps at the\n                  `--notification-tray-max-block-size` custom property so the\n                  popover stays compact. ScrollArea owns the overflow + the\n                  token-styled 8px overlay scrollbar. */}\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]\"\n              >\n                <div\n                  // `role=\"list\"` requires `listitem` children — applied only\n                  // when we render NotificationCards. The empty / loading\n                  // states render a `role=\"status\"` panel which would violate\n                  // aria-required-children if the list role were always on.\n                  role={loading || displayed.length === 0 ? undefined : 'list'}\n                  data-max-visible={maxVisible}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]\"\n                >\n                  {loading ? (\n                    <>\n                      <SkeletonRow />\n                      <SkeletonRow />\n                      <SkeletonRow />\n                    </>\n                  ) : displayed.length === 0 ? (\n                    <EmptyPanel />\n                  ) : (\n                    displayed.map(({ item, leaving }) => (\n                      <NotificationCard\n                        key={item.id}\n                        item={item}\n                        variant=\"compact\"\n                        leaving={leaving}\n                        onActivate={onItemClick}\n                        onDismiss={onDismiss}\n                        data-notification-id={item.id}\n                      />\n                    ))\n                  )}\n                </div>\n              </ScrollArea>\n              {viewAllLabel ? (\n                <>\n                  <Separator />\n                  <div className=\"ds:pt-[var(--spacing-xs)]\">\n                    <Button\n                      intent=\"link\"\n                      size=\"sm\"\n                      onClick={onViewAll}\n                      className=\"ds:w-full ds:justify-center\"\n                    >\n                      {viewAllLabel}\n                    </Button>\n                  </div>\n                </>\n              ) : null}\n            </RadixPopover.Content>\n          </RadixPopover.Portal>\n        </RadixPopover.Root>\n      </div>\n    );\n  },\n);\n\nNotificationTray.displayName = 'NotificationTray';\n"],"names":["__iconNode","Bell","createLucideIcon","notificationTrayAgent","handle","args","notificationTrayVariants","cva","panelVariants","badgeOverlay","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","useTranslation","NotificationTray","forwardRef","id","items","unseenCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","t","isOpenRaw","handleOpenChange","useControllableState","isOpen","displayed","setDisplayed","useState","item","animationDurationMs","useCallback","raw","trimmed","n","useIsomorphicLayoutEffect","prev","nextIds","i","prevIds","d","merged","fresh","useEffect","ms","timer","liveRegionRef","useRef","lastTopIdRef","_a","topId","newest","displayCount","triggerAriaLabel","badgeLabel","panelClass","itemsRef","unseenRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","exitOnTab","useNonModalTabExit","findPopoverTrigger","RadixPopover","IconButton","Counter","Button","Separator","ScrollArea","Fragment","leaving","NotificationCard"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"notification-tray-CQK3lw87.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bell.mjs","../../src/components/notification-tray/notification-tray.agent.ts","../../src/components/notification-tray/notification-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ]\n];\nconst Bell = createLucideIcon(\"bell\", __iconNode);\n\nexport { __iconNode, Bell as default };\n//# sourceMappingURL=bell.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — NotificationTray.                                      */\n/*                                                                        */\n/* Tray-level surface: an agent can open / close the panel, read the      */\n/* current items (id + read flag only — never PHI), and route per-item    */\n/* operations (dismiss, mark_read, select) through the curated handle.    */\n/* All actions are routed through the imperative handle; the adapter      */\n/* never touches the DOM directly.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotificationTrayHandle } from './notification-tray';\n\nexport const notificationTrayAgent: AgentAdapter<NotificationTrayHandle> = {\n  id: 'notification-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss', 'navigate'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.notificationTray.state.items',\n      description:\n        'Currently-displayed notifications. Ids + read flag only — no PHI.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.notificationTray.state.unreadCount',\n      description: 'Badge unread count surfaced by the host.',\n      read: (handle) => handle.getUnreadCount(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notificationTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.open',\n      description: 'Open the notification panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.close',\n      description: 'Close the notification panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.selectItem',\n      description: 'Activate the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.markRead',\n      description: 'Request the host to mark a notification as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.dismiss',\n      description:\n        'Request the host to dismiss the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n    mark_all_read: {\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.markAllRead',\n      description: 'Request the host to mark every notification as read.',\n      invoke: (handle) => {\n        handle.markAllRead();\n      },\n    },\n    view_all: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.viewAll',\n      description: 'Navigate to the full notification list.',\n      invoke: (handle) => {\n        handle.viewAll();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notification-tray',\n      description: 'Marks the NotificationTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-notification-id',\n      description:\n        'Stable notification id emitted on each rendered NotificationCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Bell } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Separator } from '../separator/separator';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Counter } from '../counter/counter';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport {\n  NotificationCard,\n  type NotificationItem,\n} from '../notification-card/notification-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notificationTrayAgent } from './notification-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for NotificationTray. Exposed as the\n * forwardRef target so a future agent / MCP UI bridge can drive the\n * tray without touching the DOM. See `notification-tray.agent.ts`.\n */\nexport interface NotificationTrayHandle {\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n  getItems: () => Array<{ id: string; read: boolean }>;\n  getUnreadCount: () => number;\n  selectItem: (id: string) => void;\n  markRead: (id: string) => void;\n  dismiss: (id: string) => void;\n  /** Request the host to mark every notification as read (mirrors onMarkAllRead). */\n  markAllRead: () => void;\n  /** Navigate to the full notification list (mirrors onViewAll). */\n  viewAll: () => void;\n}\n\nexport interface NotificationTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof notificationTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** Fires when the host should mark a single notification as read (used by agent integration). */\n  onMarkRead?: (item: NotificationItem) => void;\n  /** Notifications rendered in the dropdown panel. */\n  items: NotificationItem[];\n  /** Number of unseen notifications. Drives the badge count. */\n  unseenCount?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when the user activates an item (click or Enter/Space). */\n  onItemClick?: (item: NotificationItem) => void;\n  /** Fires when the user dismisses a notification. */\n  onDismiss?: (item: NotificationItem) => void;\n  /** Fires when the user clicks the header \"Mark all as read\" action. */\n  onMarkAllRead?: () => void;\n  /** When true the panel shows skeleton placeholders. */\n  loading?: boolean;\n  /** Advisory item count before the list scrolls. Consumers override the cap\n   *  via the `--notification-tray-max-block-size` custom property. */\n  maxVisible?: number;\n  /** When set renders a footer link that invokes `onViewAll`. */\n  viewAllLabel?: string;\n  /** Fires when the footer \"View all\" link is clicked. */\n  onViewAll?: () => void;\n  /** Panel alignment relative to the trigger. Default `'end'`. */\n  align?: 'start' | 'center' | 'end';\n  /** Side of the trigger to open on. Default `'bottom'`. */\n  side?: 'top' | 'bottom';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst notificationTrayVariants = cva(\n  'ds:relative ds:inline-flex ds:items-center',\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    // Subtle tokenized border pairs with the drop-shadow so the panel's\n    // edge stays legible in dark themes (where the shadow alone reads as a\n    // faint halo). `--card-border` is alpha-based (32% in dark, lighter in\n    // light) so the edge cue stays soft rather than turning into a heavy\n    // outline. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM repaints a fully visible edge.\n    'ds:border ds:border-[color:var(--card-border)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    // Width: fluid below the design cap so narrow viewports keep a visible\n    // gutter on *both* sides of the panel (shadow included). The legacy\n    // `min-w` approach clamped at 20rem, which flush-mounted the panel\n    // against the inline-start viewport edge on phones.\n    'ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]',\n    // Height: below the `sm` breakpoint the panel takes a near-full-screen\n    // sheet shape so the user gets room to triage messages / notifications\n    // without scrolling a tiny popover. `6rem` reserves space for the\n    // Header (≈4rem) plus the sideOffset + collisionPadding (≈2rem).\n    // Above `sm` it returns to `h-auto` so the list's own\n    // `--*-tray-max-block-size` cap governs the height.\n    'ds:h-[calc(100dvh-6rem)] ds:sm:h-auto',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:focus-visible:outline-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-xs)]',\n        md: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// The unread overlay is the kit `Counter` (variant `notification`, size\n// `md`) — a single source of truth for the red count badge. This tray only\n// owns the *placement*: anchored to the trigger's top-end corner, nudged\n// outward so the bell icon isn't covered.\nconst badgeOverlay =\n  'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)] ds:pointer-events-none';\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\nfunction SkeletonRow() {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\"\n    >\n      <Skeleton variant=\"circular\" size=\"sm\" />\n      <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <Skeleton variant=\"text\" size=\"md\" width=\"70%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"90%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className=\"ds:flex ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-lg)] ds:text-center\"\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5\"\n      >\n        <Bell />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('notificationTray.noNotifications', 'No notifications')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t(\n          'notificationTray.noNotificationsDescription',\n          \"You're all caught up.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationTray = forwardRef<\n  HTMLDivElement,\n  NotificationTrayProps\n>(\n  (\n    {\n      id,\n      items,\n      unseenCount,\n      open,\n      onOpenChange,\n      onItemClick,\n      onDismiss,\n      onMarkRead,\n      onMarkAllRead,\n      loading = false,\n      maxVisible,\n      viewAllLabel,\n      onViewAll,\n      align = 'end',\n      side = 'bottom',\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    const [isOpenRaw, handleOpenChange] = useControllableState<boolean>({\n      value: open,\n      defaultValue: false,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? false;\n\n    /* Exit-animation list (AnimatePresence-style).\n     * `displayed` holds an entry per card that's currently mounted, even\n     * briefly after the consumer removes an item from `items`. When the\n     * consumer drops an id from `items`, we flip that entry to\n     * `leaving: true` for one animation cycle, then prune it. */\n    type Displayed = { item: NotificationItem; leaving: boolean };\n    const [displayed, setDisplayed] = useState<Displayed[]>(() =>\n      items.map((item) => ({ item, leaving: false })),\n    );\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    // `useLayoutEffect` so the `leaving=true` flip applies in the same paint\n    // as the consumer's `items` update. With `useEffect` the browser paints\n    // once with the dismissed card still at `leaving=false` (no animation)\n    // before the flag flips — a visible lag before the exit animation starts.\n    useIsomorphicLayoutEffect(() => {\n      setDisplayed((prev) => {\n        const nextIds = new Set(items.map((i) => i.id));\n        const prevIds = new Set(prev.map((d) => d.item.id));\n\n        const merged: Displayed[] = prev.map((d) => {\n          if (nextIds.has(d.item.id)) {\n            const fresh = items.find((i) => i.id === d.item.id);\n            return fresh\n              ? { item: fresh, leaving: false }\n              : { ...d, leaving: true };\n          }\n          return { ...d, leaving: true };\n        });\n\n        for (const i of items) {\n          if (!prevIds.has(i.id)) merged.push({ item: i, leaving: false });\n        }\n        return merged;\n      });\n    }, [items]);\n\n    useEffect(() => {\n      if (!displayed.some((d) => d.leaving)) return;\n      const ms = animationDurationMs();\n      const timer = setTimeout(() => {\n        setDisplayed((prev) => prev.filter((d) => !d.leaving));\n      }, ms);\n      return () => clearTimeout(timer);\n    }, [displayed, animationDurationMs]);\n\n    /* Polite live region — announces when a new unread notification\n       floats to the top of the list, even with the panel closed. */\n    const liveRegionRef = useRef<HTMLDivElement | null>(null);\n    const lastTopIdRef = useRef<string | undefined>(items[0]?.id);\n\n    useEffect(() => {\n      const topId = items[0]?.id;\n      const prev = lastTopIdRef.current;\n      if (prev && topId && prev !== topId && liveRegionRef.current) {\n        const newest = items[0];\n        if (newest && !newest.read) {\n          liveRegionRef.current.textContent = t(\n            'notificationTray.newNotification',\n            {\n              title: newest.title,\n              defaultValue: 'New notification: {{title}}',\n            },\n          );\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unseenCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('notificationTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Notifications, {{count}} unread',\n          })\n        : t('notificationTray.triggerLabelNone', 'Notifications, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('notificationTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. Pure look-ups +\n     * delegations into the consumer-supplied callbacks; never touches the\n     * DOM. See notification-tray.agent.ts. */\n    const itemsRef = useRef<NotificationItem[]>(items);\n    itemsRef.current = items;\n    const unseenRef = useRef<number | undefined>(unseenCount);\n    unseenRef.current = unseenCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<NotificationTrayHandle>(\n      () => ({\n        open: () => handleOpenChange(true),\n        close: () => handleOpenChange(false),\n        isOpen: () => isOpenRef.current,\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, read: !!i.read })),\n        getUnreadCount: () =>\n          unseenRef.current ?? itemsRef.current.filter((i) => !i.read).length,\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onItemClick?.(found);\n        },\n        markRead: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onMarkRead?.(found);\n        },\n        dismiss: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onDismiss?.(found);\n        },\n        markAllRead: () => onMarkAllRead?.(),\n        viewAll: () => onViewAll?.(),\n      }),\n      [\n        handleOpenChange,\n        onItemClick,\n        onMarkRead,\n        onDismiss,\n        onMarkAllRead,\n        onViewAll,\n      ],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(notificationTrayAgent, handle, id);\n    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => handleOpenChange(false),\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"notification-tray\"\n        data-component-id={id}\n        className={[notificationTrayVariants({ size }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange}>\n          <RadixPopover.Trigger asChild>\n            <IconButton\n              icon={<Bell />}\n              intent=\"outline\"\n              size={size === 'sm' ? 'sm' : 'md'}\n              aria-label={triggerAriaLabel}\n              aria-haspopup=\"dialog\"\n            />\n          </RadixPopover.Trigger>\n          {displayCount > 0 ? (\n            <Counter\n              variant=\"notification\"\n              size=\"md\"\n              aria-hidden=\"true\"\n              data-testid=\"notification-tray-badge\"\n              className={badgeOverlay}\n            >\n              {badgeLabel}\n            </Counter>\n          ) : null}\n          {/* Live region sits outside the popover so it announces even\n              while the panel is closed. */}\n          <div\n            ref={liveRegionRef}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            className=\"ds:sr-only\"\n          />\n          <RadixPopover.Portal>\n            <RadixPopover.Content\n              role=\"dialog\"\n              onKeyDown={exitOnTab}\n              aria-label={t('notificationTray.panelTitle', 'Notifications')}\n              side={side}\n              align={align}\n              sideOffset={8}\n              // `spacing-md` (16px) keeps Radix's collision-avoidance from\n              // flush-mounting the panel against the viewport edge when the\n              // trigger is near the inline-end of a narrow screen.\n              collisionPadding={16}\n              className={panelClass}\n            >\n              <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]\">\n                <h3 className=\"ds:m-0 type-title-card ds:text-[color:var(--foreground)]\">\n                  {t('notificationTray.panelTitle', 'Notifications')}\n                </h3>\n                {onMarkAllRead && items.some((item) => !item.read) ? (\n                  <Button\n                    intent=\"link\"\n                    size=\"sm\"\n                    onClick={onMarkAllRead}\n                    className=\"ds:text-[length:var(--font-size-xs)]\"\n                  >\n                    {t('notificationTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Cap at ~24rem so ~5 items fit before the list scrolls.\n                  Consumers override via the --notification-tray-max-block-size\n                  custom property on the root element. */}\n              {/* Below `sm` the panel is a near-full-screen sheet (see\n                  `panelVariants`) and the list expands to fill the remaining\n                  space with `flex-1`. Above `sm` the list caps at the\n                  `--notification-tray-max-block-size` custom property so the\n                  popover stays compact. ScrollArea owns the overflow + the\n                  token-styled 8px overlay scrollbar. */}\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]\"\n              >\n                <div\n                  // `role=\"list\"` requires `listitem` children — applied only\n                  // when we render NotificationCards. The empty / loading\n                  // states render a `role=\"status\"` panel which would violate\n                  // aria-required-children if the list role were always on.\n                  role={loading || displayed.length === 0 ? undefined : 'list'}\n                  data-max-visible={maxVisible}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]\"\n                >\n                  {loading ? (\n                    <>\n                      <SkeletonRow />\n                      <SkeletonRow />\n                      <SkeletonRow />\n                    </>\n                  ) : displayed.length === 0 ? (\n                    <EmptyPanel />\n                  ) : (\n                    displayed.map(({ item, leaving }) => (\n                      <NotificationCard\n                        key={item.id}\n                        item={item}\n                        variant=\"compact\"\n                        leaving={leaving}\n                        onActivate={onItemClick}\n                        onDismiss={onDismiss}\n                        data-notification-id={item.id}\n                      />\n                    ))\n                  )}\n                </div>\n              </ScrollArea>\n              {viewAllLabel ? (\n                <>\n                  <Separator />\n                  <div className=\"ds:pt-[var(--spacing-xs)]\">\n                    <Button\n                      intent=\"link\"\n                      size=\"sm\"\n                      onClick={onViewAll}\n                      className=\"ds:w-full ds:justify-center\"\n                    >\n                      {viewAllLabel}\n                    </Button>\n                  </div>\n                </>\n              ) : null}\n            </RadixPopover.Content>\n          </RadixPopover.Portal>\n        </RadixPopover.Root>\n      </div>\n    );\n  },\n);\n\nNotificationTray.displayName = 'NotificationTray';\n"],"names":["__iconNode","Bell","createLucideIcon","notificationTrayAgent","handle","args","notificationTrayVariants","cva","panelVariants","badgeOverlay","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","useTranslation","NotificationTray","forwardRef","id","items","unseenCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","t","isOpenRaw","handleOpenChange","useControllableState","isOpen","displayed","setDisplayed","useState","item","animationDurationMs","useCallback","raw","trimmed","n","useIsomorphicLayoutEffect","prev","nextIds","i","prevIds","d","merged","fresh","useEffect","ms","timer","liveRegionRef","useRef","lastTopIdRef","_a","topId","newest","displayCount","triggerAriaLabel","badgeLabel","panelClass","itemsRef","unseenRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","exitOnTab","useNonModalTabExit","findPopoverTrigger","RadixPopover","IconButton","Counter","Button","Separator","ScrollArea","Fragment","leaving","NotificationCard"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{patient-details-DTlpBYHJ.js → patient-details-DQQpgx4A.js}

@@ -8,7 +8,7 @@ import { C as ie, b as te, a as se } from "./collapsible-DVPM46bq.js";
 import { D as ae } from "./description-list-BxzDN9o2.js";
 import { P as de } from "./panel-header-CbtlTe85.js";
 import { u as re } from "./registry-DvAUVLHh.js";
-import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-DWTKV1hF.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-Cb5jUd5Q.js";
 import { C as pe } from "./clipboard-list-rSzfIYZB.js";
 const me = {
   id: "patient-details",
@@ -368,4 +368,4 @@ export {
   ue as P,
   me as p
 };
-//# sourceMappingURL=patient-details-DTlpBYHJ.js.map
+//# sourceMappingURL=patient-details-DQQpgx4A.js.map

package/dist/_chunks/{patient-details-DTlpBYHJ.js.map → patient-details-DQQpgx4A.js.map}

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

package/dist/_chunks/{patient-field-row-DWTKV1hF.js → patient-field-row-Cb5jUd5Q.js}

@@ -6,7 +6,7 @@ import { B as ee } from "./button-DohK_Ak_.js";
 import { I } from "./icon-button-S8_weU3g.js";
 import { C as R } from "./checkbox-a7Sh-dXb.js";
 import { P as O } from "./popover-Da1ekjV1.js";
-import { S as te } from "./separator-CYU_bGFn.js";
+import { S as te } from "./separator-Bdc9bqoJ.js";
 import { S as ae } from "./settings-d25ju_6L.js";
 import { G as re } from "./grip-vertical-onSb1JXO.js";
 import { D as j } from "./description-list-BxzDN9o2.js";
@@ -805,4 +805,4 @@ export {
   Dt as r,
   St as u
 };
-//# sourceMappingURL=patient-field-row-DWTKV1hF.js.map
+//# sourceMappingURL=patient-field-row-Cb5jUd5Q.js.map