@alfadocs/ui-kit-debug 1.96.0 → 1.98.0

package/dist/_chunks/{message-tray-18_TrLCy.js.map → message-tray-DiPgJbOb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"message-tray-18_TrLCy.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 {\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 { 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('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        <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('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 — 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    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => handleOpenChange(false),\n    });\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              onKeyDown={exitOnTab}\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","exitOnTab","useNonModalTabExit","findPopoverTrigger","RadixPopover","IconButton","Button","Separator","ScrollArea","Fragment","leaving","MessageCard"],"mappings":"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"}
+{"version":3,"file":"message-tray-DiPgJbOb.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 {\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 { 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('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        <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('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 — 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    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => handleOpenChange(false),\n    });\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              onKeyDown={exitOnTab}\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","exitOnTab","useNonModalTabExit","findPopoverTrigger","RadixPopover","IconButton","Button","Separator","ScrollArea","Fragment","leaving","MessageCard"],"mappings":"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"}

package/dist/_chunks/{multi-select-i5MFRpXg.js → multi-select-Df3R8lv_.js}

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as g, Fragment as tt } from "react/jsx-runtime";
+import { jsx as r, jsxs as b, Fragment as tt } from "react/jsx-runtime";
 import { forwardRef as st, useContext as rt, useState as R, useRef as S, useId as nt, useMemo as T, useEffect as W, useCallback as fe } from "react";
 import * as z from "@radix-ui/react-popover";
 import { _ as c } from "./index-4xgbg-sn.js";
@@ -11,8 +11,8 @@ import { u as ct } from "./use-controllable-state-BiY4xTzM.js";
 import { u as E } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { g as ut } from "./group-options-BvKhQ3xb.js";
 import { b as ye } from "./menu-row-BAr8bx1I.js";
-import { O as mt, a as pt, o as ft, b as ht, c as bt } from "./option-row-Dc7BrbK8.js";
-import { b as X, c as gt } from "./input-surface-iBmxVBfr.js";
+import { O as mt, a as pt, o as ft, b as ht, c as gt } from "./option-row-Dc7BrbK8.js";
+import { b as X, c as bt } from "./input-surface-BMffm2Vd.js";
 import { u as vt } from "./registry-DvAUVLHh.js";
 import { X as yt } from "./x-B5YnXwCz.js";
 import { C as St } from "./check-DrFSN__t.js";
@@ -132,7 +132,7 @@ const It = {
 }, xt = ve(
   [
     "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full",
-    gt,
+    bt,
     "ds:aria-[invalid=true]:border-destructive",
     "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50"
   ],
@@ -146,7 +146,7 @@ const It = {
     },
     defaultVariants: { size: "md" }
   }
-), be = ve(
+), ge = ve(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted",
@@ -193,14 +193,14 @@ const It = {
 ].join(" "), Ct = [
   "ds:relative ds:flex ds:cursor-pointer ds:items-center",
   "ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5",
-  "ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none ds:select-none",
+  "ds:text-[length:var(--font-size-sm)] ds:text-foreground ds:outline-none ds:select-none",
   ye.selected,
   "ds:aria-[disabled=true]:pointer-events-none ds:aria-[disabled=true]:opacity-50",
   "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50"
-].join(" "), ge = [
+].join(" "), be = [
   "ds:relative ds:flex ds:cursor-pointer ds:items-center",
   "ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5",
-  "ds:text-[var(--font-size-sm)] ds:font-medium ds:text-primary ds:outline-none ds:select-none",
+  "ds:text-[length:var(--font-size-sm)] ds:font-medium ds:text-primary ds:outline-none ds:select-none",
   ye.selected
 ].join(" "), At = "__ui-multiselect-select-all__", _t = "__ui-multiselect-clear-all__", Se = st(
   function({
@@ -311,8 +311,8 @@ const It = {
         e.preventDefault();
         const s = i.length - 1, d = U(s).length - 1;
         d >= 0 && requestAnimationFrame(() => {
-          var b;
-          (b = N.current[d]) == null || b.focus();
+          var g;
+          (g = N.current[d]) == null || g.focus();
         });
         return;
       }
@@ -332,7 +332,7 @@ const It = {
       }
       !w && (e.key === "ArrowDown" || e.key === "Enter") && p(!0);
     }, $e = (e) => (t) => {
-      var h, d, b, _;
+      var h, d, g, _;
       if (t.key === "Backspace" || t.key === "Delete" || t.key === "Enter" || t.key === " ") {
         t.preventDefault(), t.stopPropagation();
         const M = U(e);
@@ -358,7 +358,7 @@ const It = {
         return;
       }
       if (t.key === s) {
-        t.preventDefault(), e < i.length - 1 ? (d = N.current[e + 1]) == null || d.focus() : (b = v.current) == null || b.focus();
+        t.preventDefault(), e < i.length - 1 ? (d = N.current[e + 1]) == null || d.focus() : (g = v.current) == null || g.focus();
         return;
       }
       t.key === "Escape" && (p(!1), (_ = v.current) == null || _.focus());
@@ -427,8 +427,8 @@ const It = {
       } else q.current !== null && (e.setAttribute("aria-labelledby", q.current), q.current = null);
     });
     const { onClick: Q, ...Ze } = _e;
-    return /* @__PURE__ */ r(c, { shouldFilter: !1, label: pe, children: /* @__PURE__ */ g(z.Root, { open: w, onOpenChange: Qe, children: [
-      /* @__PURE__ */ r(z.Anchor, { asChild: !0, children: /* @__PURE__ */ g(
+    return /* @__PURE__ */ r(c, { shouldFilter: !1, label: pe, children: /* @__PURE__ */ b(z.Root, { open: w, onOpenChange: Qe, children: [
+      /* @__PURE__ */ r(z.Anchor, { asChild: !0, children: /* @__PURE__ */ b(
         "div",
         {
           ref: Te,
@@ -444,7 +444,7 @@ const It = {
           children: [
             Ye.map((e, t) => (
               // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- chip pill receives focus via roving tabindex; chip removal uses an inner button
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ b(
                 "span",
                 {
                   ref: (n) => {
@@ -452,7 +452,7 @@ const It = {
                   },
                   tabIndex: y ? -1 : 0,
                   "data-ui-chip": "true",
-                  className: be({ size: O }),
+                  className: ge({ size: O }),
                   onKeyDown: $e(t),
                   "aria-label": e.label,
                   children: [
@@ -491,7 +491,7 @@ const It = {
                 children: /* @__PURE__ */ r(
                   "span",
                   {
-                    className: be({ size: O }),
+                    className: ge({ size: O }),
                     tabIndex: y ? -1 : 0,
                     role: "button",
                     "aria-label": u("inputs.multiSelect.overflow", {
@@ -543,7 +543,7 @@ const It = {
           sideOffset: 4,
           collisionPadding: 8,
           className: wt,
-          children: /* @__PURE__ */ g(
+          children: /* @__PURE__ */ b(
             c.List,
             {
               role: "listbox",
@@ -551,13 +551,13 @@ const It = {
               label: pe,
               className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
               children: [
-                We ? /* @__PURE__ */ g(c.Group, { children: [
+                We ? /* @__PURE__ */ b(c.Group, { children: [
                   J ? /* @__PURE__ */ r(
                     c.Item,
                     {
                       value: At,
                       onSelect: ze,
-                      className: ge,
+                      className: be,
                       children: u("inputs.multiSelect.selectAll", "Select all")
                     }
                   ) : null,
@@ -566,7 +566,7 @@ const It = {
                     {
                       value: _t,
                       onSelect: Pe,
-                      className: ge,
+                      className: be,
                       children: u("inputs.multiSelect.clearAll", "Clear all")
                     }
                   ) : null
@@ -574,17 +574,17 @@ const It = {
                 /* @__PURE__ */ r(c.Empty, { className: "ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground", children: u("inputs.multiSelect.noOptions", "No options found") }),
                 je.map(({ group: e, items: t }, n) => {
                   const a = t.map((s) => {
-                    const h = i.includes(s.value), d = !h && ne, b = !!s.disabled || d, _ = /* @__PURE__ */ g(
+                    const h = i.includes(s.value), d = !h && ne, g = !!s.disabled || d, _ = /* @__PURE__ */ b(
                       c.Item,
                       {
                         value: s.value,
                         "data-option-id": s.value,
-                        disabled: b,
+                        disabled: g,
                         onSelect: () => {
-                          b || Me(s.value);
+                          g || Me(s.value);
                         },
                         "aria-selected": h,
-                        "aria-disabled": b || void 0,
+                        "aria-disabled": g || void 0,
                         className: Ct,
                         children: [
                           /* @__PURE__ */ r(
@@ -615,8 +615,8 @@ const It = {
                             // Stacked, as in Combobox: the label and its end
                             // content on one row, the description under them.
                             // The option's name reads in that order.
-                            /* @__PURE__ */ g("span", { className: mt, children: [
-                              /* @__PURE__ */ g("span", { className: pt, children: [
+                            /* @__PURE__ */ b("span", { className: mt, children: [
+                              /* @__PURE__ */ b("span", { className: pt, children: [
                                 /* @__PURE__ */ r(
                                   "span",
                                   {
@@ -636,7 +636,7 @@ const It = {
                               s.description ? /* @__PURE__ */ r(
                                 "span",
                                 {
-                                  className: bt({
+                                  className: gt({
                                     tone: s.descriptionTone,
                                     className: "ds:text-start"
                                   }),
@@ -644,7 +644,7 @@ const It = {
                                 }
                               ) : null
                             ] })
-                          ) : /* @__PURE__ */ g(tt, { children: [
+                          ) : /* @__PURE__ */ b(tt, { children: [
                             /* @__PURE__ */ r(
                               "span",
                               {
@@ -704,4 +704,4 @@ export {
   xt as a,
   It as m
 };
-//# sourceMappingURL=multi-select-i5MFRpXg.js.map
+//# sourceMappingURL=multi-select-Df3R8lv_.js.map

package/dist/_chunks/multi-select-Df3R8lv_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-Df3R8lv_.js","sources":["../../src/components/multi-select/multi-select.agent.ts","../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { MultiSelectHandle } from './multi-select';\n\nexport const multiSelectAgent: AgentAdapter<MultiSelectHandle> = {\n  id: 'multi-select',\n  // Persisted multi-choice (selection state + set_selection) → select_multiple,\n  // plus type-to-filter and open/close of the option list.\n  capabilities: ['select_multiple', 'filter', 'open', 'close'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.multiSelect.state.selection',\n      description: 'Values of currently-selected options.',\n      read: (handle) => handle.getSelection(),\n    },\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.multiSelect.state.query',\n      description: 'Current filter query.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.multiSelect.state.isOpen',\n      description: 'True when the option list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_selection: {\n      // Persists the user's chosen options — reversible via the same UI.\n      safety: 'write',\n      argsType: '{ values: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          values: {\n            type: 'array',\n            items: { type: 'string' },\n            description:\n              'Option values to select (replaces the current selection).',\n          },\n        },\n        required: ['values'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.multiSelect.actions.setSelection',\n      description:\n        'Replace the current selection with the given list of values.',\n      examples: [\n        {\n          args: { values: ['a', 'b'] },\n          note: 'Select exactly options \"a\" and \"b\".',\n        },\n      ],\n      invoke: (handle, args: { values: string[] }) => {\n        handle.setSelection(args.values);\n      },\n    },\n    clear_selection: {\n      // Discards the persisted selection — destructive (loses the choices).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.multiSelect.actions.clearSelection',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n    apply_filter: {\n      // Pure ephemeral filter of the visible options — no persisted change.\n      safety: 'read',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: { type: 'string', description: 'Filter text for the list.' },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.multiSelect.actions.applyFilter',\n      description: 'Set the filter query for the option list.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.multiSelect.actions.open',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.multiSelect.actions.close',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'multi-select' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command } from 'cmdk';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n  useFormFieldControlRef,\n} from '../form-field/form-field-context';\nimport { Tooltip } from '../tooltip';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { groupOptions } from '../_shared/group-options';\nimport { MENU_ROW_HIGHLIGHT } from '../_shared/menu-row';\nimport {\n  OPTION_BODY_CLASSES,\n  OPTION_END_CLASSES,\n  OPTION_LABEL_ROW_CLASSES,\n  optionDescriptionVariants,\n  optionLabelVariants,\n} from '../_shared/option-row';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_TEXT,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { multiSelectAgent } from './multi-select.agent';\n\n// MultiSelect uses `min-h-*` (not `h-*`) because the wrapper grows vertically\n// as chips wrap to additional lines. The height floor per size mirrors the\n// other inputs' fixed heights in _shared/input-surface.ts.\nconst multiSelectVariants = cva(\n  [\n    'ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full',\n    INPUT_SURFACE_CHROME,\n    'ds:aria-[invalid=true]:border-destructive',\n    'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${INPUT_SURFACE_TEXT.sm}`,\n        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${INPUT_SURFACE_TEXT.md}`,\n        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${INPUT_SURFACE_TEXT.lg}`,\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-1',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted',\n    'ds:text-foreground ds:select-none',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:ps-3 ds:pe-1.5 ds:py-1 ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst chipDismissClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-muted-foreground ds:hover:text-foreground',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:size-4',\n  'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n  // At least as wide as the field, at most as wide as the screen allows: a\n  // long option wraps or ends in an ellipsis instead of running off the\n  // edge. The floor gives way to the cap on a field wider than that.\n  'ds:min-w-[min(var(--radix-popover-trigger-width),var(--radix-popover-content-available-width))]',\n  'ds:max-w-[var(--radix-popover-content-available-width)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n  'ds:data-[state=closed]:zoom-out-95',\n  'ds:data-[side=bottom]:slide-in-from-top-2',\n  'ds:data-[side=top]:slide-in-from-bottom-2',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst commandItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5',\n  'ds:text-[length:var(--font-size-sm)] ds:text-foreground ds:outline-none ds:select-none',\n  MENU_ROW_HIGHLIGHT.selected,\n  'ds:aria-[disabled=true]:pointer-events-none ds:aria-[disabled=true]:opacity-50',\n  'ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50',\n].join(' ');\n\nconst actionItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5',\n  'ds:text-[length:var(--font-size-sm)] ds:font-medium ds:text-primary ds:outline-none ds:select-none',\n  MENU_ROW_HIGHLIGHT.selected,\n].join(' ');\n\nconst SELECT_ALL_VALUE = '__ui-multiselect-select-all__';\nconst CLEAR_ALL_VALUE = '__ui-multiselect-clear-all__';\n\ntype HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;\n\n// Curated agent-readiness handle — see multi-select.agent.ts.\nexport interface MultiSelectHandle {\n  getSelection: () => string[];\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setSelection: (values: string[]) => void;\n  clearSelection: () => void;\n  setQuery: (query: string) => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface MultiSelectProps<T extends string = string>\n  extends\n    Omit<HTMLDivAttributes, 'onChange'>,\n    VariantProps<typeof multiSelectVariants> {\n  options: OptionShape<T>[];\n  value?: T[];\n  defaultValue?: T[];\n  onChange?: (next: T[]) => void;\n  onComplete?: (values: T[]) => void;\n  placeholder?: string;\n  maxSelections?: number;\n  allowSelectAll?: boolean;\n  allowClear?: boolean;\n  filter?: (query: string, option: OptionShape<T>) => boolean;\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  /**\n   * Let a long option label wrap onto a second line instead of ending in an\n   * ellipsis. Longer still, it is clipped after two lines. Off by default.\n   * An option's `description` always sits on its own line under the label.\n   */\n  wrapOptionLabels?: boolean;\n}\n\nconst MultiSelectImpl = forwardRef<HTMLDivElement, MultiSelectProps>(\n  function MultiSelect(\n    {\n      options,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      placeholder,\n      maxSelections,\n      allowSelectAll = false,\n      allowClear = false,\n      filter,\n      size = 'md',\n      disabled,\n      wrapOptionLabels = false,\n      className,\n      id,\n      // Pull `aria-label` out of the div spread so it names the combobox\n      // INPUT (the interactive control) rather than the wrapper div. Lets a\n      // consumer give the trigger a meaningful name when there's no visible\n      // label or FormField (e.g. a data-table floating filter naming itself\n      // after its column). Untouched callers fall back to the placeholder.\n      // Inside a FormField the field's label names the input and this is\n      // ignored, so it can never override the visible text (WCAG 2.5.3).\n      'aria-label': ariaLabel,\n      ...divProps\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const [currentValueRaw, setMultiSelectValue] = useControllableState<\n      string[]\n    >({\n      value,\n      defaultValue: defaultValue ?? [],\n      onChange,\n    });\n    const currentValue = currentValueRaw ?? [];\n\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState('');\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const counterId = `${useId()}-count`;\n    const chipRefs = useRef<Array<HTMLSpanElement | null>>([]);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs<HTMLDivElement>(ref, triggerRef);\n\n    // Chips are spans: a disabled ancestor fieldset does not reach them.\n    const [inDisabledFieldset, setInDisabledFieldset] = useState(false);\n    useIsomorphicLayoutEffect(() => {\n      setInDisabledFieldset(\n        Boolean(triggerRef.current?.closest('fieldset:disabled')),\n      );\n    });\n    const effectiveDisabled =\n      (inFormField && ctx.disabled) || Boolean(disabled) || inDisabledFieldset;\n    const effectiveRequired = inFormField && ctx.required;\n    const effectiveInvalid = inFormField && ctx.invalid;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n    const triggerId = id ?? (inFormField ? ctx.id : undefined);\n    /* cmdk writes its own id on the input, so the field's label follows\n       that one. */\n    useFormFieldControlRef(ctx, inputRef);\n\n    const labelByValue = useMemo(() => {\n      const map = new Map<string, string>();\n      for (const option of options) map.set(option.value, option.label);\n      return map;\n    }, [options]);\n    const dirByValue = useMemo(() => {\n      const map = new Map<string, OptionShape['dir']>();\n      for (const option of options) map.set(option.value, option.dir);\n      return map;\n    }, [options]);\n\n    const atCap =\n      typeof maxSelections === 'number' && currentValue.length >= maxSelections;\n\n    const commit = (next: string[]): void => {\n      setMultiSelectValue(next);\n    };\n\n    const toggle = (val: string): void => {\n      if (currentValue.includes(val)) {\n        commit(currentValue.filter((v) => v !== val));\n        return;\n      }\n      if (atCap) return;\n      commit([...currentValue, val]);\n    };\n\n    const removeAt = (index: number): string[] => {\n      const next = currentValue.filter((_, i) => i !== index);\n      commit(next);\n      return next;\n    };\n\n    const handleSelectAll = (): void => {\n      const selectable = options.filter((o) => !o.disabled).map((o) => o.value);\n      const cap =\n        typeof maxSelections === 'number' ? maxSelections : selectable.length;\n      commit(selectable.slice(0, cap));\n    };\n\n    const handleClearAll = (): void => {\n      commit([]);\n    };\n\n    // Agent handle — refs for fresh reads from the memoized handle.\n    const valueRef = useRef<string[]>(currentValue);\n    useEffect(() => {\n      valueRef.current = currentValue;\n    }, [currentValue]);\n    const queryRef = useRef<string>(query);\n    useEffect(() => {\n      queryRef.current = query;\n    }, [query]);\n    const openRef = useRef<boolean>(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const commitStable = useCallback(\n      (next: string[]) => {\n        setMultiSelectValue(next);\n      },\n      [setMultiSelectValue],\n    );\n\n    const agentHandle = useMemo<MultiSelectHandle>(\n      () => ({\n        getSelection: () => [...valueRef.current],\n        getQuery: () => queryRef.current,\n        getIsOpen: () => openRef.current,\n        setSelection: (values) => commitStable(values),\n        clearSelection: () => commitStable([]),\n        setQuery: (next) => setQuery(next),\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [commitStable],\n    );\n    useAgentRegistration(multiSelectAgent, agentHandle, id);\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.multiSelect.placeholder', 'Select…');\n\n    const filteredOptions = useMemo(() => {\n      if (!query) return options;\n      const needle = query.toLowerCase();\n      return options.filter((option) => {\n        if (filter) return filter(query, option);\n        return option.label.toLowerCase().includes(needle);\n      });\n    }, [options, query, filter]);\n\n    const groups = useMemo(\n      () => groupOptions(filteredOptions),\n      [filteredOptions],\n    );\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>): void => {\n      const target = e.currentTarget;\n      if (e.key === 'Backspace' && query === '' && currentValue.length > 0) {\n        e.preventDefault();\n        const removedIndex = currentValue.length - 1;\n        const next = removeAt(removedIndex);\n        const newLast = next.length - 1;\n        if (newLast >= 0) {\n          requestAnimationFrame(() => {\n            chipRefs.current[newLast]?.focus();\n          });\n        }\n        return;\n      }\n      const caretAtStart =\n        target.selectionStart === 0 && target.selectionEnd === 0;\n      if (\n        (e.key === 'ArrowLeft' || e.key === 'ArrowRight') &&\n        caretAtStart &&\n        currentValue.length > 0\n      ) {\n        const isRTL = document.dir === 'rtl' || target.dir === 'rtl';\n        const shouldNavigate =\n          (isRTL && e.key === 'ArrowRight') ||\n          (!isRTL && e.key === 'ArrowLeft');\n        if (shouldNavigate) {\n          e.preventDefault();\n          const lastIdx = currentValue.length - 1;\n          chipRefs.current[lastIdx]?.focus();\n        }\n        return;\n      }\n      if (e.key === 'Escape') {\n        setOpen(false);\n        return;\n      }\n      if (!open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n        setOpen(true);\n      }\n    };\n\n    const handleChipKeyDown =\n      (index: number) =>\n      (e: KeyboardEvent<HTMLSpanElement>): void => {\n        if (\n          e.key === 'Backspace' ||\n          e.key === 'Delete' ||\n          e.key === 'Enter' ||\n          e.key === ' '\n        ) {\n          e.preventDefault();\n          e.stopPropagation();\n          const next = removeAt(index);\n          if (next.length === 0) {\n            requestAnimationFrame(() => inputRef.current?.focus());\n            return;\n          }\n          const focusIdx = Math.min(index, next.length - 1);\n          requestAnimationFrame(() => {\n            chipRefs.current[focusIdx]?.focus();\n          });\n          return;\n        }\n        const isRTL = document.dir === 'rtl';\n        const prevKey = isRTL ? 'ArrowRight' : 'ArrowLeft';\n        const nextKey = isRTL ? 'ArrowLeft' : 'ArrowRight';\n        if (e.key === prevKey) {\n          e.preventDefault();\n          const newIdx = Math.max(0, index - 1);\n          chipRefs.current[newIdx]?.focus();\n          return;\n        }\n        if (e.key === nextKey) {\n          e.preventDefault();\n          if (index < currentValue.length - 1) {\n            chipRefs.current[index + 1]?.focus();\n          } else {\n            inputRef.current?.focus();\n          }\n          return;\n        }\n        if (e.key === 'Escape') {\n          setOpen(false);\n          inputRef.current?.focus();\n        }\n      };\n\n    // ----- Chip overflow measurement -----\n    // The measurement must read the FULL chip row, never the collapsed one.\n    // Counting only the rendered (collapsed) chips is self-referential: hiding\n    // the overflow behind \"+N more\" leaves a subset that trivially fits row 1,\n    // the next measure concludes \"everything fits\", it expands, re-wraps, and\n    // the ResizeObserver oscillates every frame (the visible flicker).\n    //\n    // Instead we run a two-pass cycle driven by `measureNonce`: a request first\n    // renders every chip (visibleCount → ∞), then the layout effect measures\n    // that complete row and sets the collapsed count. Both passes are layout\n    // effects, so React flushes them before paint — the browser only ever shows\n    // the settled, single-line result, with no full-row flash.\n    const [visibleCount, setVisibleCount] = useState<number>(\n      Number.POSITIVE_INFINITY,\n    );\n    const [measureNonce, setMeasureNonce] = useState<number>(0);\n    const lastWidthRef = useRef<number>(-1);\n\n    const requestMeasure = useCallback((): void => {\n      setVisibleCount(Number.POSITIVE_INFINITY);\n      setMeasureNonce((n) => n + 1);\n    }, []);\n\n    // Pass two: the \"show all\" render has committed — measure the true wrap\n    // point off the complete chip row and collapse to it. Runs once per request\n    // (keyed on measureNonce); collapsing does not bump the nonce, so it settles.\n    useIsomorphicLayoutEffect(() => {\n      const el = triggerRef.current;\n      if (!el) return;\n      const chipEls = Array.from(\n        el.querySelectorAll<HTMLElement>('[data-ui-chip=\"true\"]'),\n      );\n      if (chipEls.length === 0) {\n        setVisibleCount(Number.POSITIVE_INFINITY);\n        return;\n      }\n      const firstTop = chipEls[0].offsetTop;\n      let firstRowCount = 0;\n      for (const chip of chipEls) {\n        if (chip.offsetTop === firstTop) firstRowCount++;\n        else break;\n      }\n      setVisibleCount(\n        firstRowCount === chipEls.length\n          ? Number.POSITIVE_INFINITY\n          : Math.max(1, firstRowCount - 1),\n      );\n    }, [measureNonce]);\n\n    // Re-measure whenever the selected set or the size variant changes.\n    useIsomorphicLayoutEffect(() => {\n      requestMeasure();\n    }, [currentValue.length, size, requestMeasure]);\n\n    // Re-measure on a real width change only. Collapsing shrinks the trigger's\n    // height, not its width, so a width guard keeps that from re-triggering the\n    // cycle — the ResizeObserver never chases its own output.\n    useIsomorphicLayoutEffect(() => {\n      const el = triggerRef.current;\n      if (!el) return;\n      const ro = new ResizeObserver((entries) => {\n        const width = Math.round(\n          entries[0]?.contentRect.width ?? el.clientWidth,\n        );\n        if (width === lastWidthRef.current) return;\n        lastWidthRef.current = width;\n        requestMeasure();\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, [requestMeasure]);\n\n    const chips = currentValue.map((val) => ({\n      value: val,\n      label: labelByValue.get(val) ?? val,\n    }));\n\n    const showAllChips =\n      visibleCount === Number.POSITIVE_INFINITY || visibleCount >= chips.length;\n    const visibleChips = showAllChips ? chips : chips.slice(0, visibleCount);\n    const overflowChips = showAllChips ? [] : chips.slice(visibleCount);\n    const overflowCount = overflowChips.length;\n\n    const handleTriggerClick = (event: MouseEvent<HTMLDivElement>): void => {\n      if (effectiveDisabled) return;\n      // Ignore clicks on chips/buttons so they can manage their own focus.\n      const target = event.target as HTMLElement;\n      if (target.closest('[data-ui-chip=\"true\"]')) return;\n      if (target.closest('[data-ui-chip-dismiss=\"true\"]')) return;\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean): void => {\n      if (effectiveDisabled) {\n        setOpen(false);\n        return;\n      }\n      setOpen(next);\n      if (!next) {\n        setQuery('');\n        onComplete?.(currentValue);\n      }\n    };\n\n    const hasActionRow = allowSelectAll || allowClear;\n\n    const counterMessage = t('inputs.multiSelect.selected', {\n      count: currentValue.length,\n      defaultValue: `${currentValue.length} selected`,\n    });\n\n    /* cmdk writes `aria-labelledby` on the input after the props it is\n       given, pointing at its own hidden `<label cmdk-label>` whose text is\n       the Command root's `label`. So that label is the input's name: the\n       host's `aria-label`, else the placeholder, so the input is never\n       unnamed. The count of chosen options describes the input rather than\n       naming it. */\n    const accessibleName =\n      (inFormField ? ctx.label || ariaLabel : ariaLabel) || resolvedPlaceholder;\n    const inputDescribedBy = [counterId, describedBy].filter(Boolean).join(' ');\n\n    /* Inside a FormField the name is the field's own `<label>`, read whole,\n       as for every other control: its labelStart and labelEnd marks and\n       \"(optional)\" join it, and the host's `aria-label` never overrides\n       that visible text. cmdk's hidden label holds the label string only,\n       so the input is pointed at the field's label instead. React leaves\n       the attribute alone afterwards: cmdk's prop for it never changes. */\n    const fieldLabelId = inFormField ? `${ctx.id}-label` : undefined;\n    const cmdkLabelledBy = useRef<string | null>(null);\n    useIsomorphicLayoutEffect(() => {\n      const input = inputRef.current;\n      if (!input) return;\n      const current = input.getAttribute('aria-labelledby');\n      if (fieldLabelId) {\n        if (current === fieldLabelId) return;\n        cmdkLabelledBy.current = current;\n        input.setAttribute('aria-labelledby', fieldLabelId);\n      } else if (cmdkLabelledBy.current !== null) {\n        // Out of the field again: back to cmdk's own label.\n        input.setAttribute('aria-labelledby', cmdkLabelledBy.current);\n        cmdkLabelledBy.current = null;\n      }\n    });\n\n    const { onClick: onClickProp, ...restDivProps } = divProps;\n\n    return (\n      <Command shouldFilter={false} label={accessibleName}>\n        <Popover.Root open={open} onOpenChange={handleOpenChange}>\n          <Popover.Anchor asChild>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- compound input shell; keyboard handling lives on the inner searchable input which is always rendered */}\n            <div\n              ref={composedRef}\n              className={multiSelectVariants({ size, className })}\n              aria-disabled={effectiveDisabled || undefined}\n              aria-invalid={effectiveInvalid || undefined}\n              data-component=\"multi-select\"\n              data-component-id={id}\n              onClick={(event) => {\n                onClickProp?.(event);\n                handleTriggerClick(event);\n              }}\n              {...restDivProps}\n            >\n              {visibleChips.map((chip, idx) => (\n                // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- chip pill receives focus via roving tabindex; chip removal uses an inner button\n                <span\n                  key={chip.value}\n                  ref={(el) => {\n                    chipRefs.current[idx] = el;\n                  }}\n                  tabIndex={effectiveDisabled ? -1 : 0}\n                  data-ui-chip=\"true\"\n                  className={chipVariants({ size })}\n                  onKeyDown={handleChipKeyDown(idx)}\n                  aria-label={chip.label}\n                >\n                  <span dir={dirByValue.get(chip.value)}>{chip.label}</span>\n                  <button\n                    type=\"button\"\n                    tabIndex={-1}\n                    data-ui-chip-dismiss=\"true\"\n                    aria-label={t('inputs.multiSelect.remove', {\n                      label: chip.label,\n                      defaultValue: `Remove ${chip.label}`,\n                    })}\n                    disabled={effectiveDisabled}\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      removeAt(idx);\n                      requestAnimationFrame(() => inputRef.current?.focus());\n                    }}\n                    className={chipDismissClasses}\n                  >\n                    <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                  </button>\n                </span>\n              ))}\n              {overflowCount > 0 ? (\n                <Tooltip\n                  label={overflowChips.map((c) => c.label).join(', ')}\n                  delayDuration={200}\n                >\n                  <span\n                    className={chipVariants({ size })}\n                    tabIndex={effectiveDisabled ? -1 : 0}\n                    role=\"button\"\n                    aria-label={t('inputs.multiSelect.overflow', {\n                      count: overflowCount,\n                      defaultValue: `+${overflowCount} more`,\n                    })}\n                  >\n                    <span>\n                      {t('inputs.multiSelect.overflow', {\n                        count: overflowCount,\n                        defaultValue: `+${overflowCount} more`,\n                      })}\n                    </span>\n                  </span>\n                </Tooltip>\n              ) : null}\n              <Command.Input\n                ref={inputRef}\n                value={query}\n                onValueChange={setQuery}\n                onKeyDown={handleInputKeyDown}\n                onFocus={() => {\n                  if (!effectiveDisabled) setOpen(true);\n                }}\n                placeholder={\n                  currentValue.length === 0 ? resolvedPlaceholder : ''\n                }\n                id={triggerId}\n                // The name comes from the Command root's `label` above, or\n                // from the FormField's label: cmdk writes `aria-labelledby`\n                // after these props, and a layout effect above re-points it.\n                aria-describedby={inputDescribedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                aria-required={effectiveRequired || undefined}\n                disabled={effectiveDisabled}\n                className={[\n                  'ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none',\n                  'ds:placeholder:text-muted-foreground ds:text-start',\n                  'ds:disabled:cursor-not-allowed',\n                ].join(' ')}\n              />\n              {/* Hidden: read only as the input's description, not as stray\n                  text on the page. */}\n              <span id={counterId} hidden>\n                {counterMessage}\n              </span>\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal>\n            {/* Portalled to <body>, so the list carries its own bounding\n                marker: the kit's cascade reset — and a host's shield against\n                its own bare-element CSS — scope to [data-component]. */}\n            <Popover.Content\n              data-component=\"multi-select-list\"\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onCloseAutoFocus={(e) => e.preventDefault()}\n              align=\"start\"\n              sideOffset={4}\n              collisionPadding={8}\n              className={popoverContentClasses}\n            >\n              <Command.List\n                role=\"listbox\"\n                aria-multiselectable=\"true\"\n                // cmdk writes its own aria-label after ours, \"Suggestions\"\n                // in English unless it gets `label`.\n                label={accessibleName}\n                className=\"ds:max-h-[20rem] ds:overflow-y-auto ds:p-1\"\n              >\n                {hasActionRow ? (\n                  <Command.Group>\n                    {allowSelectAll ? (\n                      <Command.Item\n                        value={SELECT_ALL_VALUE}\n                        onSelect={handleSelectAll}\n                        className={actionItemClasses}\n                      >\n                        {t('inputs.multiSelect.selectAll', 'Select all')}\n                      </Command.Item>\n                    ) : null}\n                    {allowClear ? (\n                      <Command.Item\n                        value={CLEAR_ALL_VALUE}\n                        onSelect={handleClearAll}\n                        className={actionItemClasses}\n                      >\n                        {t('inputs.multiSelect.clearAll', 'Clear all')}\n                      </Command.Item>\n                    ) : null}\n                  </Command.Group>\n                ) : null}\n                <Command.Empty className=\"ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground\">\n                  {t('inputs.multiSelect.noOptions', 'No options found')}\n                </Command.Empty>\n                {groups.map(({ group, items }, gi) => {\n                  const body = items.map((option) => {\n                    const isSelected = currentValue.includes(option.value);\n                    const isCapped = !isSelected && atCap;\n                    const isDisabled = Boolean(option.disabled) || isCapped;\n                    const item = (\n                      <Command.Item\n                        key={option.value}\n                        value={option.value}\n                        // Agent DOM hook — see multi-select.agent.ts item.\n                        data-option-id={option.value}\n                        disabled={isDisabled}\n                        onSelect={() => {\n                          if (isDisabled) return;\n                          toggle(option.value);\n                        }}\n                        aria-selected={isSelected}\n                        aria-disabled={isDisabled || undefined}\n                        className={commandItemClasses}\n                      >\n                        <span\n                          // Off, the box is a state indicator, so its edge is\n                          // the 3:1 --control-border (WCAG 1.4.11), as on\n                          // Checkbox.\n                          className={[\n                            'ds:inline-flex ds:items-center ds:justify-center ds:me-[var(--spacing-xs)] ds:shrink-0',\n                            'ds:size-4 ds:rounded-[var(--radius-sm)] ds:border',\n                            isSelected\n                              ? 'ds:bg-primary ds:border-primary ds:text-primary-foreground'\n                              : 'ds:bg-background ds:border-[color:var(--control-border)]',\n                          ].join(' ')}\n                          aria-hidden=\"true\"\n                        >\n                          {isSelected ? (\n                            <Check className=\"ds:size-3.5\" />\n                          ) : null}\n                        </span>\n                        {option.startAdornment ? (\n                          // Decorative by contract — the accessible name comes\n                          // from the option label.\n                          <span\n                            aria-hidden=\"true\"\n                            className=\"ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)]\"\n                          >\n                            {option.startAdornment}\n                          </span>\n                        ) : null}\n                        {option.description || wrapOptionLabels ? (\n                          // Stacked, as in Combobox: the label and its end\n                          // content on one row, the description under them.\n                          // The option's name reads in that order.\n                          <span className={OPTION_BODY_CLASSES}>\n                            <span className={OPTION_LABEL_ROW_CLASSES}>\n                              <span\n                                dir={option.dir}\n                                className={optionLabelVariants({\n                                  wrap: wrapOptionLabels,\n                                  className: 'ds:flex-1 ds:text-start',\n                                })}\n                              >\n                                {option.label}\n                              </span>\n                              {option.endContent ? (\n                                // Announced, as below.\n                                <span className={OPTION_END_CLASSES}>\n                                  {option.endContent}\n                                </span>\n                              ) : null}\n                            </span>\n                            {option.description ? (\n                              <span\n                                className={optionDescriptionVariants({\n                                  tone: option.descriptionTone,\n                                  className: 'ds:text-start',\n                                })}\n                              >\n                                {option.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        ) : (\n                          <>\n                            {/* `min-w-0 truncate` matches Combobox and Select.\n                                Without it a long service name cannot be\n                                clipped, so it pushes the trailing content and\n                                overflows the row instead of the name\n                                ellipsing — the CJK and long-label case. */}\n                            <span\n                              dir={option.dir}\n                              className=\"ds:flex-1 ds:min-w-0 ds:truncate ds:text-start\"\n                            >\n                              {option.label}\n                            </span>\n                            {option.endContent ? (\n                              // Deliberately NOT aria-hidden — unlike\n                              // `startAdornment`, this slot carries meaning\n                              // (a price, a count) and must reach the\n                              // option's accessible name. `ms-auto` pins it\n                              // to the inline-end and flips under RTL.\n                              <span className=\"ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0 ds:ps-[var(--spacing-xs)]\">\n                                {option.endContent}\n                              </span>\n                            ) : null}\n                          </>\n                        )}\n                      </Command.Item>\n                    );\n                    if (isCapped) {\n                      return (\n                        <Tooltip\n                          key={option.value}\n                          label={t('inputs.multiSelect.maxReached', {\n                            count: maxSelections,\n                            defaultValue: `Maximum ${maxSelections} selections`,\n                          })}\n                          delayDuration={200}\n                        >\n                          {item}\n                        </Tooltip>\n                      );\n                    }\n                    return item;\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${gi}`}>{body}</Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={group}\n                      className=\"ds:[&_[cmdk-group-heading]]:ps-2 ds:[&_[cmdk-group-heading]]:pe-2 ds:[&_[cmdk-group-heading]]:py-1 ds:[&_[cmdk-group-heading]]:type-eyebrow ds:[&_[cmdk-group-heading]]:text-muted-foreground\"\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n      </Command>\n    );\n  },\n);\nMultiSelectImpl.displayName = 'MultiSelect';\n\ninterface MultiSelectComponent {\n  <T extends string = string>(\n    props: MultiSelectProps<T> & { ref?: Ref<HTMLDivElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\nexport const MultiSelect = MultiSelectImpl as unknown as MultiSelectComponent;\n\nexport { multiSelectVariants };\n"],"names":["multiSelectAgent","handle","args","multiSelectVariants","cva","INPUT_SURFACE_CHROME","INPUT_SURFACE_TEXT","chipVariants","chipDismissClasses","popoverContentClasses","commandItemClasses","MENU_ROW_HIGHLIGHT","actionItemClasses","SELECT_ALL_VALUE","CLEAR_ALL_VALUE","MultiSelectImpl","forwardRef","options","value","defaultValue","onChange","onComplete","placeholder","maxSelections","allowSelectAll","allowClear","filter","size","disabled","wrapOptionLabels","className","id","ariaLabel","divProps","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","currentValueRaw","setMultiSelectValue","useControllableState","currentValue","open","setOpen","useState","query","setQuery","inputRef","useRef","counterId","useId","chipRefs","triggerRef","composedRef","composeRefs","inDisabledFieldset","setInDisabledFieldset","useIsomorphicLayoutEffect","_a","effectiveDisabled","effectiveRequired","effectiveInvalid","describedBy","triggerId","useFormFieldControlRef","labelByValue","useMemo","map","option","dirByValue","atCap","commit","next","toggle","val","v","removeAt","index","_","i","handleSelectAll","selectable","o","cap","handleClearAll","valueRef","useEffect","queryRef","openRef","commitStable","useCallback","agentHandle","values","useAgentRegistration","resolvedPlaceholder","filteredOptions","needle","groups","groupOptions","handleInputKeyDown","target","removedIndex","newLast","caretAtStart","isRTL","lastIdx","handleChipKeyDown","e","focusIdx","prevKey","nextKey","newIdx","_b","_c","_d","visibleCount","setVisibleCount","measureNonce","setMeasureNonce","lastWidthRef","requestMeasure","n","el","chipEls","firstTop","firstRowCount","chip","ro","entries","width","chips","showAllChips","visibleChips","overflowChips","overflowCount","handleTriggerClick","event","handleOpenChange","hasActionRow","counterMessage","accessibleName","inputDescribedBy","fieldLabelId","cmdkLabelledBy","input","current","onClickProp","restDivProps","jsx","Command","jsxs","Popover","idx","X","Tooltip","c","group","items","gi","body","isSelected","isCapped","isDisabled","item","Check","OPTION_BODY_CLASSES","OPTION_LABEL_ROW_CLASSES","optionLabelVariants","OPTION_END_CLASSES","optionDescriptionVariants","Fragment","MultiSelect"],"mappings":"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"}

package/dist/_chunks/{navigation-menu-DbaSlvdO.js → navigation-menu-1MrpIVkY.js}

@@ -177,7 +177,7 @@ const D = [
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]",
   "ds:rounded-[var(--radius-sm)]",
-  "ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+  "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
   "ds:text-[var(--foreground)]",
   "ds:hover:bg-[var(--muted)]/20",
   "ds:data-[state=open]:bg-[var(--muted)]/20",
@@ -241,7 +241,7 @@ const c = [
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
   "ds:py-[var(--spacing-xs)]",
-  "ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+  "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
   "ds:text-[var(--foreground)]",
   "ds:no-underline",
   "ds:hover:bg-[var(--muted)]/20",
@@ -307,4 +307,4 @@ export {
   v as g,
   q as n
 };
-//# sourceMappingURL=navigation-menu-DbaSlvdO.js.map
+//# sourceMappingURL=navigation-menu-1MrpIVkY.js.map