@alfadocs/ui-kit-debug 0.25.1 → 0.30.0

package/dist/_chunks/reviews-panel-CFttsfuC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reviews-panel-CFttsfuC.js","sources":["../../src/components/reviews-panel/reviews-panel.agent.ts","../../src/components/reviews-panel/reviews-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ReviewsPanel.                                          */\n/*                                                                        */\n/* Replaces the legacy patient-reviews Carousel with a single panel that  */\n/* surfaces an aggregate score, a star-bucket filter, and a vertical list */\n/* of compact review cards. The adapter exposes the active filter and the */\n/* visible review count so a host agent can drive the panel and observe   */\n/* what the user actually sees after the filter is applied. The reviews   */\n/* themselves remain owned by the consumer — they never flow through the  */\n/* adapter (PHI: pseudonyms + free-text comments stay on the page).       */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ReviewFilter, ReviewsPanelHandle } from './reviews-panel';\n\nexport const reviewsPanelAgent: AgentAdapter<ReviewsPanelHandle> = {\n  id: 'reviews-panel',\n  capabilities: ['filter'],\n  state: {\n    filter: {\n      type: 'string',\n      descriptionKey: 'ui.agent.reviewsPanel.state.filter',\n      description:\n        'Active star-bucket filter — `\"all\"` or an integer 1..5. Reads the controlled `filter` prop.',\n      read: (handle) => handle.getFilter(),\n    },\n    visibleCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.reviewsPanel.state.visibleCount',\n      description:\n        'Number of reviews currently rendered after the filter is applied.',\n      read: (handle) => handle.getVisibleCount(),\n    },\n  },\n  actions: {\n    set_filter: {\n      safety: 'read',\n      argsType: '{ filter: \"all\" | 1 | 2 | 3 | 4 | 5 }',\n      descriptionKey: 'ui.agent.reviewsPanel.actions.setFilter',\n      description:\n        'Narrow the visible review list to a star bucket, or `\"all\"` to clear the filter.',\n      invoke: (handle, args: { filter: ReviewFilter }) => {\n        handle.setFilter(args.filter);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'reviews-panel',\n      description: 'Marks the ReviewsPanel root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { reviewsPanelAgent } from './reviews-panel.agent';\nimport { Rating } from '../rating/rating';\nimport { Card } from '../card/card';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../collapsible/collapsible';\nimport { DescriptionList } from '../description-list/description-list';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Button } from '../button/button';\n\n/* -------------------------------------------------------------------- */\n/* ReviewsPanel                                                          */\n/*                                                                       */\n/* Replaces the legacy patient-reviews Carousel with a two-column panel  */\n/* — a star-bucket filter sidebar + a vertical list of compact review   */\n/* cards — that surfaces the aggregate score, the volume, and (via a    */\n/* per-card Collapsible) the rich per-axis breakdown alfaDocs already   */\n/* collects but the carousel buried.                                     */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\nexport interface ReviewItem {\n  id: string;\n  /** When the review was authored (ISO 8601). */\n  authoredAt: string;\n  /** Anonymised author display (\"Marco T.\", \"Anna_M\"). Falls back to a localised \"Anonymous\". */\n  pseudonym?: string;\n  /** 0..max — drives the visible star summary on the compact card. */\n  overallScore: number;\n  /** Short free-text comment shown on the compact card. */\n  comment?: string;\n  /** Practice reply (revealed in the expanded panel only). */\n  reply?: string;\n  /** Optional per-axis breakdown — when present, the card grows an\n   *  \"Expand\" affordance that reveals these in a DescriptionList. */\n  breakdown?: {\n    appointmentScore?: number;\n    communicationScore?: number;\n    staffScore?: number;\n    overallScore?: number;\n  };\n  /** Optional categorical follow-ups, surfaced inside the breakdown. */\n  futureVisit?: 'yes' | 'no' | 'unsure';\n  recommendation?: 'yes' | 'no' | 'unsure';\n}\n\nexport interface ReviewsAggregate {\n  /** Total review count across all star buckets (may exceed the loaded set when paginated). */\n  count: number;\n  /** Average score across the full population (drives the header `Rating`). */\n  averageScore: number;\n  /**\n   * Optional histogram — per-bucket count keyed by integer star value 1..5.\n   * When omitted, the panel derives buckets from the loaded `reviews` array\n   * (best-effort: paginated consumers SHOULD provide this explicitly).\n   */\n  histogram?: Record<1 | 2 | 3 | 4 | 5, number>;\n}\n\nexport type ReviewFilter = 'all' | 1 | 2 | 3 | 4 | 5;\n\nexport interface ReviewsPanelHandle {\n  getFilter: () => ReviewFilter;\n  setFilter: (next: ReviewFilter) => void;\n  /** Total visible after filter is applied. */\n  getVisibleCount: () => number;\n}\n\nexport interface ReviewsPanelProps extends Omit<\n  ComponentPropsWithoutRef<'section'>,\n  'aria-label' | 'children'\n> {\n  reviews: ReviewItem[];\n  aggregate: ReviewsAggregate;\n\n  /**\n   * Active star filter. Controlled — consumer owns it for shareability via\n   * URL query strings. Omit for uncontrolled (panel-managed) filtering.\n   */\n  filter?: ReviewFilter;\n  onFilterChange?: (next: ReviewFilter) => void;\n\n  /**\n   * Optional intro callout shown above the list (e.g. \"Riepilogo delle\n   * opinioni — i pazienti raccontano…\"). Render-prop slot so the consumer\n   * can drop in `<Alert>` / `<Callout>` / plain `<p>`.\n   */\n  introSlot?: ReactNode;\n\n  /** Optional header right-end action (e.g. a \"Leave a review\" button). */\n  headerActionSlot?: ReactNode;\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n\n  /** Agent-readiness id. */\n  id?: string;\n\n  className?: string;\n\n  /**\n   * Hide the filter sidebar — useful when the panel mounts under ~640px\n   * width or inside a narrow column. Defaults to false.\n   */\n  hideFilter?: boolean;\n\n  /** Render skeletons for the header and the list. */\n  loading?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* Constants & helpers                                                   */\n/* -------------------------------------------------------------------- */\n\nconst FILTER_VALUES: readonly ReviewFilter[] = ['all', 5, 4, 3, 2, 1] as const;\n\nfunction bucketOf(score: number): 1 | 2 | 3 | 4 | 5 {\n  const n = Math.min(5, Math.max(1, Math.floor(score)));\n  return n as 1 | 2 | 3 | 4 | 5;\n}\n\nfunction deriveHistogram(\n  reviews: ReviewItem[],\n): Record<1 | 2 | 3 | 4 | 5, number> {\n  const out: Record<1 | 2 | 3 | 4 | 5, number> = {\n    1: 0,\n    2: 0,\n    3: 0,\n    4: 0,\n    5: 0,\n  };\n  for (const r of reviews) out[bucketOf(r.overallScore)] += 1;\n  return out;\n}\n\n/* -------------------------------------------------------------------- */\n/* FilterSidebar — hand-rolled radiogroup with roving tabindex           */\n/*                                                                       */\n/* Mirrors `ServiceGrid` in `booking.tsx`: the WAI-ARIA RadioGroup       */\n/* pattern with full-row click target + icon column. NOT Radix           */\n/* `RadioGroup` because we need a row layout with a non-text leading     */\n/* glyph (the star ramp) and a trailing count.                           */\n/*                                                                       */\n/* Activation is automatic — Arrow keys move BOTH focus and selection,   */\n/* so a keyboard user feels the same responsiveness as a mouse user.     */\n/* That's the right call here because filter activation is cheap (re-    */\n/* renders the visible list); contrast with the booking ServiceGrid      */\n/* where activation cascades through downstream selection state.         */\n/* -------------------------------------------------------------------- */\n\nconst filterRowVariants = cva(\n  [\n    'ds:relative ds:flex ds:w-full ds:items-center ds:justify-between',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)]',\n    'ds:text-start',\n    'ds:transition-[background-color,color]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:cursor-pointer',\n  ].join(' '),\n  {\n    variants: {\n      state: {\n        idle: 'ds:hover:bg-[var(--muted)]/30 ds:text-[var(--foreground)]',\n        selected: [\n          'ds:bg-[var(--primary)]',\n          'ds:text-[var(--primary-foreground)]',\n          'ds:font-[var(--font-weight-semibold)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { state: 'idle' },\n  },\n);\n\ninterface FilterSidebarProps {\n  filter: ReviewFilter;\n  histogram: Record<1 | 2 | 3 | 4 | 5, number>;\n  totalCount: number;\n  onChange: (next: ReviewFilter) => void;\n}\n\nfunction FilterSidebar({\n  filter,\n  histogram,\n  totalCount,\n  onChange,\n}: FilterSidebarProps) {\n  const { t } = useTranslation();\n  const labelId = useId();\n\n  // Roving tabindex tracks where keyboard focus is. We use AUTOMATIC\n  // activation: arrow keys move focus AND fire onChange (see the rationale\n  // above the component). To keep the visible aria-checked row and the\n  // tab-stop aligned when the parent changes `filter` externally (e.g.\n  // from a `?filter=4` URL parameter on page load), sync focusIndex to\n  // the current filter via the effect below — without it, the tab stop\n  // could land on `All` while the highlight shows `4`.\n  const [focusIndex, setFocusIndex] = useState<number>(() =>\n    Math.max(0, FILTER_VALUES.indexOf(filter)),\n  );\n  useEffect(() => {\n    const i = FILTER_VALUES.indexOf(filter);\n    if (i >= 0) setFocusIndex(i);\n  }, [filter]);\n\n  const rowRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n  const focusAt = useCallback((index: number) => {\n    rowRefs.current.get(index)?.focus();\n  }, []);\n\n  const total = FILTER_VALUES.length;\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\n      switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowRight': {\n          event.preventDefault();\n          const next = (index + 1) % total;\n          setFocusIndex(next);\n          focusAt(next);\n          onChange(FILTER_VALUES[next]);\n          break;\n        }\n        case 'ArrowUp':\n        case 'ArrowLeft': {\n          event.preventDefault();\n          const prev = (index - 1 + total) % total;\n          setFocusIndex(prev);\n          focusAt(prev);\n          onChange(FILTER_VALUES[prev]);\n          break;\n        }\n        case 'Home': {\n          event.preventDefault();\n          setFocusIndex(0);\n          focusAt(0);\n          onChange(FILTER_VALUES[0]);\n          break;\n        }\n        case 'End': {\n          event.preventDefault();\n          const last = total - 1;\n          setFocusIndex(last);\n          focusAt(last);\n          onChange(FILTER_VALUES[last]);\n          break;\n        }\n        case 'Enter':\n        case ' ': {\n          event.preventDefault();\n          onChange(FILTER_VALUES[index]);\n          break;\n        }\n        default:\n          break;\n      }\n    },\n    [total, focusAt, onChange],\n  );\n\n  return (\n    <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n      <h3\n        id={labelId}\n        className=\"type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0\"\n      >\n        {t('reviewsPanel.filterTitle')}\n      </h3>\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={labelId}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\"\n      >\n        {FILTER_VALUES.map((val, index) => {\n          const isAll = val === 'all';\n          const stars = isAll ? 0 : (val as 1 | 2 | 3 | 4 | 5);\n          const count = isAll\n            ? totalCount\n            : histogram[stars as 1 | 2 | 3 | 4 | 5];\n          const isSelected = val === filter;\n          const isFocused = focusIndex === index;\n          const ariaLabel = isAll\n            ? t('reviewsPanel.filter.allLabel', { count })\n            : t('reviewsPanel.filter.starsLabel', { stars, count });\n\n          return (\n            <button\n              key={String(val)}\n              ref={(node) => {\n                if (node) rowRefs.current.set(index, node);\n                else rowRefs.current.delete(index);\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={isSelected}\n              aria-label={ariaLabel}\n              tabIndex={isFocused ? 0 : -1}\n              onClick={() => {\n                setFocusIndex(index);\n                onChange(val);\n              }}\n              onFocus={() => setFocusIndex(index)}\n              onKeyDown={(e) => handleKeyDown(e, index)}\n              data-filter-bucket={String(val)}\n              className={filterRowVariants({\n                state: isSelected ? 'selected' : 'idle',\n              })}\n            >\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              >\n                {isAll ? (\n                  <span className=\"type-label\">\n                    {t('reviewsPanel.filter.allShort')}\n                  </span>\n                ) : (\n                  <Rating value={stars} size=\"sm\" decorative />\n                )}\n              </span>\n              <span\n                aria-hidden=\"true\"\n                className=\"type-meta ds:text-[var(--muted-foreground)]\"\n              >\n                {count}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* ReviewCard — compact card with optional Collapsible breakdown         */\n/* -------------------------------------------------------------------- */\n\ninterface ReviewCardProps {\n  review: ReviewItem;\n  locale: string;\n}\n\nfunction ReviewCard({ review, locale }: ReviewCardProps) {\n  const { t } = useTranslation();\n  const triggerId = useId();\n  const contentId = useId();\n  const [open, setOpen] = useState(false);\n\n  const breakdownHasValues = Boolean(\n    review.breakdown && Object.values(review.breakdown).some((v) => v != null),\n  );\n  const hasDetails =\n    Boolean(review.reply) ||\n    breakdownHasValues ||\n    Boolean(review.futureVisit) ||\n    Boolean(review.recommendation);\n\n  const formattedDate = useMemo(() => {\n    if (!review.authoredAt) return '';\n    try {\n      const parsed = new Date(review.authoredAt);\n      if (Number.isNaN(parsed.getTime())) return review.authoredAt;\n      return new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(\n        parsed,\n      );\n    } catch {\n      return review.authoredAt;\n    }\n  }, [review.authoredAt, locale]);\n\n  const pseudonym = review.pseudonym ?? t('reviewsPanel.anonymous');\n\n  // Compose the full Card body. The Collapsible wraps the footer + the\n  // hidden content so both share the same Radix Root and the Trigger's\n  // `data-state` reaches the Content automatically (used for the height\n  // animation). The Footer + Content are direct Card children so the\n  // Card root's flex-col places them in order.\n  const footerAndDetails = (\n    <Collapsible\n      open={hasDetails ? open : false}\n      onOpenChange={hasDetails ? setOpen : undefined}\n    >\n      <Card.Footer>\n        <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n          {formattedDate}\n        </span>\n        {hasDetails ? (\n          <CollapsibleTrigger asChild>\n            <button\n              id={triggerId}\n              type=\"button\"\n              data-review-trigger\n              className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)] ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)] ds:bg-transparent ds:border-0 ds:text-[length:var(--font-size-sm)] ds:text-[var(--primary)] ds:hover:underline ds:cursor-pointer ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n            >\n              {open\n                ? t('reviewsPanel.card.collapse')\n                : t('reviewsPanel.card.expand')}\n              <ChevronDown\n                aria-hidden=\"true\"\n                className={[\n                  'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                  open ? 'ds:rotate-180' : '',\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              />\n            </button>\n          </CollapsibleTrigger>\n        ) : null}\n      </Card.Footer>\n      {hasDetails ? (\n        <CollapsibleContent id={contentId} aria-labelledby={triggerId}>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]\">\n            {breakdownHasValues ||\n            review.futureVisit ||\n            review.recommendation ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {review.breakdown?.appointmentScore != null ? (\n                  <DescriptionList.Row>\n                    <DescriptionList.Term>\n                      {t('reviewsPanel.breakdown.appointment')}\n                    </DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      <Rating\n                        value={review.breakdown.appointmentScore}\n                        size=\"sm\"\n                      />\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ) : null}\n                {review.breakdown?.communicationScore != null ? (\n                  <DescriptionList.Row>\n                    <DescriptionList.Term>\n                      {t('reviewsPanel.breakdown.communication')}\n                    </DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      <Rating\n                        value={review.breakdown.communicationScore}\n                        size=\"sm\"\n                      />\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ) : null}\n                {review.breakdown?.staffScore != null ? (\n                  <DescriptionList.Row>\n                    <DescriptionList.Term>\n                      {t('reviewsPanel.breakdown.staff')}\n                    </DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      <Rating value={review.breakdown.staffScore} size=\"sm\" />\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ) : null}\n                {review.breakdown?.overallScore != null ? (\n                  <DescriptionList.Row>\n                    <DescriptionList.Term>\n                      {t('reviewsPanel.breakdown.overall')}\n                    </DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      <Rating value={review.breakdown.overallScore} size=\"sm\" />\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ) : null}\n                {review.futureVisit ? (\n                  <DescriptionList.Row>\n                    <DescriptionList.Term>\n                      {t('reviewsPanel.breakdown.futureVisit')}\n                    </DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      {t(`reviewsPanel.answer.${review.futureVisit}`)}\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ) : null}\n                {review.recommendation ? (\n                  <DescriptionList.Row>\n                    <DescriptionList.Term>\n                      {t('reviewsPanel.breakdown.recommendation')}\n                    </DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      {t(`reviewsPanel.answer.${review.recommendation}`)}\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ) : null}\n              </DescriptionList>\n            ) : null}\n            {review.reply ? (\n              <div className=\"ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]/40 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]\">\n                <p className=\"type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]\">\n                  {t('reviewsPanel.replyTitle')}\n                </p>\n                <p className=\"type-body-sm ds:m-0 ds:text-[var(--foreground)] ds:[white-space:pre-line]\">\n                  {review.reply}\n                </p>\n              </div>\n            ) : null}\n          </div>\n        </CollapsibleContent>\n      ) : null}\n    </Collapsible>\n  );\n\n  return (\n    <Card variant=\"default\" className=\"ds:shadow-[var(--shadow-sm)]\">\n      <Card.Header>\n        <div className=\"ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <h4 className=\"type-title-item ds:m-0 ds:text-[var(--foreground)]\">\n            {pseudonym}\n          </h4>\n          <Rating value={review.overallScore} size=\"sm\" />\n        </div>\n      </Card.Header>\n      {review.comment ? (\n        <Card.Body>\n          <p className=\"type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2\">\n            {review.comment}\n          </p>\n        </Card.Body>\n      ) : null}\n      {footerAndDetails}\n    </Card>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* PanelSkeleton — loading state                                         */\n/* -------------------------------------------------------------------- */\n\nfunction PanelSkeleton({ hideFilter }: { hideFilter: boolean }) {\n  // The parent <section> already carries `aria-busy=\"true\"`, which is the\n  // canonical SR signal for \"this region is loading\". Don't add `role=status`\n  // + `aria-live=polite` here too — pairing both would double-announce on\n  // mount. Skeleton itself is `aria-hidden`.\n  return (\n    <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n      <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n        <Skeleton variant=\"text\" width=\"40%\" />\n        <Skeleton variant=\"text\" width=\"20%\" />\n      </div>\n      <div\n        className={\n          hideFilter\n            ? 'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]'\n            : 'ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-[minmax(0,30%)_minmax(0,1fr)]'\n        }\n      >\n        {!hideFilter ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            {Array.from({ length: 6 }, (_, i) => (\n              <Skeleton key={`rp-fs-${i}`} variant=\"rounded\" height=\"2.5rem\" />\n            ))}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          {Array.from({ length: 3 }, (_, i) => (\n            <Skeleton key={`rp-rs-${i}`} variant=\"rounded\" height=\"6rem\" />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Root variants                                                         */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva(\n  'ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[var(--foreground)]',\n);\n\n/* -------------------------------------------------------------------- */\n/* ReviewsPanel                                                          */\n/* -------------------------------------------------------------------- */\n\nexport const ReviewsPanel = forwardRef<HTMLElement, ReviewsPanelProps>(\n  (\n    {\n      reviews,\n      aggregate,\n      filter: filterProp,\n      onFilterChange,\n      introSlot,\n      headerActionSlot,\n      'aria-label': ariaLabel,\n      id,\n      className,\n      hideFilter = false,\n      loading = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const locale = i18n.language ?? 'en';\n\n    // Controlled / uncontrolled filter handling. When `filterProp` is\n    // undefined the panel manages the filter internally — the consumer can\n    // mount the panel and never wire `filter` / `onFilterChange` for the\n    // common case where the URL doesn't carry the filter state. When the\n    // prop IS provided, the consumer owns the truth.\n    const [internalFilter, setInternalFilter] = useState<ReviewFilter>('all');\n    const filter = filterProp ?? internalFilter;\n\n    const handleFilterChange = useCallback(\n      (next: ReviewFilter) => {\n        if (filterProp === undefined) setInternalFilter(next);\n        onFilterChange?.(next);\n      },\n      [filterProp, onFilterChange],\n    );\n\n    // Prefer the consumer-provided histogram; fall back to deriving from the\n    // loaded reviews. Pagination consumers SHOULD pass an explicit histogram\n    // so the per-bucket counts reflect server-side totals rather than only\n    // what's loaded on this page.\n    const histogram = useMemo(\n      () => aggregate.histogram ?? deriveHistogram(reviews),\n      [aggregate.histogram, reviews],\n    );\n\n    const visibleReviews = useMemo(() => {\n      if (filter === 'all') return reviews;\n      return reviews.filter((r) => bucketOf(r.overallScore) === filter);\n    }, [reviews, filter]);\n\n    /* Agent registration — exposes filter + visible count via refs so the\n       imperative handle returns the latest values without re-creating the\n       handle on every render. */\n    const latestFilterRef = useRef(filter);\n    latestFilterRef.current = filter;\n    const latestVisibleCountRef = useRef(visibleReviews.length);\n    latestVisibleCountRef.current = visibleReviews.length;\n\n    const agentHandle = useMemo<ReviewsPanelHandle>(\n      () => ({\n        getFilter: () => latestFilterRef.current,\n        setFilter: (next) => handleFilterChange(next),\n        getVisibleCount: () => latestVisibleCountRef.current,\n      }),\n      [handleFilterChange],\n    );\n\n    const rootRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n    useAgentRegistration(reviewsPanelAgent, agentHandle, id);\n\n    const resolvedAriaLabel = ariaLabel ?? t('reviewsPanel.regionLabel');\n    const dataFilter = String(filter);\n\n    /* ---------------------------- Loading ---------------------------- */\n    if (loading) {\n      return (\n        <section\n          ref={rootRef as React.Ref<HTMLElement>}\n          aria-label={resolvedAriaLabel}\n          aria-busy=\"true\"\n          id={id}\n          data-component=\"reviews-panel\"\n          data-component-id={id}\n          data-filter={dataFilter}\n          data-state=\"loading\"\n          className={rootVariants({ className })}\n          {...rest}\n        >\n          <PanelSkeleton hideFilter={hideFilter} />\n        </section>\n      );\n    }\n\n    /* ----------------------- Zero-total empty ------------------------ */\n    // No header, no filter — just the EmptyState. The region landmark is\n    // still emitted so an agent can locate the empty panel by its\n    // data-component marker.\n    if (aggregate.count === 0 && reviews.length === 0) {\n      return (\n        <section\n          ref={rootRef as React.Ref<HTMLElement>}\n          aria-label={resolvedAriaLabel}\n          id={id}\n          data-component=\"reviews-panel\"\n          data-component-id={id}\n          data-filter={dataFilter}\n          data-state=\"empty\"\n          className={rootVariants({ className })}\n          {...rest}\n        >\n          <EmptyState\n            variant=\"no-results\"\n            title={t('reviewsPanel.empty.title')}\n            description={t('reviewsPanel.empty.description')}\n          />\n        </section>\n      );\n    }\n\n    const showFilterSidebar = !hideFilter;\n\n    return (\n      <section\n        ref={rootRef as React.Ref<HTMLElement>}\n        aria-label={resolvedAriaLabel}\n        id={id}\n        data-component=\"reviews-panel\"\n        data-component-id={id}\n        data-filter={dataFilter}\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* Header row — plain <div>, not <header>: the panel root is a\n            region landmark with an accessible name, so a nested <header>\n            would emit a banner-inside-region pair that axe's\n            landmark-banner-is-top-level rule flags. */}\n        <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <h2 className=\"type-title-section ds:m-0 ds:text-[var(--foreground)]\">\n            {t('reviewsPanel.title')}\n          </h2>\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-md)]\">\n            {headerActionSlot}\n            <Rating\n              value={aggregate.averageScore}\n              reviews={{ count: aggregate.count }}\n              size=\"md\"\n            />\n          </div>\n        </div>\n\n        <div\n          className={\n            showFilterSidebar\n              ? 'ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-[minmax(0,30%)_minmax(0,1fr)]'\n              : 'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]'\n          }\n        >\n          {showFilterSidebar ? (\n            <FilterSidebar\n              filter={filter}\n              histogram={histogram}\n              totalCount={aggregate.count}\n              onChange={handleFilterChange}\n            />\n          ) : null}\n\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0\">\n            {introSlot ? (\n              // Plain div, not <aside>: axe's\n              // `landmark-complementary-is-top-level` rule fires when an\n              // `<aside>` lands inside another landmark (this panel's\n              // <section role=\"region\">), and the consumer's introSlot\n              // already supplies its own semantics (e.g. an Alert with\n              // role=\"status\").\n              <div className=\"ds:rounded-[var(--radius-md)] ds:bg-[color-mix(in_srgb,var(--info)_8%,transparent)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]\">\n                {introSlot}\n              </div>\n            ) : null}\n\n            {visibleReviews.length === 0 ? (\n              // `role=\"status\"` already implies `aria-live=\"polite\"` —\n              // declaring both would queue two announcements when the\n              // filter changes (the radio's aria-checked flip + this\n              // container's text). Keeping `role` only.\n              <div\n                role=\"status\"\n                data-state=\"no-match\"\n                className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-dashed ds:border-[var(--border)] ds:p-[var(--spacing-lg)] ds:text-center\"\n              >\n                <p className=\"type-body ds:m-0 ds:text-[var(--muted-foreground)]\">\n                  {filter === 'all'\n                    ? t('reviewsPanel.empty.title')\n                    : t('reviewsPanel.empty.filterDescription', {\n                        stars: filter,\n                      })}\n                </p>\n                {filter !== 'all' ? (\n                  <Button\n                    intent=\"secondary\"\n                    size=\"sm\"\n                    onClick={() => handleFilterChange('all')}\n                  >\n                    {t('reviewsPanel.empty.resetFilter')}\n                  </Button>\n                ) : null}\n              </div>\n            ) : (\n              <ol\n                aria-label={t('reviewsPanel.listLabel')}\n                className=\"ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n              >\n                {visibleReviews.map((review) => (\n                  <li key={review.id} data-review-id={review.id}>\n                    <ReviewCard review={review} locale={locale} />\n                  </li>\n                ))}\n              </ol>\n            )}\n          </div>\n        </div>\n      </section>\n    );\n  },\n);\n\nReviewsPanel.displayName = 'ReviewsPanel';\n"],"names":["reviewsPanelAgent","handle","args","FILTER_VALUES","bucketOf","score","deriveHistogram","reviews","out","filterRowVariants","cva","FilterSidebar","filter","histogram","totalCount","onChange","t","useTranslation","labelId","useId","focusIndex","setFocusIndex","useState","useEffect","i","rowRefs","useRef","focusAt","useCallback","index","_a","total","handleKeyDown","event","next","prev","last","jsxs","jsx","val","isAll","stars","count","isSelected","isFocused","ariaLabel","node","e","Rating","ReviewCard","review","locale","triggerId","contentId","open","setOpen","breakdownHasValues","v","hasDetails","formattedDate","useMemo","parsed","pseudonym","footerAndDetails","Collapsible","Card","CollapsibleTrigger","ChevronDown","CollapsibleContent","DescriptionList","_b","_c","_d","PanelSkeleton","hideFilter","Skeleton","_","rootVariants","ReviewsPanel","forwardRef","aggregate","filterProp","onFilterChange","introSlot","headerActionSlot","id","className","loading","rest","ref","i18n","internalFilter","setInternalFilter","handleFilterChange","visibleReviews","r","latestFilterRef","latestVisibleCountRef","agentHandle","rootRef","useImperativeHandle","useAgentRegistration","resolvedAriaLabel","dataFilter","EmptyState","showFilterSidebar","Button"],"mappings":"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"}

package/dist/_chunks/{search-bar-DORSAzNt.js → search-bar-BRMW1-WG.js}

@@ -3,7 +3,7 @@ import { forwardRef as te, useState as _, useEffect as F, useRef as j, useMemo a
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import * as q from "@radix-ui/react-popover";
-import { S as oe } from "./search-input-BtEJAJHa.js";
+import { S as oe } from "./search-input-CIA6pPfn.js";
 import { u as W } from "./registry-C9nwlNyL.js";
 import { n as O } from "./normalize-diacritics-BNGbFNlJ.js";
 import { S as ie } from "./search-BonnQsHv.js";
@@ -582,4 +582,4 @@ export {
   Ie as f,
   J as s
 };
-//# sourceMappingURL=search-bar-DORSAzNt.js.map
+//# sourceMappingURL=search-bar-BRMW1-WG.js.map

package/dist/_chunks/{search-bar-DORSAzNt.js.map → search-bar-BRMW1-WG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-bar-DORSAzNt.js","sources":["../../src/components/search-bar/search-bar.agent.ts","../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SearchBar.                                             */\n/*                                                                        */\n/* SearchBar is the kit's saved-search / global-search surface. In       */\n/* `inline` mode it filters + opens a result popover; in `launcher`      */\n/* mode it opens the CommandPalette. The adapter exposes the query,     */\n/* a submit action, and an apply_saved_search hook so future MCP        */\n/* tooling can drive the SearchBar by saved-search id.                  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SearchBarHandle } from './search-bar';\n\nexport const searchBarAgent: AgentAdapter<SearchBarHandle> = {\n  id: 'search-bar',\n  capabilities: ['filter', 'edit_inline', 'submit'],\n  state: {\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.searchBar.state.query',\n      description:\n        'Current raw query string (inline mode). Empty in launcher mode.',\n      read: (handle) => handle.getQuery(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.searchBar.state.isEmpty',\n      description: 'True when the query is empty.',\n      read: (handle) => handle.getQuery().length === 0,\n    },\n  },\n  actions: {\n    set_query: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      descriptionKey: 'ui.agent.searchBar.actions.setQuery',\n      description:\n        'Replace the current query (inline mode only). No-op in launcher mode.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchBar.actions.clear',\n      description: 'Clear the query and close the result popover.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchBar.actions.submit',\n      description:\n        'In launcher mode opens the CommandPalette; in inline mode commits the highlighted option.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchBar.actions.focus',\n      description: 'Move keyboard focus to the SearchBar.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n    apply_saved_search: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.searchBar.actions.applySavedSearch',\n      description:\n        'Apply a saved-search by id. The host wires the actual query lookup; the adapter routes the id to its onApplySavedSearch handler. No-op when no handler is wired.',\n      invoke: (handle, args: { id: string }) => {\n        handle.applySavedSearch(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'search-bar',\n      description: 'Marks the SearchBar root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { SearchInput } from '../search-input/search-input';\nimport { useDebouncedCallback, normalizeDiacritics } from '../_shared';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { searchBarAgent } from './search-bar.agent';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut detection                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction isMacLike(): boolean {\n  if (typeof navigator === 'undefined') return false;\n  // Prefer `userAgentData.platform` where supported; fall back to the\n  // deprecated `navigator.platform`. Both are strings; we just look for\n  // `mac`.\n  const uaData = (\n    navigator as unknown as {\n      userAgentData?: { platform?: string };\n    }\n  ).userAgentData;\n  const platformString = uaData?.platform ?? navigator.platform ?? '';\n  return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst launcherVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    // Same visual language as <SearchInput> so the launcher truly looks\n    // like an input. --muted-foreground over --background meets AA 4.5:1\n    // in every theme; --muted is a mid-tone not suitable as a surface.\n    'ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]',\n    'ds:text-[color:var(--muted-foreground)]',\n    // Opaque hover — mix 20% muted into --background so the launcher stays a\n    // solid surface even when placed over a brand-tinted parent (e.g. the\n    // Header's `brand` variant).\n    'ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n    'ds:transition-colors ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 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      density: {\n        default: '',\n        compact: 'ds:min-h-0 ds:h-8',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      density: 'default',\n    },\n  },\n);\n\nconst inlineWrapperVariants = cva(\n  ['ds:inline-flex ds:flex-col', 'ds:w-full'].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n      density: {\n        default: '',\n        compact: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      density: 'default',\n    },\n  },\n);\n\nconst shortcutPillVariants = cva(\n  [\n    'ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]',\n    'ds:ms-auto',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)]',\n    'ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]',\n    'ds:py-[calc(var(--spacing-xs)/2)]',\n    // Use full --foreground (not --muted-foreground) so axe's contrast\n    // check clears 4.5:1 even against the 1px --border edge region.\n    'ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]',\n    'ds:font-[family-name:var(--font-mono)]',\n  ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:p-[var(--spacing-xs)]',\n    // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n    // animation-duration token.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchBarResultItem {\n  id: string;\n  /** Display label. */\n  label: string;\n  /** Optional icon rendered on inline-start (aria-hidden). */\n  icon?: ReactNode;\n  /** Optional right-aligned meta text (tag, count, section label). */\n  meta?: string;\n  /** Optional href — the list renders anchors when present. */\n  href?: string;\n}\n\nexport interface SearchBarResultGroup {\n  /** Heading displayed above the items (aria-hidden=\"true\" — visual only). */\n  heading?: string;\n  items: SearchBarResultItem[];\n}\n\ntype SharedProps = {\n  size?: 'sm' | 'md' | 'lg';\n  density?: 'default' | 'compact';\n  /** `true` wraps in <search role=\"search\"> when this is the page's primary search. */\n  topLevel?: boolean;\n  placeholder?: string;\n  /** Platform-aware shortcut pill — default `true` (hidden below `md` breakpoint). */\n  shortcutHint?: boolean;\n  className?: string;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n  /**\n   * Called when an external driver (agent adapter) asks the host to apply\n   * a saved search by id. The host is responsible for resolving the saved\n   * search and feeding the resulting query back through `value` /\n   * `onQueryChange`. No-op when not provided.\n   */\n  onApplySavedSearch?: (id: string) => void;\n};\n\n/**\n * Imperative handle for agent-readiness + programmatic control. Replaces\n * the previously-forwarded `HTMLDivElement` ref. Consumers who needed the\n * DOM element for layout queries should wrap the SearchBar in their own\n * div with a ref attached.\n */\nexport interface SearchBarHandle {\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  submit: () => void;\n  focus: () => void;\n  applySavedSearch: (id: string) => void;\n}\n\ntype LauncherProps = SharedProps & {\n  mode?: 'launcher';\n  /** Called on click / Enter / global Cmd/Ctrl+K. */\n  onOpenCommandPalette: () => void;\n  // Not used in launcher mode.\n  value?: never;\n  defaultValue?: never;\n  onQueryChange?: never;\n  results?: never;\n  onSelect?: never;\n  debounceMs?: never;\n};\n\ntype InlineProps = SharedProps & {\n  mode: 'inline';\n  value?: string;\n  defaultValue?: string;\n  onQueryChange?: (query: string) => void;\n  /** Groups of results rendered in the popover. */\n  results?: SearchBarResultGroup[];\n  onSelect?: (item: SearchBarResultItem) => void;\n  debounceMs?: number;\n  // Not used in inline mode.\n  onOpenCommandPalette?: never;\n};\n\nexport type SearchBarProps = (LauncherProps | InlineProps) &\n  Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'role' | 'onChange' | 'children' | 'defaultValue' | 'results'\n  > &\n  VariantProps<typeof launcherVariants>;\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nexport function filterSearchResults(\n  query: string,\n  groups: SearchBarResultGroup[],\n): SearchBarResultGroup[] {\n  const needle = normalizeDiacritics(query.trim());\n  if (needle === '') return groups;\n  return groups\n    .map((g) => ({\n      ...g,\n      items: g.items.filter((item) =>\n        normalizeDiacritics(item.label).includes(needle),\n      ),\n    }))\n    .filter((g) => g.items.length > 0);\n}\n\n/* ------------------------------------------------------------------ */\n/* SearchBar                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const SearchBar = forwardRef<HTMLDivElement, SearchBarProps>(\n  (props, ref) => {\n    // Strip every API prop from `...rest` so nothing leaks to the DOM as\n    // an unknown attribute (React warns in DEV and some become invalid\n    // HTML in production).\n    const {\n      mode = 'launcher',\n      size = 'md',\n      density = 'default',\n      topLevel = false,\n      placeholder,\n      shortcutHint = true,\n      className,\n      onOpenCommandPalette,\n      id,\n      onApplySavedSearch,\n      value: _value,\n      defaultValue: _defaultValue,\n      onQueryChange: _onQueryChange,\n      results: _results,\n      onSelect: _onSelect,\n      debounceMs: _debounceMs,\n      ...rest\n    } = props as SearchBarProps & { className?: string };\n    // silence unused-var warnings for the destructured siblings we only\n    // needed to peel off the spread target.\n    void _value;\n    void _defaultValue;\n    void _onQueryChange;\n    void _results;\n    void _onSelect;\n    void _debounceMs;\n\n    const { t } = useTranslation();\n    const [isMac, setIsMac] = useState(false);\n    useEffect(() => {\n      setIsMac(isMacLike());\n    }, []);\n\n    const shortcutLabel = isMac ? '\\u2318K' : 'Ctrl+K';\n    // Advertise the shortcut on the launcher button. The binding itself\n    // lives in `useCommandPalette()` (CommandPalette owns its open state);\n    // duplicating the listener here would cause a double-fire.\n    const ariaKeyshortcuts = 'Meta+K Control+K';\n\n    /* ---- Landmark role --------------------------------------------- */\n    const landmarkProps = topLevel\n      ? { role: 'search' as const }\n      : { role: undefined };\n\n    /* ---- LAUNCHER MODE -------------------------------------------- */\n    if (mode === 'launcher') {\n      const resolvedPlaceholder =\n        placeholder ?? t('search.placeholder', 'Search\\u2026');\n      return (\n        <LauncherSearchBar\n          forwardedRef={ref}\n          id={id}\n          landmarkProps={landmarkProps}\n          className={className}\n          onOpenCommandPalette={onOpenCommandPalette}\n          onApplySavedSearch={onApplySavedSearch}\n          resolvedPlaceholder={resolvedPlaceholder}\n          openLabel={t('search.open', 'Open search')}\n          ariaKeyshortcuts={ariaKeyshortcuts}\n          launcherClass={launcherVariants({ size, density })}\n          shortcutHint={shortcutHint}\n          shortcutLabel={shortcutLabel}\n          rest={rest as HTMLAttributes<HTMLButtonElement>}\n        />\n      );\n    }\n\n    /* ---- INLINE MODE ---------------------------------------------- */\n    const inlineProps = props as InlineProps;\n    return (\n      <InlineSearchBar\n        forwardedRef={ref}\n        size={size}\n        density={density}\n        landmarkProps={landmarkProps}\n        placeholder={placeholder}\n        shortcutHint={shortcutHint}\n        shortcutLabel={shortcutLabel}\n        ariaKeyshortcuts={ariaKeyshortcuts}\n        className={className}\n        id={id}\n        onApplySavedSearch={onApplySavedSearch}\n        {...inlineProps}\n      />\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\n/* ------------------------------------------------------------------ */\n/* LauncherSearchBar \\u2014 internal                                         */\n/* ------------------------------------------------------------------ */\n\ninterface LauncherInternalProps {\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n  id?: string;\n  landmarkProps: { role?: 'search' };\n  className?: string;\n  onOpenCommandPalette?: () => void;\n  onApplySavedSearch?: (id: string) => void;\n  resolvedPlaceholder: string;\n  openLabel: string;\n  ariaKeyshortcuts: string;\n  launcherClass: string;\n  shortcutHint: boolean;\n  shortcutLabel: string;\n  rest: HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction LauncherSearchBar(props: LauncherInternalProps): ReactNode {\n  const {\n    forwardedRef,\n    id,\n    landmarkProps,\n    className,\n    onOpenCommandPalette,\n    onApplySavedSearch,\n    resolvedPlaceholder,\n    openLabel,\n    ariaKeyshortcuts,\n    launcherClass,\n    shortcutHint,\n    shortcutLabel,\n    rest,\n  } = props;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const handle = useMemo<SearchBarHandle>(\n    () => ({\n      getQuery: () => '',\n      // Launcher mode is stateless \\u2014 it delegates to CommandPalette.\n      setQuery: () => {},\n      clear: () => {},\n      submit: () => onOpenCommandPalette?.(),\n      focus: () => buttonRef.current?.focus(),\n      applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n    }),\n    [onOpenCommandPalette, onApplySavedSearch],\n  );\n  useImperativeHandle(\n    forwardedRef,\n    () => rootRef.current as HTMLDivElement,\n    [],\n  );\n  useAgentRegistration(searchBarAgent, handle, id);\n\n  return (\n    <div\n      ref={rootRef}\n      {...landmarkProps}\n      data-component=\"search-bar\"\n      data-component-id={id}\n      id={id}\n      className={className}\n    >\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={onOpenCommandPalette}\n        aria-haspopup=\"dialog\"\n        aria-label={openLabel}\n        aria-keyshortcuts={ariaKeyshortcuts}\n        className={launcherClass}\n        {...rest}\n      >\n        <Search\n          aria-hidden\n          className=\"ds:size-4 ds:shrink-0\"\n          focusable=\"false\"\n        />\n        <span aria-hidden=\"true\" className=\"ds:truncate ds:text-start\">\n          {resolvedPlaceholder}\n        </span>\n        {shortcutHint ? (\n          <kbd className={shortcutPillVariants()}>{shortcutLabel}</kbd>\n        ) : null}\n      </button>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* InlineSearchBar — internal                                           */\n/* ------------------------------------------------------------------ */\n\ninterface InlineInternalProps extends InlineProps {\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n  size: 'sm' | 'md' | 'lg';\n  density: 'default' | 'compact';\n  landmarkProps: { role?: 'search' };\n  shortcutHint: boolean;\n  shortcutLabel: string;\n  ariaKeyshortcuts: string;\n  className?: string;\n  id?: string;\n  onApplySavedSearch?: (id: string) => void;\n}\n\nfunction InlineSearchBar(props: InlineInternalProps): ReactNode {\n  const {\n    forwardedRef,\n    size,\n    density,\n    landmarkProps,\n    placeholder,\n    shortcutHint,\n    shortcutLabel,\n    ariaKeyshortcuts,\n    className,\n    id,\n    onApplySavedSearch,\n    value,\n    defaultValue,\n    onQueryChange,\n    results,\n    onSelect,\n    debounceMs = 150,\n  } = props;\n\n  const { t } = useTranslation();\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n  const query = isControlled ? (value ?? '') : internalValue;\n\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0);\n  // SearchInput forwards an `HTMLInputElement` with the curated handle\n  // methods grafted on — for our purposes we just need `.focus()`.\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const listboxId = useId();\n\n  const debouncedQueryChange = useDebouncedCallback((next: string) => {\n    onQueryChange?.(next);\n  }, debounceMs);\n\n  const flatResults = useMemo<SearchBarResultItem[]>(() => {\n    if (!results) return [];\n    return results.flatMap((g) => g.items);\n  }, [results]);\n\n  // Reset active index whenever the result count changes.\n  useEffect(() => {\n    if (activeIndex > flatResults.length - 1) setActiveIndex(0);\n  }, [flatResults.length, activeIndex]);\n\n  const handleInput = useCallback(\n    (raw: string) => {\n      if (!isControlled) setInternalValue(raw);\n      debouncedQueryChange(raw);\n      setOpen(raw.trim().length > 0);\n    },\n    [debouncedQueryChange, isControlled],\n  );\n\n  const commit = useCallback(\n    (item: SearchBarResultItem) => {\n      onSelect?.(item);\n      setOpen(false);\n      if (!isControlled) setInternalValue('');\n    },\n    [onSelect, isControlled],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n      if (!open && event.key === 'ArrowDown' && flatResults.length > 0) {\n        event.preventDefault();\n        setOpen(true);\n        return;\n      }\n      if (!open) return;\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        setActiveIndex((i) => (i + 1) % Math.max(flatResults.length, 1));\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        setActiveIndex(\n          (i) =>\n            (i - 1 + Math.max(flatResults.length, 1)) %\n            Math.max(flatResults.length, 1),\n        );\n      } else if (event.key === 'Enter') {\n        const item = flatResults[activeIndex];\n        if (item) {\n          event.preventDefault();\n          commit(item);\n        }\n      } else if (event.key === 'Escape') {\n        event.preventDefault();\n        setOpen(false);\n      }\n    },\n    [open, flatResults, activeIndex, commit],\n  );\n\n  const resolvedPlaceholder =\n    placeholder ?? t('search.placeholder', 'Search\\u2026');\n\n  const hasResults = flatResults.length > 0;\n  // aria-activedescendant may only reference an element that actually exists\n  // in the DOM — so only set it when the popover is open AND there are\n  // results to land on. Referencing a non-existent option is an a11y\n  // violation (aria-valid-attr-value).\n  const activeDescendantId =\n    open && hasResults ? `${listboxId}-option-${activeIndex}` : undefined;\n\n  const setQueryProgrammatic = useCallback(\n    (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onQueryChange?.(next);\n      setOpen(next.trim().length > 0);\n    },\n    [isControlled, onQueryChange],\n  );\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () => rootRef.current as HTMLDivElement,\n    [],\n  );\n\n  const agentHandle = useMemo<SearchBarHandle>(\n    () => ({\n      getQuery: () => query,\n      setQuery: setQueryProgrammatic,\n      clear: () => {\n        setQueryProgrammatic('');\n      },\n      submit: () => {\n        const item = flatResults[activeIndex];\n        if (item) commit(item);\n      },\n      focus: () => inputRef.current?.focus(),\n      applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n    }),\n    [\n      query,\n      setQueryProgrammatic,\n      flatResults,\n      activeIndex,\n      commit,\n      onApplySavedSearch,\n    ],\n  );\n  useAgentRegistration(searchBarAgent, agentHandle, id);\n\n  return (\n    <RadixPopover.Root open={open && hasResults} onOpenChange={setOpen}>\n      <div\n        ref={rootRef}\n        {...landmarkProps}\n        id={id}\n        data-component=\"search-bar\"\n        data-component-id={id}\n        className={[inlineWrapperVariants({ size, density }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Anchor asChild>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- keyboard handling propagates to the inner SearchInput; this wrapper captures combobox/listbox keys */}\n          <div\n            className=\"ds:relative ds:flex ds:items-center\"\n            onKeyDown={handleKeyDown}\n          >\n            <SearchInput\n              ref={inputRef}\n              size={size}\n              value={query}\n              onInput={handleInput}\n              placeholder={resolvedPlaceholder}\n              aria-label={t('search.label', 'Search')}\n              aria-keyshortcuts={ariaKeyshortcuts}\n              role=\"combobox\"\n              aria-expanded={open && hasResults}\n              aria-controls={listboxId}\n              aria-activedescendant={activeDescendantId}\n            />\n            {shortcutHint ? (\n              <kbd\n                className={[\n                  shortcutPillVariants(),\n                  'ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2',\n                  'ds:pointer-events-none',\n                ].join(' ')}\n              >\n                {shortcutLabel}\n              </kbd>\n            ) : null}\n          </div>\n        </RadixPopover.Anchor>\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={4}\n            aria-label={t('search.resultsLabel', 'Search results')}\n            onOpenAutoFocus={(e) => e.preventDefault()}\n            // Width matches the anchor via Radix's CSS variable. Applied\n            // as a Tailwind arbitrary-value class so no inline style is\n            // needed (23-constraints §4).\n            className={[\n              popoverContentVariants(),\n              'ds:w-[var(--radix-popover-trigger-width)]',\n            ].join(' ')}\n          >\n            {/* listbox uses <div> rather than <ul> so the option role\n                children don't trip the `<ul> must only contain <li>` axe\n                rule. Options are direct descendants of the listbox root\n                per the WAI-ARIA listbox pattern. */}\n            <div\n              id={listboxId}\n              role=\"listbox\"\n              aria-label={t('search.resultsLabel', 'Search results')}\n              className=\"ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]\"\n            >\n              {results && results.length > 0 ? (\n                renderGroups(\n                  results,\n                  activeIndex,\n                  listboxId,\n                  commit,\n                  setActiveIndex,\n                )\n              ) : (\n                <div\n                  role=\"presentation\"\n                  className=\"ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]\"\n                >\n                  {t(\n                    'search.noResults',\n                    'No results for \\u201C{{query}}\\u201D',\n                    {\n                      query,\n                    },\n                  )}\n                </div>\n              )}\n            </div>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      </div>\n    </RadixPopover.Root>\n  );\n}\n\nfunction renderGroups(\n  groups: SearchBarResultGroup[],\n  activeIndex: number,\n  listboxId: string,\n  onCommit: (item: SearchBarResultItem) => void,\n  setActive: (index: number) => void,\n): ReactNode {\n  let flatIndex = 0;\n  // Flatten groups + headings into a single-level sequence of divs at the\n  // listbox root. `role=\"group\"` wrappers keep the visual grouping while\n  // keeping options as direct descendants of the listbox.\n  return groups.map((group, gi) => {\n    const headingId = group.heading\n      ? `${listboxId}-group-${gi}-heading`\n      : undefined;\n    return (\n      <div\n        key={`g-${gi}`}\n        role={group.heading ? 'group' : 'presentation'}\n        aria-labelledby={headingId}\n      >\n        {group.heading ? (\n          <div\n            id={headingId}\n            aria-hidden=\"true\"\n            className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n          >\n            {group.heading}\n          </div>\n        ) : null}\n        {group.items.map((item) => {\n          const myIndex = flatIndex;\n          flatIndex += 1;\n          const isActive = myIndex === activeIndex;\n          const optionId = `${listboxId}-option-${myIndex}`;\n          const safeHref = safeNavigationHref(item.href);\n          const commonClass = [\n            'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n            'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:cursor-pointer',\n            'ds:no-underline ds:text-[color:var(--foreground)]',\n            'ds:min-h-[var(--min-target-size)]',\n            isActive ? 'ds:bg-[var(--muted)]/40' : '',\n          ].join(' ');\n          const body = (\n            <>\n              {item.icon ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n                >\n                  {item.icon}\n                </span>\n              ) : null}\n              <span className=\"ds:flex-1 ds:text-[length:var(--font-size-sm)]\">\n                {item.label}\n              </span>\n              {item.meta ? (\n                <span className=\"ds:ms-auto type-meta ds:text-[color:var(--foreground)]\">\n                  {item.meta}\n                </span>\n              ) : null}\n            </>\n          );\n          const shared = {\n            id: optionId,\n            role: 'option' as const,\n            'aria-selected': isActive,\n            // onMouseDown rather than onClick so we trigger before the\n            // input loses focus to the pointer-down on the popover.\n            onMouseDown: (e: React.MouseEvent) => {\n              e.preventDefault();\n              onCommit(item);\n            },\n            onMouseEnter: () => setActive(myIndex),\n            className: commonClass,\n          };\n          if (safeHref) {\n            return (\n              <a key={item.id} href={safeHref} {...shared}>\n                {body}\n              </a>\n            );\n          }\n          return (\n            <div key={item.id} {...shared}>\n              {body}\n            </div>\n          );\n        })}\n      </div>\n    );\n  });\n}\n\n/**\n * Allow-list for result-item `href` strings. Same allow-list as the\n * chat-message token renderer: http(s) + mailto + tel + same-origin\n * relative paths. Anything else (including `javascript:` and `data:`)\n * returns `undefined`, causing the renderer to fall back to a <div>.\n */\nfunction safeNavigationHref(href: string | undefined): string | undefined {\n  if (!href) return undefined;\n  const trimmed = href.trim();\n  if (trimmed === '') return undefined;\n  if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return trimmed;\n  // Same-origin relative paths are safe because the browser resolves\n  // against `window.location`. Leading `/` or `./` or `../` qualify.\n  if (/^(\\/|\\.\\/|\\.\\.\\/)/.test(trimmed)) return trimmed;\n  return undefined;\n}\n"],"names":["searchBarAgent","handle","args","isMacLike","uaData","platformString","launcherVariants","cva","inlineWrapperVariants","shortcutPillVariants","popoverContentVariants","filterSearchResults","query","groups","needle","normalizeDiacritics","g","item","SearchBar","forwardRef","props","ref","mode","size","density","topLevel","placeholder","shortcutHint","className","onOpenCommandPalette","id","onApplySavedSearch","_value","_defaultValue","_onQueryChange","_results","_onSelect","_debounceMs","rest","t","useTranslation","isMac","setIsMac","useState","useEffect","shortcutLabel","ariaKeyshortcuts","landmarkProps","resolvedPlaceholder","jsx","LauncherSearchBar","InlineSearchBar","forwardedRef","openLabel","launcherClass","buttonRef","useRef","rootRef","useMemo","_a","savedId","useImperativeHandle","useAgentRegistration","jsxs","Search","value","defaultValue","onQueryChange","results","onSelect","debounceMs","isControlled","internalValue","setInternalValue","open","setOpen","activeIndex","setActiveIndex","inputRef","listboxId","useId","debouncedQueryChange","useDebouncedCallback","next","flatResults","handleInput","useCallback","raw","commit","handleKeyDown","event","i","hasResults","activeDescendantId","setQueryProgrammatic","agentHandle","RadixPopover","SearchInput","renderGroups","onCommit","setActive","flatIndex","group","gi","headingId","myIndex","isActive","optionId","safeHref","safeNavigationHref","commonClass","body","Fragment","shared","e","href","trimmed"],"mappings":"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"}
+{"version":3,"file":"search-bar-BRMW1-WG.js","sources":["../../src/components/search-bar/search-bar.agent.ts","../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SearchBar.                                             */\n/*                                                                        */\n/* SearchBar is the kit's saved-search / global-search surface. In       */\n/* `inline` mode it filters + opens a result popover; in `launcher`      */\n/* mode it opens the CommandPalette. The adapter exposes the query,     */\n/* a submit action, and an apply_saved_search hook so future MCP        */\n/* tooling can drive the SearchBar by saved-search id.                  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SearchBarHandle } from './search-bar';\n\nexport const searchBarAgent: AgentAdapter<SearchBarHandle> = {\n  id: 'search-bar',\n  capabilities: ['filter', 'edit_inline', 'submit'],\n  state: {\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.searchBar.state.query',\n      description:\n        'Current raw query string (inline mode). Empty in launcher mode.',\n      read: (handle) => handle.getQuery(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.searchBar.state.isEmpty',\n      description: 'True when the query is empty.',\n      read: (handle) => handle.getQuery().length === 0,\n    },\n  },\n  actions: {\n    set_query: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      descriptionKey: 'ui.agent.searchBar.actions.setQuery',\n      description:\n        'Replace the current query (inline mode only). No-op in launcher mode.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchBar.actions.clear',\n      description: 'Clear the query and close the result popover.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchBar.actions.submit',\n      description:\n        'In launcher mode opens the CommandPalette; in inline mode commits the highlighted option.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchBar.actions.focus',\n      description: 'Move keyboard focus to the SearchBar.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n    apply_saved_search: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.searchBar.actions.applySavedSearch',\n      description:\n        'Apply a saved-search by id. The host wires the actual query lookup; the adapter routes the id to its onApplySavedSearch handler. No-op when no handler is wired.',\n      invoke: (handle, args: { id: string }) => {\n        handle.applySavedSearch(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'search-bar',\n      description: 'Marks the SearchBar root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { SearchInput } from '../search-input/search-input';\nimport { useDebouncedCallback, normalizeDiacritics } from '../_shared';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { searchBarAgent } from './search-bar.agent';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut detection                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction isMacLike(): boolean {\n  if (typeof navigator === 'undefined') return false;\n  // Prefer `userAgentData.platform` where supported; fall back to the\n  // deprecated `navigator.platform`. Both are strings; we just look for\n  // `mac`.\n  const uaData = (\n    navigator as unknown as {\n      userAgentData?: { platform?: string };\n    }\n  ).userAgentData;\n  const platformString = uaData?.platform ?? navigator.platform ?? '';\n  return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst launcherVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    // Same visual language as <SearchInput> so the launcher truly looks\n    // like an input. --muted-foreground over --background meets AA 4.5:1\n    // in every theme; --muted is a mid-tone not suitable as a surface.\n    'ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]',\n    'ds:text-[color:var(--muted-foreground)]',\n    // Opaque hover — mix 20% muted into --background so the launcher stays a\n    // solid surface even when placed over a brand-tinted parent (e.g. the\n    // Header's `brand` variant).\n    'ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n    'ds:transition-colors ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 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      density: {\n        default: '',\n        compact: 'ds:min-h-0 ds:h-8',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      density: 'default',\n    },\n  },\n);\n\nconst inlineWrapperVariants = cva(\n  ['ds:inline-flex ds:flex-col', 'ds:w-full'].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n      density: {\n        default: '',\n        compact: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      density: 'default',\n    },\n  },\n);\n\nconst shortcutPillVariants = cva(\n  [\n    'ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]',\n    'ds:ms-auto',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)]',\n    'ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]',\n    'ds:py-[calc(var(--spacing-xs)/2)]',\n    // Use full --foreground (not --muted-foreground) so axe's contrast\n    // check clears 4.5:1 even against the 1px --border edge region.\n    'ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]',\n    'ds:font-[family-name:var(--font-mono)]',\n  ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:p-[var(--spacing-xs)]',\n    // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n    // animation-duration token.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchBarResultItem {\n  id: string;\n  /** Display label. */\n  label: string;\n  /** Optional icon rendered on inline-start (aria-hidden). */\n  icon?: ReactNode;\n  /** Optional right-aligned meta text (tag, count, section label). */\n  meta?: string;\n  /** Optional href — the list renders anchors when present. */\n  href?: string;\n}\n\nexport interface SearchBarResultGroup {\n  /** Heading displayed above the items (aria-hidden=\"true\" — visual only). */\n  heading?: string;\n  items: SearchBarResultItem[];\n}\n\ntype SharedProps = {\n  size?: 'sm' | 'md' | 'lg';\n  density?: 'default' | 'compact';\n  /** `true` wraps in <search role=\"search\"> when this is the page's primary search. */\n  topLevel?: boolean;\n  placeholder?: string;\n  /** Platform-aware shortcut pill — default `true` (hidden below `md` breakpoint). */\n  shortcutHint?: boolean;\n  className?: string;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n  /**\n   * Called when an external driver (agent adapter) asks the host to apply\n   * a saved search by id. The host is responsible for resolving the saved\n   * search and feeding the resulting query back through `value` /\n   * `onQueryChange`. No-op when not provided.\n   */\n  onApplySavedSearch?: (id: string) => void;\n};\n\n/**\n * Imperative handle for agent-readiness + programmatic control. Replaces\n * the previously-forwarded `HTMLDivElement` ref. Consumers who needed the\n * DOM element for layout queries should wrap the SearchBar in their own\n * div with a ref attached.\n */\nexport interface SearchBarHandle {\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  submit: () => void;\n  focus: () => void;\n  applySavedSearch: (id: string) => void;\n}\n\ntype LauncherProps = SharedProps & {\n  mode?: 'launcher';\n  /** Called on click / Enter / global Cmd/Ctrl+K. */\n  onOpenCommandPalette: () => void;\n  // Not used in launcher mode.\n  value?: never;\n  defaultValue?: never;\n  onQueryChange?: never;\n  results?: never;\n  onSelect?: never;\n  debounceMs?: never;\n};\n\ntype InlineProps = SharedProps & {\n  mode: 'inline';\n  value?: string;\n  defaultValue?: string;\n  onQueryChange?: (query: string) => void;\n  /** Groups of results rendered in the popover. */\n  results?: SearchBarResultGroup[];\n  onSelect?: (item: SearchBarResultItem) => void;\n  debounceMs?: number;\n  // Not used in inline mode.\n  onOpenCommandPalette?: never;\n};\n\nexport type SearchBarProps = (LauncherProps | InlineProps) &\n  Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'role' | 'onChange' | 'children' | 'defaultValue' | 'results'\n  > &\n  VariantProps<typeof launcherVariants>;\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nexport function filterSearchResults(\n  query: string,\n  groups: SearchBarResultGroup[],\n): SearchBarResultGroup[] {\n  const needle = normalizeDiacritics(query.trim());\n  if (needle === '') return groups;\n  return groups\n    .map((g) => ({\n      ...g,\n      items: g.items.filter((item) =>\n        normalizeDiacritics(item.label).includes(needle),\n      ),\n    }))\n    .filter((g) => g.items.length > 0);\n}\n\n/* ------------------------------------------------------------------ */\n/* SearchBar                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const SearchBar = forwardRef<HTMLDivElement, SearchBarProps>(\n  (props, ref) => {\n    // Strip every API prop from `...rest` so nothing leaks to the DOM as\n    // an unknown attribute (React warns in DEV and some become invalid\n    // HTML in production).\n    const {\n      mode = 'launcher',\n      size = 'md',\n      density = 'default',\n      topLevel = false,\n      placeholder,\n      shortcutHint = true,\n      className,\n      onOpenCommandPalette,\n      id,\n      onApplySavedSearch,\n      value: _value,\n      defaultValue: _defaultValue,\n      onQueryChange: _onQueryChange,\n      results: _results,\n      onSelect: _onSelect,\n      debounceMs: _debounceMs,\n      ...rest\n    } = props as SearchBarProps & { className?: string };\n    // silence unused-var warnings for the destructured siblings we only\n    // needed to peel off the spread target.\n    void _value;\n    void _defaultValue;\n    void _onQueryChange;\n    void _results;\n    void _onSelect;\n    void _debounceMs;\n\n    const { t } = useTranslation();\n    const [isMac, setIsMac] = useState(false);\n    useEffect(() => {\n      setIsMac(isMacLike());\n    }, []);\n\n    const shortcutLabel = isMac ? '\\u2318K' : 'Ctrl+K';\n    // Advertise the shortcut on the launcher button. The binding itself\n    // lives in `useCommandPalette()` (CommandPalette owns its open state);\n    // duplicating the listener here would cause a double-fire.\n    const ariaKeyshortcuts = 'Meta+K Control+K';\n\n    /* ---- Landmark role --------------------------------------------- */\n    const landmarkProps = topLevel\n      ? { role: 'search' as const }\n      : { role: undefined };\n\n    /* ---- LAUNCHER MODE -------------------------------------------- */\n    if (mode === 'launcher') {\n      const resolvedPlaceholder =\n        placeholder ?? t('search.placeholder', 'Search\\u2026');\n      return (\n        <LauncherSearchBar\n          forwardedRef={ref}\n          id={id}\n          landmarkProps={landmarkProps}\n          className={className}\n          onOpenCommandPalette={onOpenCommandPalette}\n          onApplySavedSearch={onApplySavedSearch}\n          resolvedPlaceholder={resolvedPlaceholder}\n          openLabel={t('search.open', 'Open search')}\n          ariaKeyshortcuts={ariaKeyshortcuts}\n          launcherClass={launcherVariants({ size, density })}\n          shortcutHint={shortcutHint}\n          shortcutLabel={shortcutLabel}\n          rest={rest as HTMLAttributes<HTMLButtonElement>}\n        />\n      );\n    }\n\n    /* ---- INLINE MODE ---------------------------------------------- */\n    const inlineProps = props as InlineProps;\n    return (\n      <InlineSearchBar\n        forwardedRef={ref}\n        size={size}\n        density={density}\n        landmarkProps={landmarkProps}\n        placeholder={placeholder}\n        shortcutHint={shortcutHint}\n        shortcutLabel={shortcutLabel}\n        ariaKeyshortcuts={ariaKeyshortcuts}\n        className={className}\n        id={id}\n        onApplySavedSearch={onApplySavedSearch}\n        {...inlineProps}\n      />\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\n/* ------------------------------------------------------------------ */\n/* LauncherSearchBar \\u2014 internal                                         */\n/* ------------------------------------------------------------------ */\n\ninterface LauncherInternalProps {\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n  id?: string;\n  landmarkProps: { role?: 'search' };\n  className?: string;\n  onOpenCommandPalette?: () => void;\n  onApplySavedSearch?: (id: string) => void;\n  resolvedPlaceholder: string;\n  openLabel: string;\n  ariaKeyshortcuts: string;\n  launcherClass: string;\n  shortcutHint: boolean;\n  shortcutLabel: string;\n  rest: HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction LauncherSearchBar(props: LauncherInternalProps): ReactNode {\n  const {\n    forwardedRef,\n    id,\n    landmarkProps,\n    className,\n    onOpenCommandPalette,\n    onApplySavedSearch,\n    resolvedPlaceholder,\n    openLabel,\n    ariaKeyshortcuts,\n    launcherClass,\n    shortcutHint,\n    shortcutLabel,\n    rest,\n  } = props;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const handle = useMemo<SearchBarHandle>(\n    () => ({\n      getQuery: () => '',\n      // Launcher mode is stateless \\u2014 it delegates to CommandPalette.\n      setQuery: () => {},\n      clear: () => {},\n      submit: () => onOpenCommandPalette?.(),\n      focus: () => buttonRef.current?.focus(),\n      applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n    }),\n    [onOpenCommandPalette, onApplySavedSearch],\n  );\n  useImperativeHandle(\n    forwardedRef,\n    () => rootRef.current as HTMLDivElement,\n    [],\n  );\n  useAgentRegistration(searchBarAgent, handle, id);\n\n  return (\n    <div\n      ref={rootRef}\n      {...landmarkProps}\n      data-component=\"search-bar\"\n      data-component-id={id}\n      id={id}\n      className={className}\n    >\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={onOpenCommandPalette}\n        aria-haspopup=\"dialog\"\n        aria-label={openLabel}\n        aria-keyshortcuts={ariaKeyshortcuts}\n        className={launcherClass}\n        {...rest}\n      >\n        <Search\n          aria-hidden\n          className=\"ds:size-4 ds:shrink-0\"\n          focusable=\"false\"\n        />\n        <span aria-hidden=\"true\" className=\"ds:truncate ds:text-start\">\n          {resolvedPlaceholder}\n        </span>\n        {shortcutHint ? (\n          <kbd className={shortcutPillVariants()}>{shortcutLabel}</kbd>\n        ) : null}\n      </button>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* InlineSearchBar — internal                                           */\n/* ------------------------------------------------------------------ */\n\ninterface InlineInternalProps extends InlineProps {\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n  size: 'sm' | 'md' | 'lg';\n  density: 'default' | 'compact';\n  landmarkProps: { role?: 'search' };\n  shortcutHint: boolean;\n  shortcutLabel: string;\n  ariaKeyshortcuts: string;\n  className?: string;\n  id?: string;\n  onApplySavedSearch?: (id: string) => void;\n}\n\nfunction InlineSearchBar(props: InlineInternalProps): ReactNode {\n  const {\n    forwardedRef,\n    size,\n    density,\n    landmarkProps,\n    placeholder,\n    shortcutHint,\n    shortcutLabel,\n    ariaKeyshortcuts,\n    className,\n    id,\n    onApplySavedSearch,\n    value,\n    defaultValue,\n    onQueryChange,\n    results,\n    onSelect,\n    debounceMs = 150,\n  } = props;\n\n  const { t } = useTranslation();\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n  const query = isControlled ? (value ?? '') : internalValue;\n\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0);\n  // SearchInput forwards an `HTMLInputElement` with the curated handle\n  // methods grafted on — for our purposes we just need `.focus()`.\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const listboxId = useId();\n\n  const debouncedQueryChange = useDebouncedCallback((next: string) => {\n    onQueryChange?.(next);\n  }, debounceMs);\n\n  const flatResults = useMemo<SearchBarResultItem[]>(() => {\n    if (!results) return [];\n    return results.flatMap((g) => g.items);\n  }, [results]);\n\n  // Reset active index whenever the result count changes.\n  useEffect(() => {\n    if (activeIndex > flatResults.length - 1) setActiveIndex(0);\n  }, [flatResults.length, activeIndex]);\n\n  const handleInput = useCallback(\n    (raw: string) => {\n      if (!isControlled) setInternalValue(raw);\n      debouncedQueryChange(raw);\n      setOpen(raw.trim().length > 0);\n    },\n    [debouncedQueryChange, isControlled],\n  );\n\n  const commit = useCallback(\n    (item: SearchBarResultItem) => {\n      onSelect?.(item);\n      setOpen(false);\n      if (!isControlled) setInternalValue('');\n    },\n    [onSelect, isControlled],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n      if (!open && event.key === 'ArrowDown' && flatResults.length > 0) {\n        event.preventDefault();\n        setOpen(true);\n        return;\n      }\n      if (!open) return;\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        setActiveIndex((i) => (i + 1) % Math.max(flatResults.length, 1));\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        setActiveIndex(\n          (i) =>\n            (i - 1 + Math.max(flatResults.length, 1)) %\n            Math.max(flatResults.length, 1),\n        );\n      } else if (event.key === 'Enter') {\n        const item = flatResults[activeIndex];\n        if (item) {\n          event.preventDefault();\n          commit(item);\n        }\n      } else if (event.key === 'Escape') {\n        event.preventDefault();\n        setOpen(false);\n      }\n    },\n    [open, flatResults, activeIndex, commit],\n  );\n\n  const resolvedPlaceholder =\n    placeholder ?? t('search.placeholder', 'Search\\u2026');\n\n  const hasResults = flatResults.length > 0;\n  // aria-activedescendant may only reference an element that actually exists\n  // in the DOM — so only set it when the popover is open AND there are\n  // results to land on. Referencing a non-existent option is an a11y\n  // violation (aria-valid-attr-value).\n  const activeDescendantId =\n    open && hasResults ? `${listboxId}-option-${activeIndex}` : undefined;\n\n  const setQueryProgrammatic = useCallback(\n    (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onQueryChange?.(next);\n      setOpen(next.trim().length > 0);\n    },\n    [isControlled, onQueryChange],\n  );\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () => rootRef.current as HTMLDivElement,\n    [],\n  );\n\n  const agentHandle = useMemo<SearchBarHandle>(\n    () => ({\n      getQuery: () => query,\n      setQuery: setQueryProgrammatic,\n      clear: () => {\n        setQueryProgrammatic('');\n      },\n      submit: () => {\n        const item = flatResults[activeIndex];\n        if (item) commit(item);\n      },\n      focus: () => inputRef.current?.focus(),\n      applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n    }),\n    [\n      query,\n      setQueryProgrammatic,\n      flatResults,\n      activeIndex,\n      commit,\n      onApplySavedSearch,\n    ],\n  );\n  useAgentRegistration(searchBarAgent, agentHandle, id);\n\n  return (\n    <RadixPopover.Root open={open && hasResults} onOpenChange={setOpen}>\n      <div\n        ref={rootRef}\n        {...landmarkProps}\n        id={id}\n        data-component=\"search-bar\"\n        data-component-id={id}\n        className={[inlineWrapperVariants({ size, density }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Anchor asChild>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- keyboard handling propagates to the inner SearchInput; this wrapper captures combobox/listbox keys */}\n          <div\n            className=\"ds:relative ds:flex ds:items-center\"\n            onKeyDown={handleKeyDown}\n          >\n            <SearchInput\n              ref={inputRef}\n              size={size}\n              value={query}\n              onInput={handleInput}\n              placeholder={resolvedPlaceholder}\n              aria-label={t('search.label', 'Search')}\n              aria-keyshortcuts={ariaKeyshortcuts}\n              role=\"combobox\"\n              aria-expanded={open && hasResults}\n              aria-controls={listboxId}\n              aria-activedescendant={activeDescendantId}\n            />\n            {shortcutHint ? (\n              <kbd\n                className={[\n                  shortcutPillVariants(),\n                  'ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2',\n                  'ds:pointer-events-none',\n                ].join(' ')}\n              >\n                {shortcutLabel}\n              </kbd>\n            ) : null}\n          </div>\n        </RadixPopover.Anchor>\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={4}\n            aria-label={t('search.resultsLabel', 'Search results')}\n            onOpenAutoFocus={(e) => e.preventDefault()}\n            // Width matches the anchor via Radix's CSS variable. Applied\n            // as a Tailwind arbitrary-value class so no inline style is\n            // needed (23-constraints §4).\n            className={[\n              popoverContentVariants(),\n              'ds:w-[var(--radix-popover-trigger-width)]',\n            ].join(' ')}\n          >\n            {/* listbox uses <div> rather than <ul> so the option role\n                children don't trip the `<ul> must only contain <li>` axe\n                rule. Options are direct descendants of the listbox root\n                per the WAI-ARIA listbox pattern. */}\n            <div\n              id={listboxId}\n              role=\"listbox\"\n              aria-label={t('search.resultsLabel', 'Search results')}\n              className=\"ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]\"\n            >\n              {results && results.length > 0 ? (\n                renderGroups(\n                  results,\n                  activeIndex,\n                  listboxId,\n                  commit,\n                  setActiveIndex,\n                )\n              ) : (\n                <div\n                  role=\"presentation\"\n                  className=\"ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]\"\n                >\n                  {t(\n                    'search.noResults',\n                    'No results for \\u201C{{query}}\\u201D',\n                    {\n                      query,\n                    },\n                  )}\n                </div>\n              )}\n            </div>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      </div>\n    </RadixPopover.Root>\n  );\n}\n\nfunction renderGroups(\n  groups: SearchBarResultGroup[],\n  activeIndex: number,\n  listboxId: string,\n  onCommit: (item: SearchBarResultItem) => void,\n  setActive: (index: number) => void,\n): ReactNode {\n  let flatIndex = 0;\n  // Flatten groups + headings into a single-level sequence of divs at the\n  // listbox root. `role=\"group\"` wrappers keep the visual grouping while\n  // keeping options as direct descendants of the listbox.\n  return groups.map((group, gi) => {\n    const headingId = group.heading\n      ? `${listboxId}-group-${gi}-heading`\n      : undefined;\n    return (\n      <div\n        key={`g-${gi}`}\n        role={group.heading ? 'group' : 'presentation'}\n        aria-labelledby={headingId}\n      >\n        {group.heading ? (\n          <div\n            id={headingId}\n            aria-hidden=\"true\"\n            className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n          >\n            {group.heading}\n          </div>\n        ) : null}\n        {group.items.map((item) => {\n          const myIndex = flatIndex;\n          flatIndex += 1;\n          const isActive = myIndex === activeIndex;\n          const optionId = `${listboxId}-option-${myIndex}`;\n          const safeHref = safeNavigationHref(item.href);\n          const commonClass = [\n            'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n            'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:cursor-pointer',\n            'ds:no-underline ds:text-[color:var(--foreground)]',\n            'ds:min-h-[var(--min-target-size)]',\n            isActive ? 'ds:bg-[var(--muted)]/40' : '',\n          ].join(' ');\n          const body = (\n            <>\n              {item.icon ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n                >\n                  {item.icon}\n                </span>\n              ) : null}\n              <span className=\"ds:flex-1 ds:text-[length:var(--font-size-sm)]\">\n                {item.label}\n              </span>\n              {item.meta ? (\n                <span className=\"ds:ms-auto type-meta ds:text-[color:var(--foreground)]\">\n                  {item.meta}\n                </span>\n              ) : null}\n            </>\n          );\n          const shared = {\n            id: optionId,\n            role: 'option' as const,\n            'aria-selected': isActive,\n            // onMouseDown rather than onClick so we trigger before the\n            // input loses focus to the pointer-down on the popover.\n            onMouseDown: (e: React.MouseEvent) => {\n              e.preventDefault();\n              onCommit(item);\n            },\n            onMouseEnter: () => setActive(myIndex),\n            className: commonClass,\n          };\n          if (safeHref) {\n            return (\n              <a key={item.id} href={safeHref} {...shared}>\n                {body}\n              </a>\n            );\n          }\n          return (\n            <div key={item.id} {...shared}>\n              {body}\n            </div>\n          );\n        })}\n      </div>\n    );\n  });\n}\n\n/**\n * Allow-list for result-item `href` strings. Same allow-list as the\n * chat-message token renderer: http(s) + mailto + tel + same-origin\n * relative paths. Anything else (including `javascript:` and `data:`)\n * returns `undefined`, causing the renderer to fall back to a <div>.\n */\nfunction safeNavigationHref(href: string | undefined): string | undefined {\n  if (!href) return undefined;\n  const trimmed = href.trim();\n  if (trimmed === '') return undefined;\n  if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return trimmed;\n  // Same-origin relative paths are safe because the browser resolves\n  // against `window.location`. Leading `/` or `./` or `../` qualify.\n  if (/^(\\/|\\.\\/|\\.\\.\\/)/.test(trimmed)) return trimmed;\n  return undefined;\n}\n"],"names":["searchBarAgent","handle","args","isMacLike","uaData","platformString","launcherVariants","cva","inlineWrapperVariants","shortcutPillVariants","popoverContentVariants","filterSearchResults","query","groups","needle","normalizeDiacritics","g","item","SearchBar","forwardRef","props","ref","mode","size","density","topLevel","placeholder","shortcutHint","className","onOpenCommandPalette","id","onApplySavedSearch","_value","_defaultValue","_onQueryChange","_results","_onSelect","_debounceMs","rest","t","useTranslation","isMac","setIsMac","useState","useEffect","shortcutLabel","ariaKeyshortcuts","landmarkProps","resolvedPlaceholder","jsx","LauncherSearchBar","InlineSearchBar","forwardedRef","openLabel","launcherClass","buttonRef","useRef","rootRef","useMemo","_a","savedId","useImperativeHandle","useAgentRegistration","jsxs","Search","value","defaultValue","onQueryChange","results","onSelect","debounceMs","isControlled","internalValue","setInternalValue","open","setOpen","activeIndex","setActiveIndex","inputRef","listboxId","useId","debouncedQueryChange","useDebouncedCallback","next","flatResults","handleInput","useCallback","raw","commit","handleKeyDown","event","i","hasResults","activeDescendantId","setQueryProgrammatic","agentHandle","RadixPopover","SearchInput","renderGroups","onCommit","setActive","flatIndex","group","gi","headingId","myIndex","isActive","optionId","safeHref","safeNavigationHref","commonClass","body","Fragment","shared","e","href","trimmed"],"mappings":"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"}

package/dist/_chunks/{search-input-BtEJAJHa.js → search-input-CIA6pPfn.js}

@@ -3,7 +3,7 @@ import { forwardRef as ie, useState as F, useRef as K, useLayoutEffect as oe, us
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
 import { T as ue } from "./text-input-CakysYnD.js";
-import { S as fe } from "./spinner-DirtWZNG.js";
+import { S as fe } from "./spinner-CCByyvcb.js";
 import { u as me } from "./form-field-context-B3APVHKx.js";
 import { u as be } from "./use-debounced-callback-BisrB-Fq.js";
 import { S as L } from "./search-BonnQsHv.js";
@@ -233,4 +233,4 @@ Ee.displayName = "SearchInput";
 export {
   Ee as S
 };
-//# sourceMappingURL=search-input-BtEJAJHa.js.map
+//# sourceMappingURL=search-input-CIA6pPfn.js.map

package/dist/_chunks/{search-input-BtEJAJHa.js.map → search-input-CIA6pPfn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-input-BtEJAJHa.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\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:rounded-[var(--radius-sm)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:text-foreground ds:hover:bg-muted',\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:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (debouncedValue: string) => void;\n  onInput?: (rawValue: string) => void;\n  debounceMs?: number;\n  isLoading?: boolean;\n  variant?: 'inline' | 'expandable';\n  size?: 'sm' | 'md' | 'lg';\n  globalShortcut?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  name?: string;\n  id?: string;\n  form?: string;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  role?: SearchInputRole;\n  'aria-expanded'?: boolean;\n  'aria-controls'?: string;\n  'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n  if (!el) return false;\n  const tag = el.tagName;\n  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  if ((el as HTMLElement).isContentEditable) return true;\n  return false;\n}\n\n/**\n * Imperative handle for agent-readiness + programmatic control.\n *\n * The forwarded ref intersects the underlying `HTMLInputElement` so\n * existing consumers (`ref.current.focus()` etc.) keep working — we\n * mutate the live input element to add the curated methods rather than\n * returning a new object from `useImperativeHandle`.\n */\nexport interface SearchInputHandle {\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  submit: () => void;\n  /**\n   * Expand-aware focus. Named `agentFocus` rather than `focus` because\n   * the handle is grafted onto the underlying `HTMLInputElement` and the\n   * native `focus` slot is non-writable.\n   */\n  agentFocus: () => void;\n}\n\n/**\n * Backwards-compatible alias retained for one release cycle — the\n * forwarded ref's value is structurally an `HTMLInputElement` with the\n * `SearchInputHandle` methods grafted on. Consumers can read it as\n * either type via a cast.\n */\nexport type SearchInputRefValue = HTMLInputElement & SearchInputHandle;\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onInput,\n      debounceMs = 200,\n      isLoading = false,\n      variant = 'inline',\n      size = 'md',\n      globalShortcut,\n      placeholder,\n      disabled,\n      className,\n      name,\n      id,\n      form,\n      autoComplete = 'off',\n      autoFocus,\n      role,\n      ...ariaProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const rawValue = isControlled ? String(value) : internalValue;\n    const hasValue = rawValue.length > 0;\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    const [expanded, setExpanded] = useState<boolean>(\n      variant === 'inline' || hasValue,\n    );\n    const pendingFocusRef = useRef<boolean>(false);\n\n    useLayoutEffect(() => {\n      if (pendingFocusRef.current && innerRef.current) {\n        innerRef.current.focus();\n        pendingFocusRef.current = false;\n      }\n    });\n\n    const debouncedOnChange = useDebouncedCallback((next: string) => {\n      onChange?.(next);\n    }, debounceMs);\n\n    const fireImmediate = useCallback(\n      (next: string) => {\n        debouncedOnChange.cancel();\n        onChange?.(next);\n      },\n      [debouncedOnChange, onChange],\n    );\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n      },\n      [isControlled],\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const next = event.target.value;\n      commitValue(next);\n      if (next === '') {\n        fireImmediate('');\n      } else {\n        debouncedOnChange(next);\n      }\n    };\n\n    const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n      const next = event.currentTarget.value;\n      onInput?.(next);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== 'Escape') return;\n      if (event.nativeEvent.isComposing) return;\n      if (!hasValue) return;\n      event.preventDefault();\n      event.stopPropagation();\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleClear = () => {\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      if (variant !== 'expandable') return;\n      if (event.currentTarget.value === '') {\n        setExpanded(false);\n      }\n    };\n\n    const focusInput = useCallback(() => {\n      if (variant === 'expandable' && !expanded) {\n        pendingFocusRef.current = true;\n        setExpanded(true);\n      } else {\n        innerRef.current?.focus();\n      }\n    }, [variant, expanded]);\n\n    // Build a `SearchInputRefValue` (HTMLInputElement & SearchInputHandle)\n    // by attaching the curated agent methods onto the live input element.\n    // Returning a fresh object would break existing consumers who do\n    // `ref.current.value`, `ref.current.focus()`, etc. Instead we extend\n    // the underlying DOM node with the handle methods.\n    useImperativeHandle(ref, () => {\n      const node = innerRef.current;\n      // `useImperativeHandle` may not return null in strict typing, but\n      // the cast lets us yield the live DOM node on mount and `null`\n      // before mount — React itself tolerates this.\n      if (!node) return null as unknown as HTMLInputElement;\n      // `focus` is a non-writable own property on HTMLInputElement, so\n      // we use `defineProperty` (which honours `writable: true`) to\n      // graft the curated methods. The native `focus()` is the\n      // canonical one — for `variant=\"expandable\"` consumers should\n      // call the named curated method via `agentRef` rather than via\n      // the DOM ref.\n      const extras: Record<string, (...args: unknown[]) => unknown> = {\n        getQuery: () => rawValue,\n        setQuery: (next: unknown) => {\n          const value = String(next ?? '');\n          commitValue(value);\n          onInput?.(value);\n          fireImmediate(value);\n        },\n        clear: () => {\n          commitValue('');\n          onInput?.('');\n          fireImmediate('');\n          innerRef.current?.focus();\n        },\n        submit: () => {\n          fireImmediate(rawValue);\n        },\n        // Named `agentFocus` to avoid clashing with the native, read-only\n        // `HTMLElement.focus` slot. The adapter wires `actions.focus` to\n        // `agentFocus` so the expandable-aware path is preserved.\n        agentFocus: () => {\n          focusInput();\n        },\n      };\n      for (const [name, fn] of Object.entries(extras)) {\n        Object.defineProperty(node, name, {\n          value: fn,\n          configurable: true,\n          writable: true,\n          enumerable: false,\n        });\n      }\n      return node;\n    }, [rawValue, commitValue, onInput, fireImmediate, focusInput]);\n\n    useEffect(() => {\n      if (!globalShortcut) return;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key !== globalShortcut) return;\n        if (event.isComposing) return;\n        if (event.defaultPrevented) return;\n        if (isEditableElement(document.activeElement)) return;\n        event.preventDefault();\n        focusInput();\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [globalShortcut, focusInput]);\n\n    const clearLabel = t('inputs.search.clear', 'Clear search');\n    const loadingLabel = t('inputs.search.loading', 'Searching…');\n    const defaultPlaceholder = t('inputs.search.placeholder', 'Search…');\n    const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n    if (variant === 'expandable' && !expanded) {\n      return (\n        <div\n          data-component=\"search-input\"\n          data-component-id={id}\n          className={expandableWrapperVariants({ className })}\n        >\n          <button\n            type=\"button\"\n            aria-label={resolvedPlaceholder}\n            aria-expanded={false}\n            aria-controls={inputId}\n            disabled={effectiveDisabled}\n            onClick={() => {\n              pendingFocusRef.current = true;\n              setExpanded(true);\n            }}\n            className={expandButtonVariants()}\n          >\n            <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        </div>\n      );\n    }\n\n    const comboboxAria =\n      role === 'combobox'\n        ? {\n            role: 'combobox' as const,\n            'aria-expanded': ariaProps['aria-expanded'],\n            'aria-controls': ariaProps['aria-controls'],\n            'aria-activedescendant': ariaProps['aria-activedescendant'],\n          }\n        : undefined;\n\n    const showClear = hasValue && !isLoading && !effectiveDisabled;\n    const endSlot = isLoading ? (\n      <Spinner size=\"sm\" label={loadingLabel} />\n    ) : showClear ? (\n      <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n    ) : undefined;\n\n    return (\n      <div\n        data-component=\"search-input\"\n        data-component-id={id}\n        className={rootVariants({ className })}\n      >\n        <TextInput\n          ref={innerRef}\n          id={inputId}\n          type=\"search\"\n          size={size}\n          value={rawValue}\n          disabled={effectiveDisabled}\n          placeholder={resolvedPlaceholder}\n          name={name}\n          form={form}\n          autoComplete={autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus -- forwarding caller-supplied autoFocus to the inner TextInput\n          autoFocus={autoFocus}\n          startAdornment={<Search />}\n          endAdornment={endSlot}\n          clearable={false}\n          onChange={handleChange}\n          onInput={handleNativeInput}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          aria-label={ariaProps['aria-label']}\n          aria-busy={isLoading || undefined}\n          {...comboboxAria}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={clearLabel}\n            onClick={handleClear}\n            className={clearButtonVariants()}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        >\n          {isLoading ? loadingLabel : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","useCallback","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useImperativeHandle","node","extras","fn","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":"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"}
+{"version":3,"file":"search-input-CIA6pPfn.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\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:rounded-[var(--radius-sm)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:text-foreground ds:hover:bg-muted',\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:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (debouncedValue: string) => void;\n  onInput?: (rawValue: string) => void;\n  debounceMs?: number;\n  isLoading?: boolean;\n  variant?: 'inline' | 'expandable';\n  size?: 'sm' | 'md' | 'lg';\n  globalShortcut?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  name?: string;\n  id?: string;\n  form?: string;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  role?: SearchInputRole;\n  'aria-expanded'?: boolean;\n  'aria-controls'?: string;\n  'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n  if (!el) return false;\n  const tag = el.tagName;\n  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  if ((el as HTMLElement).isContentEditable) return true;\n  return false;\n}\n\n/**\n * Imperative handle for agent-readiness + programmatic control.\n *\n * The forwarded ref intersects the underlying `HTMLInputElement` so\n * existing consumers (`ref.current.focus()` etc.) keep working — we\n * mutate the live input element to add the curated methods rather than\n * returning a new object from `useImperativeHandle`.\n */\nexport interface SearchInputHandle {\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  submit: () => void;\n  /**\n   * Expand-aware focus. Named `agentFocus` rather than `focus` because\n   * the handle is grafted onto the underlying `HTMLInputElement` and the\n   * native `focus` slot is non-writable.\n   */\n  agentFocus: () => void;\n}\n\n/**\n * Backwards-compatible alias retained for one release cycle — the\n * forwarded ref's value is structurally an `HTMLInputElement` with the\n * `SearchInputHandle` methods grafted on. Consumers can read it as\n * either type via a cast.\n */\nexport type SearchInputRefValue = HTMLInputElement & SearchInputHandle;\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onInput,\n      debounceMs = 200,\n      isLoading = false,\n      variant = 'inline',\n      size = 'md',\n      globalShortcut,\n      placeholder,\n      disabled,\n      className,\n      name,\n      id,\n      form,\n      autoComplete = 'off',\n      autoFocus,\n      role,\n      ...ariaProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const rawValue = isControlled ? String(value) : internalValue;\n    const hasValue = rawValue.length > 0;\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    const [expanded, setExpanded] = useState<boolean>(\n      variant === 'inline' || hasValue,\n    );\n    const pendingFocusRef = useRef<boolean>(false);\n\n    useLayoutEffect(() => {\n      if (pendingFocusRef.current && innerRef.current) {\n        innerRef.current.focus();\n        pendingFocusRef.current = false;\n      }\n    });\n\n    const debouncedOnChange = useDebouncedCallback((next: string) => {\n      onChange?.(next);\n    }, debounceMs);\n\n    const fireImmediate = useCallback(\n      (next: string) => {\n        debouncedOnChange.cancel();\n        onChange?.(next);\n      },\n      [debouncedOnChange, onChange],\n    );\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n      },\n      [isControlled],\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const next = event.target.value;\n      commitValue(next);\n      if (next === '') {\n        fireImmediate('');\n      } else {\n        debouncedOnChange(next);\n      }\n    };\n\n    const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n      const next = event.currentTarget.value;\n      onInput?.(next);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== 'Escape') return;\n      if (event.nativeEvent.isComposing) return;\n      if (!hasValue) return;\n      event.preventDefault();\n      event.stopPropagation();\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleClear = () => {\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      if (variant !== 'expandable') return;\n      if (event.currentTarget.value === '') {\n        setExpanded(false);\n      }\n    };\n\n    const focusInput = useCallback(() => {\n      if (variant === 'expandable' && !expanded) {\n        pendingFocusRef.current = true;\n        setExpanded(true);\n      } else {\n        innerRef.current?.focus();\n      }\n    }, [variant, expanded]);\n\n    // Build a `SearchInputRefValue` (HTMLInputElement & SearchInputHandle)\n    // by attaching the curated agent methods onto the live input element.\n    // Returning a fresh object would break existing consumers who do\n    // `ref.current.value`, `ref.current.focus()`, etc. Instead we extend\n    // the underlying DOM node with the handle methods.\n    useImperativeHandle(ref, () => {\n      const node = innerRef.current;\n      // `useImperativeHandle` may not return null in strict typing, but\n      // the cast lets us yield the live DOM node on mount and `null`\n      // before mount — React itself tolerates this.\n      if (!node) return null as unknown as HTMLInputElement;\n      // `focus` is a non-writable own property on HTMLInputElement, so\n      // we use `defineProperty` (which honours `writable: true`) to\n      // graft the curated methods. The native `focus()` is the\n      // canonical one — for `variant=\"expandable\"` consumers should\n      // call the named curated method via `agentRef` rather than via\n      // the DOM ref.\n      const extras: Record<string, (...args: unknown[]) => unknown> = {\n        getQuery: () => rawValue,\n        setQuery: (next: unknown) => {\n          const value = String(next ?? '');\n          commitValue(value);\n          onInput?.(value);\n          fireImmediate(value);\n        },\n        clear: () => {\n          commitValue('');\n          onInput?.('');\n          fireImmediate('');\n          innerRef.current?.focus();\n        },\n        submit: () => {\n          fireImmediate(rawValue);\n        },\n        // Named `agentFocus` to avoid clashing with the native, read-only\n        // `HTMLElement.focus` slot. The adapter wires `actions.focus` to\n        // `agentFocus` so the expandable-aware path is preserved.\n        agentFocus: () => {\n          focusInput();\n        },\n      };\n      for (const [name, fn] of Object.entries(extras)) {\n        Object.defineProperty(node, name, {\n          value: fn,\n          configurable: true,\n          writable: true,\n          enumerable: false,\n        });\n      }\n      return node;\n    }, [rawValue, commitValue, onInput, fireImmediate, focusInput]);\n\n    useEffect(() => {\n      if (!globalShortcut) return;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key !== globalShortcut) return;\n        if (event.isComposing) return;\n        if (event.defaultPrevented) return;\n        if (isEditableElement(document.activeElement)) return;\n        event.preventDefault();\n        focusInput();\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [globalShortcut, focusInput]);\n\n    const clearLabel = t('inputs.search.clear', 'Clear search');\n    const loadingLabel = t('inputs.search.loading', 'Searching…');\n    const defaultPlaceholder = t('inputs.search.placeholder', 'Search…');\n    const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n    if (variant === 'expandable' && !expanded) {\n      return (\n        <div\n          data-component=\"search-input\"\n          data-component-id={id}\n          className={expandableWrapperVariants({ className })}\n        >\n          <button\n            type=\"button\"\n            aria-label={resolvedPlaceholder}\n            aria-expanded={false}\n            aria-controls={inputId}\n            disabled={effectiveDisabled}\n            onClick={() => {\n              pendingFocusRef.current = true;\n              setExpanded(true);\n            }}\n            className={expandButtonVariants()}\n          >\n            <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        </div>\n      );\n    }\n\n    const comboboxAria =\n      role === 'combobox'\n        ? {\n            role: 'combobox' as const,\n            'aria-expanded': ariaProps['aria-expanded'],\n            'aria-controls': ariaProps['aria-controls'],\n            'aria-activedescendant': ariaProps['aria-activedescendant'],\n          }\n        : undefined;\n\n    const showClear = hasValue && !isLoading && !effectiveDisabled;\n    const endSlot = isLoading ? (\n      <Spinner size=\"sm\" label={loadingLabel} />\n    ) : showClear ? (\n      <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n    ) : undefined;\n\n    return (\n      <div\n        data-component=\"search-input\"\n        data-component-id={id}\n        className={rootVariants({ className })}\n      >\n        <TextInput\n          ref={innerRef}\n          id={inputId}\n          type=\"search\"\n          size={size}\n          value={rawValue}\n          disabled={effectiveDisabled}\n          placeholder={resolvedPlaceholder}\n          name={name}\n          form={form}\n          autoComplete={autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus -- forwarding caller-supplied autoFocus to the inner TextInput\n          autoFocus={autoFocus}\n          startAdornment={<Search />}\n          endAdornment={endSlot}\n          clearable={false}\n          onChange={handleChange}\n          onInput={handleNativeInput}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          aria-label={ariaProps['aria-label']}\n          aria-busy={isLoading || undefined}\n          {...comboboxAria}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={clearLabel}\n            onClick={handleClear}\n            className={clearButtonVariants()}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        >\n          {isLoading ? loadingLabel : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","useCallback","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useImperativeHandle","node","extras","fn","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":"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"}

package/dist/_chunks/{sheet-BT0izeoI.js → sheet-D8M8hf8B.js}

@@ -3,7 +3,7 @@ import { useState as R, useRef as B, useEffect as T, useCallback as I, useMemo a
 import * as d from "@radix-ui/react-dialog";
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { I as F } from "./icon-button-C4CGcYuz.js";
+import { I as F } from "./icon-button-BRHSSFmZ.js";
 import { u as L } from "./registry-C9nwlNyL.js";
 import { X as V } from "./x-CCcI3eJp.js";
 const P = {
@@ -268,4 +268,4 @@ export {
   W as S,
   P as s
 };
-//# sourceMappingURL=sheet-BT0izeoI.js.map
+//# sourceMappingURL=sheet-D8M8hf8B.js.map