@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

package/dist/_chunks/combobox-Clum7gJ1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-Clum7gJ1.js","sources":["../../src/components/combobox/combobox.agent.ts","../../src/components/combobox/combobox.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ComboboxHandle } from './combobox';\n\nexport const comboboxAgent: AgentAdapter<ComboboxHandle> = {\n  id: 'combobox',\n  // Persisted single choice (value state + set_value) → select_single + set_value,\n  // plus type-to-filter and open/close of the option list.\n  capabilities: ['select_single', 'set_value', 'filter', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.combobox.state.value',\n      description:\n        'Currently-selected option value, or null when nothing is selected.',\n      read: (handle) => handle.getValue(),\n    },\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.combobox.state.query',\n      description: 'Current filter query in the combobox input.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.combobox.state.isOpen',\n      description: 'True when the option list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      // Persists the user's chosen option — reversible via the same UI.\n      safety: 'write',\n      argsType: '{ value: string | null }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: ['string', 'null'],\n            description: 'Option value to select, or null to clear.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.setValue',\n      description: 'Set the selected value programmatically.',\n      examples: [{ args: { value: 'it' }, note: 'Select the \"it\" option.' }],\n      invoke: (handle, args: { value: string | null }) => {\n        handle.setValue(args.value);\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.combobox.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    clear_selection: {\n      // Discards the persisted choice — destructive (loses the selection).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.actions.clearSelection',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.combobox.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.combobox.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: 'combobox' },\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  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter, useCommandState } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { groupOptions } from '../_shared/group-options';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { comboboxAgent } from './combobox.agent';\n\nexport type ComboboxOption<T extends string = string> = OptionShape<T>;\n\n// Curated agent-readiness handle — see combobox.agent.ts.\nexport interface ComboboxHandle {\n  getValue: () => string | null;\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setValue: (value: string | null) => void;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface ComboboxProps<T extends string = string> {\n  options: ComboboxOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  filter?: (value: string, search: string) => number;\n  allowCreate?: boolean;\n  onCreate?: (value: string) => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  emptyMessage?: ReactNode;\n  'aria-label'?: string;\n  className?: string;\n}\n\nconst comboboxInputVariants = cva(\n  [\n    'ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:outline-none ds:border-0',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full',\n    INPUT_SURFACE_CHROME,\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_PADDING_X.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_PADDING_X.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_PADDING_X.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst comboboxContentVariants = cva(\n  [\n    'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-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);\n\nconst comboboxItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary',\n    'ds:aria-selected:bg-muted',\n    'ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst comboboxListClasses =\n  'ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst comboboxEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst iconSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\ninterface CreateRowProps {\n  search: string;\n  label: string;\n  iconClass: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelect: (value: string) => void;\n}\n\nfunction ComboboxCreateRow({\n  search,\n  label,\n  iconClass,\n  size,\n  onSelect,\n}: CreateRowProps): ReactElement | null {\n  // Only surface the create row when no existing item matches the query.\n  const filteredCount = useCommandState((state) => state.filtered.count);\n  if (filteredCount > 0) return null;\n  return (\n    <Command.Item\n      value={`__combobox-create__${search}`}\n      keywords={[]}\n      forceMount\n      onSelect={() => onSelect(search)}\n      className={comboboxItemVariants({ size })}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n      />\n      <span className=\"ds:flex-1 ds:truncate\">{label}</span>\n    </Command.Item>\n  );\n}\n\nconst ComboboxImpl = forwardRef<HTMLInputElement, ComboboxProps>(\n  function Combobox(\n    {\n      options,\n      value,\n      defaultValue,\n      onValueChange,\n      placeholder,\n      clearable = false,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      filter: externalFilter,\n      allowCreate = false,\n      onCreate,\n      open: openProp,\n      onOpenChange,\n      emptyMessage,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const [currentValueRaw, setComboboxValue] = useControllableState<string>({\n      value,\n      defaultValue: defaultValue ?? '',\n      onChange: onValueChange as ((next: string) => void) | undefined,\n    });\n    const currentValue = currentValueRaw ?? '';\n\n    const selectedOption = useMemo(\n      () => options.find((o) => o.value === currentValue),\n      [options, currentValue],\n    );\n    const selectedLabel = selectedOption?.label ?? '';\n\n    const [search, setSearch] = useState<string>(selectedLabel);\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isOpenControlled = openProp !== undefined;\n    const open = isOpenControlled ? openProp : internalOpen;\n    const composingRef = useRef(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    useIsomorphicLayoutEffect(() => {\n      inputRef.current?.setAttribute('aria-expanded', String(open));\n    });\n\n    useEffect(() => {\n      if (!open) {\n        setSearch(selectedLabel);\n      }\n    }, [selectedLabel, open]);\n\n    const inputId = id ?? (inFormField ? ctx.id : undefined);\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveReadOnly = Boolean(readOnly);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : false;\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.combobox.placeholder', 'Search…');\n\n    const filterFn = useMemo(\n      () => (candidate: string, searchStr: string, keywords?: string[]) => {\n        if (composingRef.current) return 1;\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        if (externalFilter) {\n          return externalFilter(normalizedCandidate, normalizedSearch);\n        }\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [externalFilter],\n    );\n\n    const commit = (next: string) => {\n      setComboboxValue(next);\n    };\n\n    const setOpen = (next: boolean) => {\n      if (!isOpenControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    };\n\n    const handleSelect = (optValue: string) => {\n      const option = options.find((o) => o.value === optValue);\n      commit(optValue);\n      setSearch(option?.label ?? '');\n      setOpen(false);\n    };\n\n    const handleCreate = (nextValue: string) => {\n      onCreate?.(nextValue);\n      setOpen(false);\n    };\n\n    const handleSearchChange = (next: string) => {\n      if (effectiveReadOnly) return;\n      setSearch(next);\n      if (!open && next.length > 0 && !composingRef.current) {\n        setOpen(true);\n      }\n    };\n\n    const handleFocus = () => {\n      if (!effectiveDisabled && !effectiveReadOnly) setOpen(true);\n    };\n\n    const handleCompositionStart = () => {\n      composingRef.current = true;\n    };\n\n    const handleCompositionEnd = () => {\n      composingRef.current = false;\n      if (effectiveReadOnly) return;\n      const next = inputRef.current?.value ?? '';\n      setSearch(next);\n      if (next.length > 0) setOpen(true);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape' && open) {\n        event.preventDefault();\n        setOpen(false);\n        setSearch(selectedLabel);\n      }\n    };\n\n    const handleClear = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      commit('');\n      setSearch('');\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean) => {\n      if (effectiveReadOnly && next) return;\n      setOpen(next);\n      if (!next) setSearch(selectedLabel);\n    };\n\n    // Agent handle — refs mirror state for fresh reads.\n    const valueRef = useRef<string>(currentValue);\n    useEffect(() => {\n      valueRef.current = currentValue;\n    }, [currentValue]);\n    const searchRef = useRef<string>(search);\n    useEffect(() => {\n      searchRef.current = search;\n    }, [search]);\n    const openRef = useRef<boolean>(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const setOpenStable = useCallback(\n      (next: boolean) => {\n        if (!isOpenControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n      },\n      [isOpenControlled, onOpenChange],\n    );\n\n    const agentHandle = useMemo<ComboboxHandle>(\n      () => ({\n        getValue: () => valueRef.current || null,\n        getQuery: () => searchRef.current,\n        getIsOpen: () => openRef.current,\n        setValue: (next) => {\n          const v = next ?? '';\n          setComboboxValue(v);\n          const opt = options.find((o) => o.value === v);\n          setSearch(opt?.label ?? '');\n        },\n        setQuery: (query) => {\n          setSearch(query);\n        },\n        clear: () => {\n          setComboboxValue('');\n          setSearch('');\n        },\n        open: () => setOpenStable(true),\n        close: () => setOpenStable(false),\n      }),\n      [setComboboxValue, options, setOpenStable],\n    );\n    useAgentRegistration(comboboxAgent, agentHandle, id);\n\n    const showClear =\n      clearable &&\n      Boolean(currentValue) &&\n      !effectiveDisabled &&\n      !effectiveReadOnly;\n\n    const groups = groupOptions(options);\n    const iconClass = iconSizeBySize[size];\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange}>\n        <Command\n          filter={filterFn}\n          shouldFilter\n          loop\n          // cmdk hardcodes `aria-labelledby` on its input to its own hidden\n          // `<label cmdk-label>` element. The label's contents come from the\n          // Command Root's `label` (or `aria-label`) prop. If we leave it\n          // empty, the input has an aria-labelledby pointer to a blank\n          // element and axe's `label-title-only` rule fires. Fall back to\n          // the placeholder so the input always has an accessible name —\n          // when wrapped in a FormField the visible label still associates\n          // via the FormField `<label htmlFor>`.\n          label={ariaLabel ?? resolvedPlaceholder}\n          className=\"ds:w-full\"\n        >\n          <Popover.Anchor asChild>\n            <div\n              ref={anchorRef}\n              className={comboboxWrapperVariants({\n                size,\n                tone: effectiveTone,\n                className,\n              })}\n              data-component=\"combobox\"\n              data-component-id={id}\n            >\n              <Command.Input\n                ref={composeRefs(ref, inputRef)}\n                value={search}\n                onValueChange={handleSearchChange}\n                id={inputId}\n                name={name}\n                placeholder={resolvedPlaceholder}\n                disabled={effectiveDisabled}\n                readOnly={effectiveReadOnly}\n                required={effectiveRequired}\n                // Note: cmdk's CommandInput hardcodes `aria-labelledby` to\n                // its own hidden cmdk-label after spreading user props, so\n                // we can't override it from here. We funnel the accessible\n                // name through the Command Root's `label` prop above.\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={handleCompositionEnd}\n                className={comboboxInputVariants({ size })}\n              />\n              {showClear ? (\n                <button\n                  type=\"button\"\n                  aria-label={t('inputs.combobox.clear', 'Clear selection')}\n                  onClick={handleClear}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:justify-center 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                  ].join(' ')}\n                >\n                  <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                </button>\n              ) : null}\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal forceMount>\n            <Popover.Content\n              // `forceMount` keeps the listbox in the DOM while the popover\n              // is closed so the input's cmdk-set `aria-controls` always\n              // points at a real id (axe's aria-valid-attr-value rule).\n              // The CSS visibility / pointer-events is gated by data-state.\n              forceMount\n              hidden={!open}\n              // Radix Popover.Content carries `role=\"dialog\"`; axe's\n              // `aria-dialog-name` rule requires a name. Surface the\n              // surrounding combobox label so the popover is named after\n              // the field it serves (or fall back to the i18n default).\n              aria-label={\n                ariaLabel ?? t('inputs.combobox.popupLabel', 'Options')\n              }\n              onOpenAutoFocus={(event) => event.preventDefault()}\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onInteractOutside={(event) => {\n                const target = event.target as Node | null;\n                if (target && anchorRef.current?.contains(target)) {\n                  event.preventDefault();\n                }\n              }}\n              sideOffset={4}\n              align=\"start\"\n              className={comboboxContentVariants()}\n            >\n              <Command.List className={comboboxListClasses}>\n                <Command.Empty className={comboboxEmptyClasses}>\n                  {emptyMessage ??\n                    t('inputs.combobox.empty', 'No results found')}\n                </Command.Empty>\n                {groups.map(({ group, items }, groupIndex) => {\n                  const body = items.map((option) => {\n                    const isSelected = option.value === currentValue;\n                    return (\n                      <Command.Item\n                        key={option.value}\n                        value={option.value}\n                        data-option-id={option.value}\n                        keywords={[option.label]}\n                        disabled={option.disabled}\n                        onSelect={handleSelect}\n                        className={comboboxItemVariants({ size })}\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n                        >\n                          {isSelected ? <Check className={iconClass} /> : null}\n                        </span>\n                        <span className=\"ds:flex-1 ds:truncate\">\n                          {option.label}\n                        </span>\n                        {option.description ? (\n                          <span className=\"type-meta ds:text-muted-foreground\">\n                            {option.description}\n                          </span>\n                        ) : null}\n                      </Command.Item>\n                    );\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${groupIndex}`}>\n                        {body}\n                      </Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={\n                        <span className={comboboxGroupHeadingClasses}>\n                          {group}\n                        </span>\n                      }\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n                {allowCreate && search.length > 0 ? (\n                  <ComboboxCreateRow\n                    search={search}\n                    label={t('inputs.combobox.create', 'Create \"{{value}}\"', {\n                      value: search,\n                    })}\n                    iconClass={iconClass}\n                    size={size}\n                    onSelect={handleCreate}\n                  />\n                ) : null}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Command>\n      </Popover.Root>\n    );\n  },\n);\nComboboxImpl.displayName = 'Combobox';\n\ninterface ComboboxComponent {\n  <T extends string = string>(\n    props: ComboboxProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\n// forwardRef erases component-level generics, so we re-widen via a callable\n// interface to preserve the `<T extends string>` signature at the call site.\nexport const Combobox = ComboboxImpl as unknown as ComboboxComponent;\n\nexport {\n  comboboxInputVariants,\n  comboboxWrapperVariants,\n  comboboxContentVariants,\n  comboboxItemVariants,\n};\n"],"names":["comboboxAgent","handle","args","comboboxInputVariants","cva","comboboxWrapperVariants","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","INPUT_SURFACE_TONE","comboboxContentVariants","comboboxItemVariants","comboboxGroupHeadingClasses","comboboxListClasses","comboboxEmptyClasses","iconSizeBySize","ComboboxCreateRow","search","label","iconClass","size","onSelect","useCommandState","state","jsxs","Command","jsx","ComboboxImpl","forwardRef","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","readOnly","required","name","id","tone","externalFilter","allowCreate","onCreate","openProp","onOpenChange","emptyMessage","className","ariaLabel","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","currentValueRaw","setComboboxValue","useControllableState","currentValue","selectedOption","useMemo","o","selectedLabel","setSearch","useState","internalOpen","setInternalOpen","isOpenControlled","open","composingRef","useRef","inputRef","anchorRef","useIsomorphicLayoutEffect","_a","useEffect","inputId","effectiveDisabled","effectiveReadOnly","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","filterFn","candidate","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","commit","next","setOpen","handleSelect","optValue","option","handleCreate","nextValue","handleSearchChange","handleFocus","handleCompositionStart","handleCompositionEnd","handleKeyDown","event","handleClear","handleOpenChange","valueRef","searchRef","openRef","setOpenStable","useCallback","agentHandle","v","opt","query","useAgentRegistration","showClear","groups","groupOptions","Popover","composeRefs","X","target","group","items","groupIndex","body","isSelected","Check","Combobox"],"mappings":";;;;;;;;;;;;;;;;AAGO,MAAMA,KAA8C;AAAA,EACzD,IAAI;AAAA;AAAA;AAAA,EAGJ,cAAc,CAAC,iBAAiB,aAAa,UAAU,QAAQ,OAAO;AAAA,EACtE,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,EACrC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA;AAAA,MAET,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,OAAO;AAAA,YACL,MAAM,CAAC,UAAU,MAAM;AAAA,YACvB,aAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEF,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,QAAQ,MAAM,2BAA2B;AAAA,MACrE,QAAQ,CAACA,GAAQC,MAAmC;AAClD,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,cAAc;AAAA;AAAA,MAEZ,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,OAAO,EAAE,MAAM,UAAU,aAAa,4BAAA;AAAA,QAA4B;AAAA,QAEpE,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,iBAAiB;AAAA;AAAA,MAEf,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,KAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,WAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCnCME,KAAwBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,KAA0BD;AAAA,EAC9B;AAAA,IACE;AAAA,IACAE;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI,GAAGC,EAAqB,EAAE,IAAIC,EAAwB,EAAE;AAAA,QAC5D,IAAI,GAAGD,EAAqB,EAAE,IAAIC,EAAwB,EAAE;AAAA,QAC5D,IAAI,GAAGD,EAAqB,EAAE,IAAIC,EAAwB,EAAE;AAAA,MAAA;AAAA,MAE9D,MAAMC;AAAA,IAAA;AAAA,IAER,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,KAA0BN;AAAA,EAC9B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMO,KAAuBP;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMQ,KAA8B;AAAA,EAClC;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,KACJ,gEAEIC,KACJ,iEAEIC,KAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAUA,SAASC,GAAkB;AAAA,EACzB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AACF,GAAwC;AAGtC,SADsBC,GAAgB,CAACC,MAAUA,EAAM,SAAS,KAAK,IACjD,IAAU,OAE5B,gBAAAC;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,OAAO,sBAAsBR,CAAM;AAAA,MACnC,UAAU,CAAA;AAAA,MACV,YAAU;AAAA,MACV,UAAU,MAAMI,EAASJ,CAAM;AAAA,MAC/B,WAAWN,GAAqB,EAAE,MAAAS,GAAM;AAAA,MAExC,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,oDAAoDP,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1E,gBAAAO,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAR,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrD;AAEA,MAAMS,KAAeC;AAAA,EACnB,SACE;AAAA,IACE,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,IAAAC;AAAA,IACA,MAAAnB,IAAO;AAAA,IACP,MAAAoB,KAAO;AAAA,IACP,QAAQC;AAAA,IACR,aAAAC,KAAc;AAAA,IACd,UAAAC;AAAA,IACA,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,EAAA,GAEhBC,IACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAMC,GAAA,GACNC,IAAcC,GAAWC,EAAgB,MAAM,MAE/C,CAACC,IAAiBC,CAAgB,IAAIC,GAA6B;AAAA,MACvE,OAAA7B;AAAA,MACA,cAAcC,KAAgB;AAAA,MAC9B,UAAUC;AAAA,IAAA,CACX,GACK4B,IAAeH,MAAmB,IAElCI,IAAiBC;AAAA,MACrB,MAAMjC,EAAQ,KAAK,CAACkC,MAAMA,EAAE,UAAUH,CAAY;AAAA,MAClD,CAAC/B,GAAS+B,CAAY;AAAA,IAAA,GAElBI,KAAgBH,KAAA,gBAAAA,EAAgB,UAAS,IAEzC,CAAC5C,GAAQgD,CAAS,IAAIC,GAAiBF,CAAa,GACpD,CAACG,IAAcC,CAAe,IAAIF,GAAS,EAAK,GAChDG,IAAmBzB,MAAa,QAChC0B,IAAOD,IAAmBzB,IAAWuB,IACrCI,IAAeC,EAAO,EAAK,GAE3BC,IAAWD,EAAyB,IAAI,GACxCE,IAAYF,EAAuB,IAAI;AAE7C,IAAAG,GAA0B,MAAM;;AAC9B,OAAAC,IAAAH,EAAS,YAAT,QAAAG,EAAkB,aAAa,iBAAiB,OAAON,CAAI;AAAA,IAC7D,CAAC,GAEDO,EAAU,MAAM;AACd,MAAKP,KACHL,EAAUD,CAAa;AAAA,IAE3B,GAAG,CAACA,GAAeM,CAAI,CAAC;AAExB,UAAMQ,KAAUvC,MAAOe,IAAcF,EAAI,KAAK,SACxC2B,KACHzB,IAAcF,EAAI,WAAW,OAAU,EAAQjB,IAC5C6C,IAAoB,EAAQ5C,IAC5B6C,MACH3B,IAAcF,EAAI,WAAW,OAAU,EAAQf,IAC5C6C,IAAmB5B,IAAcF,EAAI,UAAU,IAC/C+B,KAAgBD,IAAmB,UAAU1C,IAC7C4C,KACJ9B,KAAeF,EAAI,cAAcA,EAAI,cAAc,QAE/CiC,IACJpD,KAAeiB,EAAE,+BAA+B,SAAS,GAErDoC,KAAWxB;AAAA,MACf,MAAM,CAACyB,GAAmBC,GAAmBC,MAAwB;AACnE,YAAIlB,EAAa,QAAS,QAAO;AACjC,cAAMmB,IAAsBC,EAAoBJ,CAAS,GACnDK,IAAmBD,EAAoBH,CAAS,GAChDK,IAAqBJ,KAAA,gBAAAA,EAAU,IAAIE;AACzC,eAAIlD,IACKA,EAAeiD,GAAqBE,CAAgB,IAEtDE;AAAAA,UACLJ;AAAA,UACAE;AAAA,UACAC;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,CAACpD,CAAc;AAAA,IAAA,GAGXsD,IAAS,CAACC,MAAiB;AAC/B,MAAAtC,EAAiBsC,CAAI;AAAA,IACvB,GAEMC,IAAU,CAACD,MAAkB;AACjC,MAAK3B,KAAkBD,EAAgB4B,CAAI,GAC3CnD,KAAA,QAAAA,EAAemD;AAAA,IACjB,GAEME,KAAe,CAACC,MAAqB;AACzC,YAAMC,IAASvE,EAAQ,KAAK,CAACkC,MAAMA,EAAE,UAAUoC,CAAQ;AACvD,MAAAJ,EAAOI,CAAQ,GACflC,GAAUmC,KAAA,gBAAAA,EAAQ,UAAS,EAAE,GAC7BH,EAAQ,EAAK;AAAA,IACf,GAEMI,KAAe,CAACC,MAAsB;AAC1C,MAAA3D,KAAA,QAAAA,EAAW2D,IACXL,EAAQ,EAAK;AAAA,IACf,GAEMM,KAAqB,CAACP,MAAiB;AAC3C,MAAIhB,MACJf,EAAU+B,CAAI,GACV,CAAC1B,KAAQ0B,EAAK,SAAS,KAAK,CAACzB,EAAa,WAC5C0B,EAAQ,EAAI;AAAA,IAEhB,GAEMO,KAAc,MAAM;AACxB,MAAI,CAACzB,KAAqB,CAACC,OAA2B,EAAI;AAAA,IAC5D,GAEMyB,KAAyB,MAAM;AACnC,MAAAlC,EAAa,UAAU;AAAA,IACzB,GAEMmC,KAAuB,MAAM;;AAEjC,UADAnC,EAAa,UAAU,IACnBS,EAAmB;AACvB,YAAMgB,MAAOpB,IAAAH,EAAS,YAAT,gBAAAG,EAAkB,UAAS;AACxC,MAAAX,EAAU+B,CAAI,GACVA,EAAK,SAAS,KAAGC,EAAQ,EAAI;AAAA,IACnC,GAEMU,KAAgB,CAACC,MAA2C;AAChE,MAAIA,EAAM,YAAY,eAClBA,EAAM,QAAQ,YAAYtC,MAC5BsC,EAAM,eAAA,GACNX,EAAQ,EAAK,GACbhC,EAAUD,CAAa;AAAA,IAE3B,GAEM6C,KAAc,CAACD,MAAyC;;AAC5D,MAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNb,EAAO,EAAE,GACT9B,EAAU,EAAE,GACZgC,EAAQ,EAAI,IACZrB,IAAAH,EAAS,YAAT,QAAAG,EAAkB;AAAA,IACpB,GAEMkC,KAAmB,CAACd,MAAkB;AAC1C,MAAIhB,KAAqBgB,MACzBC,EAAQD,CAAI,GACPA,KAAM/B,EAAUD,CAAa;AAAA,IACpC,GAGM+C,KAAWvC,EAAeZ,CAAY;AAC5C,IAAAiB,EAAU,MAAM;AACd,MAAAkC,GAAS,UAAUnD;AAAA,IACrB,GAAG,CAACA,CAAY,CAAC;AACjB,UAAMoD,KAAYxC,EAAevD,CAAM;AACvC,IAAA4D,EAAU,MAAM;AACd,MAAAmC,GAAU,UAAU/F;AAAA,IACtB,GAAG,CAACA,CAAM,CAAC;AACX,UAAMgG,KAAUzC,EAAgBF,CAAI;AACpC,IAAAO,EAAU,MAAM;AACd,MAAAoC,GAAQ,UAAU3C;AAAA,IACpB,GAAG,CAACA,CAAI,CAAC;AAET,UAAM4C,IAAgBC;AAAA,MACpB,CAACnB,MAAkB;AACjB,QAAK3B,KAAkBD,EAAgB4B,CAAI,GAC3CnD,KAAA,QAAAA,EAAemD;AAAA,MACjB;AAAA,MACA,CAAC3B,GAAkBxB,CAAY;AAAA,IAAA,GAG3BuE,KAActD;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAMiD,GAAS,WAAW;AAAA,QACpC,UAAU,MAAMC,GAAU;AAAA,QAC1B,WAAW,MAAMC,GAAQ;AAAA,QACzB,UAAU,CAACjB,MAAS;AAClB,gBAAMqB,IAAIrB,KAAQ;AAClB,UAAAtC,EAAiB2D,CAAC;AAClB,gBAAMC,IAAMzF,EAAQ,KAAK,CAACkC,MAAMA,EAAE,UAAUsD,CAAC;AAC7C,UAAApD,GAAUqD,KAAA,gBAAAA,EAAK,UAAS,EAAE;AAAA,QAC5B;AAAA,QACA,UAAU,CAACC,MAAU;AACnB,UAAAtD,EAAUsD,CAAK;AAAA,QACjB;AAAA,QACA,OAAO,MAAM;AACX,UAAA7D,EAAiB,EAAE,GACnBO,EAAU,EAAE;AAAA,QACd;AAAA,QACA,MAAM,MAAMiD,EAAc,EAAI;AAAA,QAC9B,OAAO,MAAMA,EAAc,EAAK;AAAA,MAAA;AAAA,MAElC,CAACxD,GAAkB7B,GAASqF,CAAa;AAAA,IAAA;AAE3C,IAAAM,GAAqBxH,IAAeoH,IAAa7E,CAAE;AAEnD,UAAMkF,KACJvF,KACA,EAAQ0B,KACR,CAACmB,KACD,CAACC,GAEG0C,KAASC,GAAa9F,CAAO,GAC7BV,IAAYJ,GAAeK,CAAI;AAErC,6BACGwG,EAAQ,MAAR,EAAa,MAAAtD,GAAY,cAAcwC,IACtC,UAAA,gBAAAtF;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAQ6D;AAAA,QACR,cAAY;AAAA,QACZ,MAAI;AAAA,QASJ,OAAOtC,KAAaqC;AAAA,QACpB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAA3D,EAACkG,EAAQ,QAAR,EAAe,SAAO,IACrB,UAAA,gBAAApG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKkD;AAAA,cACL,WAAWrE,GAAwB;AAAA,gBACjC,MAAAe;AAAA,gBACA,MAAM+D;AAAA,gBACN,WAAApC;AAAA,cAAA,CACD;AAAA,cACD,kBAAe;AAAA,cACf,qBAAmBR;AAAA,cAEnB,UAAA;AAAA,gBAAA,gBAAAb;AAAA,kBAACD,EAAQ;AAAA,kBAAR;AAAA,oBACC,KAAKoG,GAAY5E,IAAKwB,CAAQ;AAAA,oBAC9B,OAAOxD;AAAA,oBACP,eAAesF;AAAA,oBACf,IAAIzB;AAAA,oBACJ,MAAAxC;AAAA,oBACA,aAAa+C;AAAA,oBACb,UAAUN;AAAA,oBACV,UAAUC;AAAA,oBACV,UAAUC;AAAA,oBAKV,oBAAkBG;AAAA,oBAClB,gBAAcF,KAAoB;AAAA,oBAClC,SAASsB;AAAA,oBACT,WAAWG;AAAA,oBACX,oBAAoBF;AAAA,oBACpB,kBAAkBC;AAAA,oBAClB,WAAWvG,GAAsB,EAAE,MAAAiB,EAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAE1CqG,KACC,gBAAA/F;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,cAAYwB,EAAE,yBAAyB,iBAAiB;AAAA,oBACxD,SAAS2D;AAAA,oBACT,eAAe,CAACD,MAAUA,EAAM,gBAAA;AAAA,oBAChC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAEV,UAAA,gBAAAlF,EAACoG,IAAA,EAAE,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,kBAAA;AAAA,gBAAA,IAE9C;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAER;AAAA,UACA,gBAAApG,EAACkG,EAAQ,QAAR,EAAe,YAAU,IACxB,UAAA,gBAAAlG;AAAA,YAACkG,EAAQ;AAAA,YAAR;AAAA,cAKC,YAAU;AAAA,cACV,QAAQ,CAACtD;AAAA,cAKT,cACEtB,KAAaE,EAAE,8BAA8B,SAAS;AAAA,cAExD,iBAAiB,CAAC0D,MAAUA,EAAM,eAAA;AAAA,cAClC,kBAAkB,CAACA,MAAUA,EAAM,eAAA;AAAA,cACnC,mBAAmB,CAACA,MAAU;;AAC5B,sBAAMmB,IAASnB,EAAM;AACrB,gBAAImB,OAAUnD,IAAAF,EAAU,YAAV,QAAAE,EAAmB,SAASmD,OACxCnB,EAAM,eAAA;AAAA,cAEV;AAAA,cACA,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,WAAWlG,GAAA;AAAA,cAEX,UAAA,gBAAAc,EAACC,EAAQ,MAAR,EAAa,WAAWZ,IACvB,UAAA;AAAA,gBAAA,gBAAAa,EAACD,EAAQ,OAAR,EAAc,WAAWX,IACvB,UAAAgC,MACCI,EAAE,yBAAyB,kBAAkB,EAAA,CACjD;AAAA,gBACCwE,GAAO,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EAAA,GAASC,MAAe;AAC5C,wBAAMC,IAAOF,EAAM,IAAI,CAAC7B,MAAW;AACjC,0BAAMgC,IAAahC,EAAO,UAAUxC;AACpC,2BACE,gBAAApC;AAAA,sBAACC,EAAQ;AAAA,sBAAR;AAAA,wBAEC,OAAO2E,EAAO;AAAA,wBACd,kBAAgBA,EAAO;AAAA,wBACvB,UAAU,CAACA,EAAO,KAAK;AAAA,wBACvB,UAAUA,EAAO;AAAA,wBACjB,UAAUF;AAAA,wBACV,WAAWvF,GAAqB,EAAE,MAAAS,GAAM;AAAA,wBAExC,UAAA;AAAA,0BAAA,gBAAAM;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACC,eAAY;AAAA,8BACZ,WAAW,oDAAoDP,CAAS;AAAA,8BAEvE,UAAAiH,IAAa,gBAAA1G,EAAC2G,IAAA,EAAM,WAAWlH,GAAW,IAAK;AAAA,4BAAA;AAAA,0BAAA;AAAA,0BAElD,gBAAAO,EAAC,QAAA,EAAK,WAAU,yBACb,YAAO,OACV;AAAA,0BACC0E,EAAO,cACN,gBAAA1E,EAAC,QAAA,EAAK,WAAU,sCACb,UAAA0E,EAAO,aACV,IACE;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBArBCA,EAAO;AAAA,oBAAA;AAAA,kBAwBlB,CAAC;AACD,yBAAK4B,IAQH,gBAAAtG;AAAA,oBAACD,EAAQ;AAAA,oBAAR;AAAA,sBAEC,SACE,gBAAAC,EAAC,QAAA,EAAK,WAAWd,IACd,UAAAoH,GACH;AAAA,sBAGD,UAAAG;AAAA,oBAAA;AAAA,oBAPI,SAASH,CAAK;AAAA,kBAAA,sBAPlBvG,EAAQ,OAAR,EACE,UAAA0G,EAAA,GADiB,SAASD,CAAU,EAEvC;AAAA,gBAeN,CAAC;AAAA,gBACAxF,MAAezB,EAAO,SAAS,IAC9B,gBAAAS;AAAA,kBAACV;AAAA,kBAAA;AAAA,oBACC,QAAAC;AAAA,oBACA,OAAOiC,EAAE,0BAA0B,sBAAsB;AAAA,sBACvD,OAAOjC;AAAA,oBAAA,CACR;AAAA,oBACD,WAAAE;AAAA,oBACA,MAAAC;AAAA,oBACA,UAAUiF;AAAA,kBAAA;AAAA,gBAAA,IAEV;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AACA1E,GAAa,cAAc;AAWpB,MAAM2G,KAAW3G;"}

package/dist/_chunks/control-room-rail-Y8ryLYsP.js

@@ -1,229 +0,0 @@
-import { jsx as C, jsxs as Q, Fragment as U } from "react/jsx-runtime";
-import { useState as H, useCallback as R, useMemo as x, useRef as L, useContext as F, useId as W, useEffect as X, createContext as Y, forwardRef as Z } from "react";
-import { useTranslation as I } from "react-i18next";
-import { B as oo } from "./button-DD_0Xdmr.js";
-import { A as to } from "./ai-tools-rail-B5NEghsp.js";
-import { u as eo } from "./use-persistent-state-nZwZAnE9.js";
-import { S as no } from "./star-vav0SJ9e.js";
-const w = Y(null);
-function Ro({
-  globalTools: e = [],
-  children: r
-}) {
-  const [c, l] = H(
-    () => /* @__PURE__ */ new Map()
-  ), f = R(
-    (s, a) => {
-      l((g) => {
-        const y = new Map(g);
-        return y.set(s, a), y;
-      });
-    },
-    []
-  ), M = R((s) => {
-    l((a) => {
-      if (!a.has(s)) return a;
-      const g = new Map(a);
-      return g.delete(s), g;
-    });
-  }, []), v = x(
-    () => Array.from(c.values()).flat(),
-    [c]
-  ), b = L(null), P = R((s) => {
-    b.current = s;
-  }, []), m = R((s) => {
-    var a;
-    (a = b.current) == null || a.setActiveTool(s);
-  }, []), u = R(() => {
-    var s;
-    (s = b.current) == null || s.setActiveTool(null);
-  }, []), j = x(
-    () => ({
-      globalTools: e,
-      contextualTools: v,
-      registerContextualTools: f,
-      unregisterContextualTools: M,
-      registerRail: P,
-      openTool: m,
-      closeTool: u
-    }),
-    [
-      e,
-      v,
-      f,
-      M,
-      P,
-      m,
-      u
-    ]
-  );
-  return /* @__PURE__ */ C(w.Provider, { value: j, children: r });
-}
-function vo(e) {
-  const r = F(w), c = r == null ? void 0 : r.registerContextualTools, l = r == null ? void 0 : r.unregisterContextualTools, f = W();
-  X(() => {
-    if (!(!c || !l))
-      return c(f, e), () => l(f);
-  }, [c, l, f, e]);
-}
-function so() {
-  const e = F(w);
-  return x(() => {
-    if (!e) return [];
-    const r = e.contextualTools.map((l) => ({
-      ...l,
-      scope: "contextual"
-    })), c = e.globalTools.map((l) => ({
-      ...l,
-      scope: "global"
-    }));
-    return [...r, ...c];
-  }, [e]);
-}
-function go() {
-  const e = F(w), r = R(() => {
-  }, []);
-  return {
-    openTool: (e == null ? void 0 : e.openTool) ?? r,
-    closeTool: (e == null ? void 0 : e.closeTool) ?? r
-  };
-}
-function ro() {
-  const e = F(w), r = R((c) => {
-  }, []);
-  return (e == null ? void 0 : e.registerRail) ?? r;
-}
-const To = Z(function({
-  tools: r,
-  railLabel: c,
-  reorderable: l = !0,
-  favoriteIds: f,
-  defaultFavoriteIds: M,
-  onFavoriteIdsChange: v,
-  persistFavoritesKey: b = "ui.controlRoom.favorites",
-  ...P
-}, m) {
-  const { t: u } = I(), j = so(), s = r ?? j, a = f !== void 0, [g, y] = eo(
-    b,
-    () => M ?? s.filter((o) => o.scope === "global").map((o) => o.id),
-    { disabled: a }
-  ), h = a ? f : g, d = x(() => {
-    const o = /* @__PURE__ */ new Map();
-    for (const n of s) o.set(n.id, n);
-    return o;
-  }, [s]), A = x(
-    () => new Set(h.filter((o) => d.has(o))),
-    [h, d]
-  ), N = (o) => {
-    const n = o(h.filter((t) => d.has(t)));
-    a || y((t) => o(t.filter((i) => d.has(i)))), v == null || v(n);
-  }, z = x(() => {
-    if (!l) return s;
-    const o = h.filter((t) => d.has(t)).map((t) => ({
-      ...d.get(t),
-      scope: "global",
-      reorderable: !0
-    })), n = s.filter((t) => !A.has(t.id)).map((t) => ({
-      ...t,
-      scope: "contextual",
-      reorderable: !0
-    }));
-    return [...o, ...n];
-  }, [l, s, h, d, A]), [E, _] = H(""), k = L(!1), $ = (o, n) => {
-    const t = n ? u("controlRoom.pinnedAnnounce", {
-      tool: o,
-      defaultValue: "Pinned {{tool}} to favourites"
-    }) : u("controlRoom.unpinnedAnnounce", {
-      tool: o,
-      defaultValue: "Removed {{tool}} from favourites"
-    });
-    k.current = !k.current, _(k.current ? t : `${t}​`);
-  }, q = (o) => {
-    var n;
-    $(((n = d.get(o)) == null ? void 0 : n.label) ?? o, !A.has(o)), N(
-      (t) => t.includes(o) ? t.filter((i) => i !== o) : [...t, o]
-    );
-  }, D = (o, n) => {
-    var i;
-    const t = (i = z[o]) == null ? void 0 : i.id;
-    t !== void 0 && N((T) => {
-      const S = T.filter((p) => d.has(p)), V = S.length;
-      if (o < V) {
-        if (n >= V) return S.filter((O) => O !== t);
-        const p = S.slice();
-        return p.splice(o, 1), p.splice(n, 0, t), p;
-      }
-      if (n <= V) {
-        const p = S.slice();
-        return p.splice(Math.min(n, V), 0, t), p;
-      }
-      return T;
-    });
-  }, G = ({
-    tool: o,
-    from: n,
-    to: t
-  }) => {
-    const i = A.size, T = n < i;
-    return T && t >= i ? u("controlRoom.unpinnedAnnounce", {
-      tool: o.label,
-      defaultValue: "Removed {{tool}} from favourites"
-    }) : !T && t <= i ? u("controlRoom.pinnedAnnounce", {
-      tool: o.label,
-      defaultValue: "Pinned {{tool}} to favourites"
-    }) : T && t < i ? u("aiToolsRail.reorderAnnounce", {
-      tool: o.label,
-      to: t + 1,
-      total: i,
-      defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
-    }) : "";
-  }, J = l ? (o) => {
-    const n = A.has(o.id);
-    return /* @__PURE__ */ C("div", { className: "ds:flex ds:items-center ds:justify-end ds:px-[var(--spacing-md)] ds:py-[var(--spacing-sm)] ds:border-block-end ds:border-[var(--border)]", children: /* @__PURE__ */ C(
-      oo,
-      {
-        intent: "ghost",
-        size: "sm",
-        "aria-pressed": n,
-        startIcon: /* @__PURE__ */ C(
-          no,
-          {
-            "aria-hidden": "true",
-            fill: n ? "currentColor" : "none",
-            className: n ? "ds:text-[color:var(--accent)]" : void 0
-          }
-        ),
-        onClick: () => q(o.id),
-        children: u("controlRoom.favorite", { defaultValue: "Favourite" })
-      }
-    ) });
-  } : void 0, B = ro(), K = R(
-    (o) => {
-      B(o), typeof m == "function" ? m(o) : m && (m.current = o);
-    },
-    [B, m]
-  );
-  return /* @__PURE__ */ Q(U, { children: [
-    /* @__PURE__ */ C(
-      to,
-      {
-        ref: K,
-        tools: z,
-        railLabel: c ?? u("controlRoom.railLabel", { defaultValue: "Control room" }),
-        onReorder: l ? D : void 0,
-        formatReorderAnnouncement: l ? G : void 0,
-        renderPanelHeader: J,
-        ...P
-      }
-    ),
-    l ? /* @__PURE__ */ C("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: E }) : null
-  ] });
-});
-export {
-  Ro as C,
-  To as a,
-  so as b,
-  vo as c,
-  go as u
-};
-//# sourceMappingURL=control-room-rail-Y8ryLYsP.js.map

package/dist/_chunks/control-room-rail-Y8ryLYsP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"control-room-rail-Y8ryLYsP.js","sources":["../../src/components/control-room-rail/control-room-context.tsx","../../src/components/control-room-rail/control-room-rail.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type { AiToolsRailHandle, AiToolsRailTool } from '../ai-tools-rail';\n\n/* ------------------------------------------------------------------ */\n/* Control Room context — the scope mechanism                          */\n/*                                                                    */\n/* The DS provides the plumbing; the CONSUMER declares scope by which  */\n/* API it reaches for:                                                 */\n/*   - <ControlRoomProvider globalTools={…}>  → `global` tools, set    */\n/*     once at the app shell, persist across navigation.               */\n/*   - useControlRoomTools([…])               → `contextual` tools,    */\n/*     registered per-page, swap with the open entity.                 */\n/* `<ControlRoomRail>` reads the merged set; `global` tools seed the   */\n/* default favourites (pinned on top), `contextual` tools fall below    */\n/* the divider. The rail renders the divider between the two groups.    */\n/* ------------------------------------------------------------------ */\n\ninterface ControlRoomContextValue {\n  globalTools: AiToolsRailTool[];\n  contextualTools: AiToolsRailTool[];\n  registerContextualTools: (id: string, tools: AiToolsRailTool[]) => void;\n  unregisterContextualTools: (id: string) => void;\n  // The rail registers its imperative handle here so pages can drive it\n  // (e.g. open the X-ray panel when a tooth is clicked). Null until mounted.\n  registerRail: (handle: AiToolsRailHandle | null) => void;\n  openTool: (id: string) => void;\n  closeTool: () => void;\n}\n\nconst ControlRoomContext = createContext<ControlRoomContextValue | null>(null);\n\nexport interface ControlRoomProviderProps {\n  /**\n   * Tools valid in every context (Alia, Inbox). Set once at the app shell —\n   * they pin to the rail's far end and persist across navigation. Memoise\n   * this array so it doesn't re-register every render.\n   */\n  globalTools?: AiToolsRailTool[];\n  children: ReactNode;\n}\n\n/**\n * Holds the Control Room's global tools and the registry of per-context\n * contextual tools. Mount once at the app shell, inside the frame that also\n * renders `<ControlRoomRail>`.\n */\nexport function ControlRoomProvider({\n  globalTools = [],\n  children,\n}: ControlRoomProviderProps) {\n  // id → that registration's contextual tools. Multiple concurrent\n  // registrations merge in insertion order (rare, but composes cleanly).\n  const [registry, setRegistry] = useState<Map<string, AiToolsRailTool[]>>(\n    () => new Map(),\n  );\n\n  const registerContextualTools = useCallback(\n    (id: string, tools: AiToolsRailTool[]) => {\n      setRegistry((prev) => {\n        const next = new Map(prev);\n        next.set(id, tools);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterContextualTools = useCallback((id: string) => {\n    setRegistry((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const contextualTools = useMemo(\n    () => Array.from(registry.values()).flat(),\n    [registry],\n  );\n\n  // The rail's imperative handle, registered by <ControlRoomRail> on mount.\n  // openTool/closeTool drive it so a page can open a panel (e.g. the X-ray\n  // viewer when a tooth is clicked) without holding a ref to the rail itself.\n  const railHandleRef = useRef<AiToolsRailHandle | null>(null);\n  const registerRail = useCallback((handle: AiToolsRailHandle | null) => {\n    railHandleRef.current = handle;\n  }, []);\n  const openTool = useCallback((id: string) => {\n    railHandleRef.current?.setActiveTool(id);\n  }, []);\n  const closeTool = useCallback(() => {\n    railHandleRef.current?.setActiveTool(null);\n  }, []);\n\n  const value = useMemo<ControlRoomContextValue>(\n    () => ({\n      globalTools,\n      contextualTools,\n      registerContextualTools,\n      unregisterContextualTools,\n      registerRail,\n      openTool,\n      closeTool,\n    }),\n    [\n      globalTools,\n      contextualTools,\n      registerContextualTools,\n      unregisterContextualTools,\n      registerRail,\n      openTool,\n      closeTool,\n    ],\n  );\n\n  return (\n    <ControlRoomContext.Provider value={value}>\n      {children}\n    </ControlRoomContext.Provider>\n  );\n}\n\n/**\n * Register this context's **contextual** tools (Notes, Appointments, the entity\n * summary). They sit below the favourites divider and unregister automatically\n * when the calling component unmounts (i.e. when you leave the context).\n *\n * Pass a **stable / memoised** array — like `useEffect` deps, a fresh array\n * every render re-registers every render. Wrap it in `useMemo`.\n *\n * No-op when rendered outside a `<ControlRoomProvider>`.\n */\nexport function useControlRoomTools(tools: AiToolsRailTool[]): void {\n  const ctx = useContext(ControlRoomContext);\n  // Depend on the STABLE register/unregister callbacks, never the whole\n  // context value: the value object changes every time the registry updates\n  // (which this very effect triggers), so depending on `ctx` would re-register\n  // on every change — an infinite loop. The callbacks are `useCallback([])`.\n  const register = ctx?.registerContextualTools;\n  const unregister = ctx?.unregisterContextualTools;\n  const id = useId();\n  useEffect(() => {\n    if (!register || !unregister) return undefined;\n    register(id, tools);\n    return () => unregister(id);\n  }, [register, unregister, id, tools]);\n}\n\n/**\n * The merged tool set the rail consumes: contextual tools (auto-tagged\n * `scope: 'contextual'`) then globals (`scope: 'global'`). Scope is assigned\n * here by which API registered the tool — `global` seeds the Control Room's\n * default favourites (pinned on top); `contextual` falls below the divider.\n * `ControlRoomRail` re-groups by favourite membership for the final order.\n * Returns `[]` outside a provider.\n */\nexport function useControlRoomMergedTools(): AiToolsRailTool[] {\n  const ctx = useContext(ControlRoomContext);\n  return useMemo(() => {\n    if (!ctx) return [];\n    const contextual = ctx.contextualTools.map((tool) => ({\n      ...tool,\n      scope: 'contextual' as const,\n    }));\n    const global = ctx.globalTools.map((tool) => ({\n      ...tool,\n      scope: 'global' as const,\n    }));\n    return [...contextual, ...global];\n  }, [ctx]);\n}\n\n/**\n * Imperative actions to drive the rail from a page: open a tool's panel (e.g.\n * the X-ray viewer when a tooth is clicked) or collapse it. No-ops outside a\n * `<ControlRoomProvider>`. The functions are stable across renders.\n */\nexport function useControlRoomActions(): {\n  openTool: (id: string) => void;\n  closeTool: () => void;\n} {\n  const ctx = useContext(ControlRoomContext);\n  const noop = useCallback(() => {}, []);\n  return {\n    openTool: ctx?.openTool ?? noop,\n    closeTool: ctx?.closeTool ?? noop,\n  };\n}\n\n/**\n * Internal: the rail registers its imperative handle with the provider so\n * `useControlRoomActions().openTool` can drive it. Returns the stable\n * `registerRail` callback (or a no-op outside a provider).\n */\nexport function useControlRoomRailRegister(): (\n  handle: AiToolsRailHandle | null,\n) => void {\n  const ctx = useContext(ControlRoomContext);\n  const noop = useCallback((_handle: AiToolsRailHandle | null) => {}, []);\n  return ctx?.registerRail ?? noop;\n}\n","import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Star } from 'lucide-react';\nimport { Button } from '../button/button';\nimport {\n  AiToolsRail,\n  type AiToolsRailHandle,\n  type AiToolsRailProps,\n  type AiToolsRailTool,\n} from '../ai-tools-rail';\nimport { usePersistentState } from '../../hooks/use-persistent-state';\nimport {\n  useControlRoomMergedTools,\n  useControlRoomRailRegister,\n} from './control-room-context';\n\n/* ------------------------------------------------------------------ */\n/* ControlRoomRail — the unified, contextual workspace rail.           */\n/*                                                                    */\n/* The docked right-hand \"Control Room\": the single home for the       */\n/* assistant, inbox, notes, appointments and entity summaries          */\n/* alongside the main work surface. One panel open at a time,          */\n/* non-modal.                                                          */\n/*                                                                    */\n/* It layers a FAVOURITES model over the proven AiToolsRail (its prior */\n/* name): favourited tools form a pinned group at the TOP of the strip */\n/* above a divider, then everything else below. The default favourites */\n/* are the host's `global` tools (Alia, Inbox) — so the rail opens with */\n/* notifications + Alia on top, the Control Room's default arrangement. */\n/*                                                                    */\n/* Favouriting is DRAG-FIRST, no per-icon star: drag a tool up across  */\n/* the divider to pin it (and drop it where you want in the order),    */\n/* drag a favourite back down to unpin. The keyboard equivalent is     */\n/* `Alt`+Arrow (crossing the divider pins / unpins, announced). The    */\n/* non-drag pointer path — and the discoverable entry point — is an    */\n/* add / remove control in each open tool's panel header.              */\n/*                                                                    */\n/* AiToolsRail stays favourite-agnostic: this layer maps favourite     */\n/* membership onto the rail's generic `scope` grouping + (whole-strip)  */\n/* `reorderable` run, reads cross-divider moves as pin / unpin, and     */\n/* supplies the panel-header toggle via `renderPanelHeader`.            */\n/* ------------------------------------------------------------------ */\n\n/** A Control Room tool — the rail tool descriptor, `scope`-aware. */\nexport type ControlRoomTool = AiToolsRailTool;\n\n/** Imperative handle — open / collapse a tool panel without the DOM. */\nexport type ControlRoomRailHandle = AiToolsRailHandle;\n\nexport interface ControlRoomRailProps extends Omit<\n  AiToolsRailProps,\n  | 'tools'\n  | 'onReorder'\n  | 'formatReorderAnnouncement'\n  | 'renderToolAffordance'\n  | 'renderPanelHeader'\n> {\n  /**\n   * Explicit tool set. Omit to read the merged global + contextual tools from\n   * the nearest `<ControlRoomProvider>` (+ `useControlRoomTools`).\n   */\n  tools?: ControlRoomTool[];\n  /**\n   * Enable the favourites model: a pinned top group, drag / `Alt`+Arrow\n   * reordering, and the panel-header add / remove control. Default `true`. Set\n   * `false` for the legacy flat strip (tools render in the order / `scope` you\n   * pass, no drag, no panel-header control).\n   */\n  reorderable?: boolean;\n  /**\n   * Controlled favourite tool ids, in pinned order. When set, the rail does not\n   * persist — the host owns the value and is notified via `onFavoriteIdsChange`.\n   */\n  favoriteIds?: string[];\n  /**\n   * Uncontrolled initial favourites. Defaults to the ids of the tools the host\n   * marked `scope: 'global'` (Alia, Inbox) — pinning them on top by default.\n   */\n  defaultFavoriteIds?: string[];\n  /** Fires with the next favourites order whenever the user pins / reorders. */\n  onFavoriteIdsChange?: (next: string[]) => void;\n  /** localStorage key for the uncontrolled favourites. */\n  persistFavoritesKey?: string;\n}\n\nexport const ControlRoomRail = forwardRef<\n  ControlRoomRailHandle,\n  ControlRoomRailProps\n>(function ControlRoomRail(\n  {\n    tools,\n    railLabel,\n    reorderable = true,\n    favoriteIds,\n    defaultFavoriteIds,\n    onFavoriteIdsChange,\n    persistFavoritesKey = 'ui.controlRoom.favorites',\n    ...rest\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  // Provider-driven tools when none are passed explicitly. Calling the hook\n  // unconditionally is safe — it returns [] outside a provider.\n  const merged = useControlRoomMergedTools();\n  const resolved = tools ?? merged;\n\n  const isControlled = favoriteIds !== undefined;\n  // Uncontrolled favourites persist to localStorage; the lazy initial seeds\n  // from the host's `global` tools on first mount only (later tool changes\n  // don't re-seed — favourites are user-owned once set). When controlled, the\n  // hook is disabled so it never reads or writes storage.\n  const [storedFavorites, setStoredFavorites] = usePersistentState<string[]>(\n    persistFavoritesKey,\n    () =>\n      defaultFavoriteIds ??\n      resolved.filter((tl) => tl.scope === 'global').map((tl) => tl.id),\n    { disabled: isControlled },\n  );\n  const favorites = isControlled ? favoriteIds : storedFavorites;\n\n  const byId = useMemo(() => {\n    const map = new Map<string, ControlRoomTool>();\n    for (const tl of resolved) map.set(tl.id, tl);\n    return map;\n  }, [resolved]);\n\n  // Favourites filtered to currently-present tools — stale ids are ignored\n  // (and dropped on the next write).\n  const favoriteSet = useMemo(\n    () => new Set(favorites.filter((id) => byId.has(id))),\n    [favorites, byId],\n  );\n\n  const updateFavorites = (updater: (prev: string[]) => string[]) => {\n    const next = updater(favorites.filter((id) => byId.has(id)));\n    // Persist via a functional update so rapid pin/reorder events compose\n    // (mirrors the Sidebar's useFavorites); controlled hosts own the value.\n    if (!isControlled)\n      setStoredFavorites((prev) => updater(prev.filter((id) => byId.has(id))));\n    onFavoriteIdsChange?.(next);\n  };\n\n  // Re-group into the pinned run (favourites order, tagged so AiToolsRail draws\n  // the divider) followed by the rest. EVERY tool is `reorderable` so the rail's\n  // reorder run spans the whole strip — that's what lets a drag / Alt+Arrow\n  // cross the divider; `handleReorder` reads the crossing as pin / unpin.\n  const railTools = useMemo<ControlRoomTool[]>(() => {\n    if (!reorderable) return resolved;\n    const favTools = favorites\n      .filter((id) => byId.has(id))\n      .map((id) => ({\n        ...(byId.get(id) as ControlRoomTool),\n        scope: 'global' as const,\n        reorderable: true,\n      }));\n    const rest = resolved\n      .filter((tl) => !favoriteSet.has(tl.id))\n      .map((tl) => ({\n        ...tl,\n        scope: 'contextual' as const,\n        reorderable: true,\n      }));\n    return [...favTools, ...rest];\n  }, [reorderable, resolved, favorites, byId, favoriteSet]);\n\n  // The drag / Alt+Arrow path announces through the rail's own reorder live\n  // region; the panel-header button toggles outside it, so it needs its own\n  // polite announcement. The zero-width-space toggle forces a re-announce of an\n  // identical message (e.g. pin → unpin → pin the same tool).\n  const [pinMessage, setPinMessage] = useState('');\n  const pinAnnounceToggle = useRef(false);\n  const announcePinChange = (label: string, willPin: boolean) => {\n    const text = willPin\n      ? t('controlRoom.pinnedAnnounce', {\n          tool: label,\n          defaultValue: 'Pinned {{tool}} to favourites',\n        })\n      : t('controlRoom.unpinnedAnnounce', {\n          tool: label,\n          defaultValue: 'Removed {{tool}} from favourites',\n        });\n    pinAnnounceToggle.current = !pinAnnounceToggle.current;\n    setPinMessage(pinAnnounceToggle.current ? text : `${text}\\u200B`);\n  };\n\n  const togglePin = (id: string) => {\n    announcePinChange(byId.get(id)?.label ?? id, !favoriteSet.has(id));\n    updateFavorites((prev) =>\n      prev.includes(id) ? prev.filter((p) => p !== id) : [...prev, id],\n    );\n  };\n\n  // The rail fires `onReorder` with indices into `railTools` (favourites first,\n  // then the rest). The divider sits at `favCount`, so the index either side of\n  // it tells us whether a move is a reorder, a pin, an unpin, or a no-op.\n  const handleReorder = (from: number, to: number) => {\n    const movedId = railTools[from]?.id;\n    if (movedId === undefined) return;\n    updateFavorites((prev) => {\n      const present = prev.filter((id) => byId.has(id));\n      const favCount = present.length;\n      const wasFav = from < favCount;\n      if (wasFav) {\n        // Dropped below the divider → unpin.\n        if (to >= favCount) return present.filter((id) => id !== movedId);\n        // Reorder within favourites (full-strip index == favourites index).\n        const next = present.slice();\n        next.splice(from, 1);\n        next.splice(to, 0, movedId);\n        return next;\n      }\n      // A contextual tool dropped onto / above the divider → pin at that slot.\n      if (to <= favCount) {\n        const next = present.slice();\n        next.splice(Math.min(to, favCount), 0, movedId);\n        return next;\n      }\n      // Contextual → contextual: that group is host-ordered, so nothing to do.\n      return prev;\n    });\n  };\n\n  // Membership-aware live-region phrasing for the rail's reorder announcer.\n  const formatReorderAnnouncement = ({\n    tool,\n    from,\n    to,\n  }: {\n    tool: ControlRoomTool;\n    from: number;\n    to: number;\n  }): string => {\n    const favCount = favoriteSet.size;\n    const wasFav = from < favCount;\n    if (wasFav && to >= favCount)\n      return t('controlRoom.unpinnedAnnounce', {\n        tool: tool.label,\n        defaultValue: 'Removed {{tool}} from favourites',\n      });\n    if (!wasFav && to <= favCount)\n      return t('controlRoom.pinnedAnnounce', {\n        tool: tool.label,\n        defaultValue: 'Pinned {{tool}} to favourites',\n      });\n    if (wasFav && to < favCount)\n      return t('aiToolsRail.reorderAnnounce', {\n        tool: tool.label,\n        to: to + 1,\n        total: favCount,\n        defaultValue: '{{tool}} moved to position {{to}} of {{total}}',\n      });\n    // Contextual → contextual is a no-op; stay silent.\n    return '';\n  };\n\n  // The panel-header add / remove control: the discoverable, single-pointer\n  // (non-drag) and keyboard path to (un)favourite the open tool. A changing\n  // label carries the toggle state, so it reads as a plain action button.\n  const renderPanelHeader = reorderable\n    ? (tool: ControlRoomTool): ReactNode => {\n        const pinned = favoriteSet.has(tool.id);\n        return (\n          <div className=\"ds:flex ds:items-center ds:justify-end ds:px-[var(--spacing-md)] ds:py-[var(--spacing-sm)] ds:border-block-end ds:border-[var(--border)]\">\n            <Button\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-pressed={pinned}\n              startIcon={\n                <Star\n                  aria-hidden=\"true\"\n                  fill={pinned ? 'currentColor' : 'none'}\n                  className={\n                    pinned ? 'ds:text-[color:var(--accent)]' : undefined\n                  }\n                />\n              }\n              onClick={() => togglePin(tool.id)}\n            >\n              {t('controlRoom.favorite', { defaultValue: 'Favourite' })}\n            </Button>\n          </div>\n        );\n      }\n    : undefined;\n\n  // Register the rail's imperative handle with the provider (so a page's\n  // useControlRoomActions().openTool can drive it) AND forward it to the\n  // consumer's ref. A callback ref does both; no-op without a provider.\n  const registerRail = useControlRoomRailRegister();\n  const setRefs = useCallback(\n    (handle: AiToolsRailHandle | null) => {\n      registerRail(handle);\n      if (typeof ref === 'function') ref(handle);\n      else if (ref) ref.current = handle;\n    },\n    [registerRail, ref],\n  );\n  return (\n    <>\n      <AiToolsRail\n        ref={setRefs}\n        tools={railTools}\n        railLabel={\n          railLabel ??\n          t('controlRoom.railLabel', { defaultValue: 'Control room' })\n        }\n        onReorder={reorderable ? handleReorder : undefined}\n        formatReorderAnnouncement={\n          reorderable ? formatReorderAnnouncement : undefined\n        }\n        renderPanelHeader={renderPanelHeader}\n        {...rest}\n      />\n      {/* Polite announcement for the panel-header pin / unpin button (the\n          drag / Alt+Arrow path announces via the rail's own reorder region). */}\n      {reorderable ? (\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {pinMessage}\n        </span>\n      ) : null}\n    </>\n  );\n});\n"],"names":["ControlRoomContext","createContext","ControlRoomProvider","globalTools","children","registry","setRegistry","useState","registerContextualTools","useCallback","id","tools","prev","next","unregisterContextualTools","contextualTools","useMemo","railHandleRef","useRef","registerRail","handle","openTool","_a","closeTool","value","jsx","useControlRoomTools","ctx","useContext","register","unregister","useId","useEffect","useControlRoomMergedTools","contextual","tool","global","useControlRoomActions","noop","useControlRoomRailRegister","_handle","ControlRoomRail","forwardRef","railLabel","reorderable","favoriteIds","defaultFavoriteIds","onFavoriteIdsChange","persistFavoritesKey","rest","ref","t","useTranslation","merged","resolved","isControlled","storedFavorites","setStoredFavorites","usePersistentState","tl","favorites","byId","map","favoriteSet","updateFavorites","updater","railTools","favTools","pinMessage","setPinMessage","pinAnnounceToggle","announcePinChange","label","willPin","text","togglePin","p","handleReorder","from","to","movedId","present","favCount","formatReorderAnnouncement","wasFav","renderPanelHeader","pinned","Button","Star","setRefs","jsxs","Fragment","AiToolsRail"],"mappings":"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"}