@alfadocs/ui-kit-debug 1.38.0 → 1.39.0

package/dist/_chunks/{message-tray-CXjVsKqp.js.map → message-tray-CrRIHfiQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"message-tray-CXjVsKqp.js","sources":["../../src/components/message-tray/message-tray.agent.ts","../../src/components/message-tray/message-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — MessageTray.                                           */\n/*                                                                        */\n/* Tray-level surface: open/close the inbox panel, read message ids and  */\n/* unread flag (never sender names / subjects / previews — those are     */\n/* PHI), and route per-message operations through the curated handle.    */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { MessageTrayHandle } from './message-tray';\n\nexport const messageTrayAgent: AgentAdapter<MessageTrayHandle> = {\n  id: 'message-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss', 'navigate'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.messageTray.state.items',\n      description:\n        'Currently-displayed messages. Ids + read flag only — no PHI / no sender names.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.messageTray.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.messageTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral panel-visibility change — read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.open',\n      description: 'Open the message panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      // Pure ephemeral panel-visibility change — read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.close',\n      description: 'Close the message panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      // Activates (navigates to) a message — ephemeral view change, read.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description:\n              'Stable message id to activate (sourced from item.id).',\n          },\n        },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.messageTray.actions.selectItem',\n      description: 'Activate the message with the given id.',\n      examples: [\n        { args: { id: 'msg-1' }, note: 'Open the message with id \"msg-1\".' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      // Persists read-intent for one message, reversible via the same UI — write.\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Stable message id to mark as read.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.markRead',\n      description: 'Request the host to mark a message as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      // Archives / removes a message — irreversible from this UI, destructive.\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Stable message id to dismiss / archive.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.dismiss',\n      description:\n        'Request the host to dismiss / archive the message with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n    mark_all_read: {\n      // Persists read-intent across every message, reversible per-message — write.\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.markAllRead',\n      description: 'Request the host to mark every message as read.',\n      invoke: (handle) => {\n        handle.markAllRead();\n      },\n    },\n    view_all: {\n      // Navigates to the full inbox surface — ephemeral view change, read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.viewAll',\n      description: 'Navigate to the full inbox / message list.',\n      invoke: (handle) => {\n        handle.viewAll();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'message-tray',\n      description: 'Marks the MessageTray 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-message-id',\n      description:\n        'Stable message id emitted on each rendered MessageCard 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 { 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 { Mail } 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 { ScrollArea } from '../scroll-area/scroll-area';\nimport { MessageCard, type MessageItem } from '../message-card/message-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { messageTrayAgent } from './message-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for MessageTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `message-tray.agent.ts`.\n */\nexport interface MessageTrayHandle {\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 message as read (mirrors onMarkAllRead). */\n  markAllRead: () => void;\n  /** Navigate to the full inbox (mirrors onViewAll). */\n  viewAll: () => void;\n}\n\nexport interface MessageTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof messageTrayVariants> {\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 message as read (used by agent integration). */\n  onMarkRead?: (item: MessageItem) => void;\n  /** Messages rendered in the dropdown panel. */\n  items: MessageItem[];\n  /** Number of unread messages. Drives the badge count. */\n  unreadCount?: 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: MessageItem) => void;\n  /** Fires when the user dismisses / archives a message. */\n  onDismiss?: (item: MessageItem) => 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  /**\n   * Advisory item count before the list scrolls. Consumers override the cap\n   * via the `--message-tray-max-block-size` custom property.\n   */\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 messageTrayVariants = cva('ds:relative ds:inline-flex ds:items-center', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\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 (shadow included). Cap slightly wider than\n    // NotificationTray because message rows carry subject + preview.\n    'ds:w-[min(26rem,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 an inbox without\n    // scrolling a tiny popover. `6rem` reserves space for the Header\n    // (≈4rem) plus the sideOffset + collisionPadding (≈2rem). Above `sm`\n    // it returns to `h-auto` so the list's own 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\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\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=\"60%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"80%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"95%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation();\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        <Mail />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('messageTray.noMessages', 'No messages')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t('messageTray.noMessagesDescription', 'Your inbox is clear.')}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const MessageTray = forwardRef<HTMLDivElement, MessageTrayProps>(\n  (\n    {\n      id,\n      items,\n      unreadCount,\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();\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 — same AnimatePresence-style bookkeeping as\n     * NotificationTray. See that component for rationale. */\n    type Displayed = { item: MessageItem; 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    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    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('messageTray.newMessage', {\n            sender: newest.sender.name,\n            defaultValue: 'New message from {{sender}}',\n          });\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unreadCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('messageTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Messages, {{count}} unread',\n          })\n        : t('messageTray.triggerLabelNone', 'Messages, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('messageTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. See\n     * message-tray.agent.ts. */\n    const itemsRef = useRef<MessageItem[]>(items);\n    itemsRef.current = items;\n    const unreadRef = useRef<number | undefined>(unreadCount);\n    unreadRef.current = unreadCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<MessageTrayHandle>(\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          unreadRef.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(messageTrayAgent, handle, id);\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"message-tray\"\n        data-component-id={id}\n        className={[messageTrayVariants({ 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={<Mail />}\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            <span\n              aria-hidden=\"true\"\n              data-testid=\"message-tray-badge\"\n              className={badgeVariants()}\n            >\n              {badgeLabel}\n            </span>\n          ) : null}\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              aria-label={t('messageTray.panelTitle', 'Messages')}\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('messageTray.panelTitle', 'Messages')}\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('messageTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Below `sm` the panel is a near-full-screen sheet (see\n                  `panelVariants`) and the scroll area expands to fill the\n                  remaining space with `flex-1`. Above `sm` it caps at the\n                  `--message-tray-max-block-size` custom property so the\n                  popover stays compact. The ScrollArea viewport owns the\n                  overflow + is keyboard-focusable, so the list keeps only its\n                  role/content classes. */}\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:min-h-0 ds:sm:flex-none ds:sm:[max-block-size:var(--message-tray-max-block-size,26rem)]\"\n              >\n                <div\n                  // Only carry `role=\"list\"` when there are list children —\n                  // axe's `aria-required-children` rule fires on an empty\n                  // list. The loading skeleton + populated rendering both\n                  // produce role=\"listitem\" descendants below.\n                  role={displayed.length > 0 ? 'list' : undefined}\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                      <MessageCard\n                        key={item.id}\n                        item={item}\n                        variant=\"compact\"\n                        leaving={leaving}\n                        onActivate={onItemClick}\n                        onDismiss={onDismiss}\n                        data-message-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\nMessageTray.displayName = 'MessageTray';\n"],"names":["messageTrayAgent","handle","args","messageTrayVariants","cva","panelVariants","badgeVariants","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","t","useTranslation","Mail","MessageTray","forwardRef","id","items","unreadCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","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","unreadRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","RadixPopover","IconButton","Button","Separator","ScrollArea","Fragment","leaving","MessageCard"],"mappings":"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"}
+{"version":3,"file":"message-tray-CrRIHfiQ.js","sources":["../../src/components/message-tray/message-tray.agent.ts","../../src/components/message-tray/message-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — MessageTray.                                           */\n/*                                                                        */\n/* Tray-level surface: open/close the inbox panel, read message ids and  */\n/* unread flag (never sender names / subjects / previews — those are     */\n/* PHI), and route per-message operations through the curated handle.    */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { MessageTrayHandle } from './message-tray';\n\nexport const messageTrayAgent: AgentAdapter<MessageTrayHandle> = {\n  id: 'message-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss', 'navigate'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.messageTray.state.items',\n      description:\n        'Currently-displayed messages. Ids + read flag only — no PHI / no sender names.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.messageTray.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.messageTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral panel-visibility change — read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.open',\n      description: 'Open the message panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      // Pure ephemeral panel-visibility change — read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.close',\n      description: 'Close the message panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      // Activates (navigates to) a message — ephemeral view change, read.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description:\n              'Stable message id to activate (sourced from item.id).',\n          },\n        },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.messageTray.actions.selectItem',\n      description: 'Activate the message with the given id.',\n      examples: [\n        { args: { id: 'msg-1' }, note: 'Open the message with id \"msg-1\".' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      // Persists read-intent for one message, reversible via the same UI — write.\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Stable message id to mark as read.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.markRead',\n      description: 'Request the host to mark a message as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      // Archives / removes a message — irreversible from this UI, destructive.\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Stable message id to dismiss / archive.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.dismiss',\n      description:\n        'Request the host to dismiss / archive the message with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n    mark_all_read: {\n      // Persists read-intent across every message, reversible per-message — write.\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.markAllRead',\n      description: 'Request the host to mark every message as read.',\n      invoke: (handle) => {\n        handle.markAllRead();\n      },\n    },\n    view_all: {\n      // Navigates to the full inbox surface — ephemeral view change, read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.viewAll',\n      description: 'Navigate to the full inbox / message list.',\n      invoke: (handle) => {\n        handle.viewAll();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'message-tray',\n      description: 'Marks the MessageTray 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-message-id',\n      description:\n        'Stable message id emitted on each rendered MessageCard 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 { 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 { Mail } 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 { ScrollArea } from '../scroll-area/scroll-area';\nimport { MessageCard, type MessageItem } from '../message-card/message-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { messageTrayAgent } from './message-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for MessageTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `message-tray.agent.ts`.\n */\nexport interface MessageTrayHandle {\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 message as read (mirrors onMarkAllRead). */\n  markAllRead: () => void;\n  /** Navigate to the full inbox (mirrors onViewAll). */\n  viewAll: () => void;\n}\n\nexport interface MessageTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof messageTrayVariants> {\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 message as read (used by agent integration). */\n  onMarkRead?: (item: MessageItem) => void;\n  /** Messages rendered in the dropdown panel. */\n  items: MessageItem[];\n  /** Number of unread messages. Drives the badge count. */\n  unreadCount?: 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: MessageItem) => void;\n  /** Fires when the user dismisses / archives a message. */\n  onDismiss?: (item: MessageItem) => 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  /**\n   * Advisory item count before the list scrolls. Consumers override the cap\n   * via the `--message-tray-max-block-size` custom property.\n   */\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 messageTrayVariants = cva('ds:relative ds:inline-flex ds:items-center', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\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 (shadow included). Cap slightly wider than\n    // NotificationTray because message rows carry subject + preview.\n    'ds:w-[min(26rem,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 an inbox without\n    // scrolling a tiny popover. `6rem` reserves space for the Header\n    // (≈4rem) plus the sideOffset + collisionPadding (≈2rem). Above `sm`\n    // it returns to `h-auto` so the list's own 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\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\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=\"60%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"80%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"95%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation();\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        <Mail />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('messageTray.noMessages', 'No messages')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t('messageTray.noMessagesDescription', 'Your inbox is clear.')}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const MessageTray = forwardRef<HTMLDivElement, MessageTrayProps>(\n  (\n    {\n      id,\n      items,\n      unreadCount,\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();\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 — same AnimatePresence-style bookkeeping as\n     * NotificationTray. See that component for rationale. */\n    type Displayed = { item: MessageItem; 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    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    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('messageTray.newMessage', {\n            sender: newest.sender.name,\n            defaultValue: 'New message from {{sender}}',\n          });\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unreadCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('messageTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Messages, {{count}} unread',\n          })\n        : t('messageTray.triggerLabelNone', 'Messages, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('messageTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. See\n     * message-tray.agent.ts. */\n    const itemsRef = useRef<MessageItem[]>(items);\n    itemsRef.current = items;\n    const unreadRef = useRef<number | undefined>(unreadCount);\n    unreadRef.current = unreadCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<MessageTrayHandle>(\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          unreadRef.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(messageTrayAgent, handle, id);\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"message-tray\"\n        data-component-id={id}\n        className={[messageTrayVariants({ 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={<Mail />}\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            <span\n              aria-hidden=\"true\"\n              data-testid=\"message-tray-badge\"\n              className={badgeVariants()}\n            >\n              {badgeLabel}\n            </span>\n          ) : null}\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              aria-label={t('messageTray.panelTitle', 'Messages')}\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('messageTray.panelTitle', 'Messages')}\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('messageTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Below `sm` the panel is a near-full-screen sheet (see\n                  `panelVariants`) and the scroll area expands to fill the\n                  remaining space with `flex-1`. Above `sm` it caps at the\n                  `--message-tray-max-block-size` custom property so the\n                  popover stays compact. The ScrollArea viewport owns the\n                  overflow + is keyboard-focusable, so the list keeps only its\n                  role/content classes. */}\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:min-h-0 ds:sm:flex-none ds:sm:[max-block-size:var(--message-tray-max-block-size,26rem)]\"\n              >\n                <div\n                  // Only carry `role=\"list\"` when there are list children —\n                  // axe's `aria-required-children` rule fires on an empty\n                  // list. The loading skeleton + populated rendering both\n                  // produce role=\"listitem\" descendants below.\n                  role={displayed.length > 0 ? 'list' : undefined}\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                      <MessageCard\n                        key={item.id}\n                        item={item}\n                        variant=\"compact\"\n                        leaving={leaving}\n                        onActivate={onItemClick}\n                        onDismiss={onDismiss}\n                        data-message-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\nMessageTray.displayName = 'MessageTray';\n"],"names":["messageTrayAgent","handle","args","messageTrayVariants","cva","panelVariants","badgeVariants","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","t","useTranslation","Mail","MessageTray","forwardRef","id","items","unreadCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","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","unreadRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","RadixPopover","IconButton","Button","Separator","ScrollArea","Fragment","leaving","MessageCard"],"mappings":"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"}

package/dist/_chunks/{note-timeline-D2oPuQP6.js → note-timeline-Dn_XTo1s.js}

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as M, useRef as S, useMemo as v } from "react";
-import { c as u } from "./index-D2ZczOXr.js";
-import { useTranslation as V } from "react-i18next";
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as D, useMemo as g, useRef as y, useEffect as H } from "react";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as L } from "react-i18next";
 import { SafeHtml as A } from "../safe-html/index.js";
-import { C as F, S as g } from "./skeleton-B1KTdJ4N.js";
-import { n as E, P as H, F as L, N as R } from "./note-attachment-CwDir3kK.js";
-import { u as D } from "./registry-DvAUVLHh.js";
-const P = {
+import { C as P, S as b } from "./skeleton-B1KTdJ4N.js";
+import { n as B, P as K, F as O, N as q } from "./note-attachment-CwDir3kK.js";
+import { u as G } from "./registry-DvAUVLHh.js";
+const J = {
   id: "note-timeline",
   capabilities: [],
   state: {
@@ -14,13 +14,13 @@ const P = {
       type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
       descriptionKey: "ui.agent.noteTimeline.state.notes",
       description: "Structural snapshot of the rendered rows: ids and flags only, never note content or author.",
-      read: (s) => s.getNotes()
+      read: (a) => a.getNotes()
     },
     visibleCount: {
       type: "number",
       descriptionKey: "ui.agent.noteTimeline.state.visibleCount",
       description: "How many notes are rendered, after the maxItems cap is applied.",
-      read: (s) => s.getVisibleCount()
+      read: (a) => a.getVisibleCount()
     }
   },
   actions: {},
@@ -36,7 +36,7 @@ const P = {
       description: "Sourced from the id prop — addresses a specific timeline."
     }
   }
-}, x = u(
+}, N = h(
   [
     // Named group so the rail's connector can ask "is my ROW the last one?".
     // A bare `last:` on the rail asks "am I the last child of my row?", which
@@ -45,7 +45,7 @@ const P = {
     "ds:group/note-row ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:pb-3 ds:last:pb-0"
   ].join(" ")
-), K = u(
+), Q = h(
   [
     "type-body-sm ds:[overflow-wrap:break-word]",
     // `[&_p]:m-0` — the converter wraps each block in <p>; the timeline
@@ -67,7 +67,7 @@ const P = {
     },
     defaultVariants: { lines: 3 }
   }
-), N = u(
+), T = h(
   [
     "ds:absolute ds:top-1 ds:start-0 ds:size-[9px]",
     "ds:rounded-[var(--radius-full)] ds:border-2",
@@ -91,64 +91,93 @@ const P = {
     defaultVariants: { tone: "default" }
   }
 );
-function O(s) {
-  return [...s].sort((r, d) => !!r.pinned != !!d.pinned ? r.pinned ? -1 : 1 : d.dateIso.localeCompare(r.dateIso));
+function U(a) {
+  return [...a].sort((r, i) => !!r.pinned != !!i.pinned ? r.pinned ? -1 : 1 : i.dateIso.localeCompare(r.dateIso));
 }
-const q = M(
+const W = [
+  "ds:absolute ds:inset-0 ds:z-1 ds:m-0 ds:cursor-pointer",
+  "ds:rounded-[var(--radius-sm)] ds:border-0 ds:bg-transparent ds:p-0",
+  "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]"
+].join(" "), X = D(
   ({
-    id: s,
+    id: a,
     notes: r,
-    maxItems: d = 3,
-    lines: w = 3,
-    locale: y,
-    emptyState: T,
-    "aria-label": k,
-    loading: i = !1,
-    loadingRows: j = 2,
-    className: l,
-    ...c
-  }, m) => {
-    const { t: p, i18n: C } = V(), f = y ?? C.language, h = S(!1);
-    i && (h.current = !0);
-    const _ = h.current ? F : "", o = v(
-      () => O(r).slice(0, Math.max(0, d)),
-      [r, d]
-    ), b = v(
+    maxItems: i = 3,
+    lines: k = 3,
+    locale: C,
+    emptyState: j,
+    "aria-label": I,
+    loading: p = !1,
+    loadingRows: z = 2,
+    className: u,
+    onNoteActivate: o,
+    ...f
+  }, d) => {
+    const { t: m, i18n: S } = L(), l = C ?? S.language, V = g(
+      () => (e) => {
+        try {
+          return new Intl.DateTimeFormat(l, {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit"
+          }).format(new Date(e));
+        } catch {
+          return e;
+        }
+      },
+      [l]
+    ), v = y(!1);
+    p && (v.current = !0);
+    const _ = v.current ? P : "", c = g(
+      () => U(r).slice(0, Math.max(0, i)),
+      [r, i]
+    ), x = y(null), F = (e) => {
+      x.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+    };
+    H(() => {
+      var e;
+      o && ((e = x.current) == null || e.querySelectorAll("a[href]").forEach((t) => t.setAttribute("tabindex", "-1")));
+    });
+    const w = g(
       () => ({
-        dayMonth: new Intl.DateTimeFormat(f, {
+        dayMonth: new Intl.DateTimeFormat(l, {
           day: "numeric",
           month: "short"
         }),
-        year: new Intl.DateTimeFormat(f, { year: "numeric" })
+        year: new Intl.DateTimeFormat(l, { year: "numeric" })
       }),
-      [f]
+      [l]
     );
-    return D(
-      P,
+    return G(
+      J,
       {
-        getNotes: () => o.map((e) => ({
+        getNotes: () => c.map((e) => ({
           id: e.id,
           pinned: !!e.pinned,
           flagged: !!e.flagged,
           clinical: !!e.clinical
         })),
-        getVisibleCount: () => o.length
+        getVisibleCount: () => c.length
       },
-      s
-    ), i && o.length === 0 ? /* @__PURE__ */ a(
+      a
+    ), p && c.length === 0 ? /* @__PURE__ */ s(
       "div",
       {
-        ref: m,
+        ref: d,
         "data-component": "note-timeline",
-        "data-component-id": s,
+        "data-component-id": a,
         "data-loading": "",
         "aria-busy": "true",
-        className: ["ds:flex ds:flex-col", l ?? ""].join(" ").trim(),
-        ...c,
-        children: Array.from({ length: Math.max(1, j) }, (e, t) => /* @__PURE__ */ n("div", { "aria-hidden": "true", className: x(), children: [
+        className: ["ds:flex ds:flex-col", u ?? ""].join(" ").trim(),
+        ...f,
+        children: Array.from({ length: Math.max(1, z) }, (e, t) => /* @__PURE__ */ n("div", { "aria-hidden": "true", className: N(), children: [
           /* @__PURE__ */ n("div", { className: "ds:flex ds:w-12 ds:shrink-0 ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)] ds:pt-px", children: [
-            /* @__PURE__ */ a(
-              g,
+            /* @__PURE__ */ s(
+              b,
               {
                 variant: "text",
                 size: "sm",
@@ -156,8 +185,8 @@ const q = M(
                 width: "80%"
               }
             ),
-            /* @__PURE__ */ a(
-              g,
+            /* @__PURE__ */ s(
+              b,
               {
                 variant: "text",
                 size: "sm",
@@ -166,7 +195,7 @@ const q = M(
               }
             )
           ] }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             "div",
             {
               className: [
@@ -176,11 +205,11 @@ const q = M(
                 'ds:before:bg-[color:var(--border)] ds:before:content-[""]',
                 "ds:group-last/note-row:before:hidden"
               ].join(" "),
-              children: /* @__PURE__ */ a("span", { className: N({ tone: "default" }) })
+              children: /* @__PURE__ */ s("span", { className: T({ tone: "default" }) })
             }
           ),
-          /* @__PURE__ */ a("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ a(
-            g,
+          /* @__PURE__ */ s("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ s(
+            b,
             {
               variant: "text",
               size: "sm",
@@ -190,30 +219,30 @@ const q = M(
           ) })
         ] }, t))
       }
-    ) : o.length === 0 ? /* @__PURE__ */ a(
+    ) : c.length === 0 ? /* @__PURE__ */ s(
       "div",
       {
-        ref: m,
+        ref: d,
         "data-component": "note-timeline",
-        "data-component-id": s,
+        "data-component-id": a,
         "data-empty": "",
-        className: l,
-        ...c,
-        children: T
+        className: u,
+        ...f,
+        children: j
       }
-    ) : /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ s(
       "div",
       {
-        ref: m,
+        ref: F,
         "data-component": "note-timeline",
-        "data-component-id": s,
+        "data-component-id": a,
         role: "list",
-        "aria-busy": i || void 0,
-        "aria-label": k ?? p("noteTimeline.regionLabel"),
-        className: ["ds:flex ds:flex-col", _, l ?? ""].join(" ").trim(),
-        ...c,
-        children: o.map((e) => {
-          const t = new Date(e.dateIso), z = e.pinned ? "pinned" : e.flagged ? "flagged" : "default", I = e.contentFormat === "html" ? e.content : E(e.content);
+        "aria-busy": p || void 0,
+        "aria-label": I ?? m("noteTimeline.regionLabel"),
+        className: ["ds:flex ds:flex-col", _, u ?? ""].join(" ").trim(),
+        ...f,
+        children: c.map((e) => {
+          const t = new Date(e.dateIso), M = e.pinned ? "pinned" : e.flagged ? "flagged" : "default", E = e.contentFormat === "html" ? e.content : B(e.content), R = !!(o && e.id);
           return /* @__PURE__ */ n(
             "div",
             {
@@ -221,13 +250,25 @@ const q = M(
               "data-note-id": e.id,
               "data-pinned": e.pinned ? "" : void 0,
               "data-flagged": e.flagged ? "" : void 0,
-              className: x(),
+              className: N(),
               children: [
+                R ? /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    className: W,
+                    "aria-label": m("noteTimeline.openNote", {
+                      date: V(e.dateIso),
+                      defaultValue: "Open note · {{date}}"
+                    }),
+                    onClick: () => o == null ? void 0 : o(e.id)
+                  }
+                ) : null,
                 /* @__PURE__ */ n("div", { className: "ds:w-12 ds:shrink-0 ds:pt-px ds:text-end ds:text-[length:var(--type-meta-size)] ds:leading-[1.3]", children: [
-                  /* @__PURE__ */ a("div", { className: "ds:font-semibold ds:tracking-[0.03em] ds:uppercase", children: b.dayMonth.format(t) }),
-                  /* @__PURE__ */ a("div", { className: "ds:text-[color:var(--muted-foreground)]", children: b.year.format(t) })
+                  /* @__PURE__ */ s("div", { className: "ds:font-semibold ds:tracking-[0.03em] ds:uppercase", children: w.dayMonth.format(t) }),
+                  /* @__PURE__ */ s("div", { className: "ds:text-[color:var(--muted-foreground)]", children: w.year.format(t) })
                 ] }),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ s(
                   "div",
                   {
                     "aria-hidden": "true",
@@ -238,41 +279,41 @@ const q = M(
                       'ds:before:bg-[color:var(--border)] ds:before:content-[""]',
                       "ds:group-last/note-row:before:hidden"
                     ].join(" "),
-                    children: /* @__PURE__ */ a("span", { className: N({ tone: z }) })
+                    children: /* @__PURE__ */ s("span", { className: T({ tone: M }) })
                   }
                 ),
                 /* @__PURE__ */ n("div", { className: "ds:min-w-0 ds:flex-1", children: [
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     A,
                     {
-                      html: I,
+                      html: E,
                       profile: e.contentFormat === "html" ? "rich-text" : "markdown",
-                      className: K({ lines: w })
+                      className: Q({ lines: k })
                     }
                   ),
                   e.author || e.pinned || e.flagged || e.attachedTo ? /* @__PURE__ */ n("div", { className: "ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] type-meta ds:text-[color:var(--muted-foreground)]", children: [
-                    e.author ? /* @__PURE__ */ a("span", { children: e.author.name }) : null,
+                    e.author ? /* @__PURE__ */ s("span", { children: e.author.name }) : null,
                     e.pinned ? /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center", children: [
-                      /* @__PURE__ */ a(
-                        H,
+                      /* @__PURE__ */ s(
+                        K,
                         {
                           "aria-hidden": "true",
                           className: "ds:size-3 ds:text-[color:var(--accent)]"
                         }
                       ),
-                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: p("noteTimeline.pinned") })
+                      /* @__PURE__ */ s("span", { className: "ds:sr-only", children: m("noteTimeline.pinned") })
                     ] }) : null,
                     e.flagged ? /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center", children: [
-                      /* @__PURE__ */ a(
-                        L,
+                      /* @__PURE__ */ s(
+                        O,
                         {
                           "aria-hidden": "true",
                           className: "ds:size-3 ds:text-[color:var(--warning-readable)]"
                         }
                       ),
-                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: p("noteTimeline.flagged") })
+                      /* @__PURE__ */ s("span", { className: "ds:sr-only", children: m("noteTimeline.flagged") })
                     ] }) : null,
-                    /* @__PURE__ */ a(R, { attachedTo: e.attachedTo })
+                    /* @__PURE__ */ s(q, { attachedTo: e.attachedTo })
                   ] }) : null
                 ] })
               ]
@@ -284,9 +325,9 @@ const q = M(
     );
   }
 );
-q.displayName = "NoteTimeline";
+X.displayName = "NoteTimeline";
 export {
-  q as N,
-  P as n
+  X as N,
+  J as n
 };
-//# sourceMappingURL=note-timeline-D2oPuQP6.js.map
+//# sourceMappingURL=note-timeline-Dn_XTo1s.js.map