@mastra/playground-ui 68.0.0-alpha.0 → 68.0.0-alpha.2

package/dist/components/PropertyFilter.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyFilter.cjs.js","names":["forwardRef","useMemo","useState","useRef","useCallback","Popover","PopoverTrigger","Button","ListFilterPlusIcon","PopoverContent","cn","ArrowLeftIcon","FilterIcon","Txt","_Fragment","menuItemButtonClass","menuItemTrailingIconClass","PlusIcon","Field","Combobox","FieldError","X","ListFilterPlus","ChevronRightIcon","PickMultiPanel"],"sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport {\n  MENU_SIDE_OFFSET,\n  menuEmptyClass,\n  menuItemButtonClass,\n  menuItemTrailingIconClass,\n} from '@/ds/primitives/menu-item';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI).\nconst FilterMenuButton = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>((props, ref) => (\n  <button type=\"button\" role=\"menuitem\" data-filter-item=\"\" ref={ref} {...props} />\n));\nFilterMenuButton.displayName = 'FilterMenuButton';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className={cn(quietTextHover, controlStateColorTransition)}\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"size-4 shrink-0 text-muted-foreground\" />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">{`${selectedField.label} · is`}</Txt>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              <>\n                {visibleFields.length > 0 ? (\n                  visibleFields.map(f => {\n                    const used = singleUseFieldIds.has(f.id);\n                    if (f.kind === 'pick-multi') {\n                      return (\n                        <PickMultiMenuItem\n                          key={f.id}\n                          field={f}\n                          tokens={tokens}\n                          onChange={replacePickMultiToken}\n                          open={openPickMultiFieldId === f.id}\n                          onToggle={togglePickMulti}\n                          onClose={closePickMulti}\n                        />\n                      );\n                    }\n                    return (\n                      <FilterMenuButton\n                        key={f.id}\n                        className={cn(menuItemButtonClass, 'group')}\n                        disabled={used}\n                        onClick={() => {\n                          setError(undefined);\n                          if (f.kind === 'text') {\n                            onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                            onStartTextFilter?.(f.id);\n                            skipCloseFocusRef.current = true;\n                            setOpen(false);\n                            return;\n                          }\n                          setFieldId(f.id);\n                        }}\n                      >\n                        <span className=\"truncate\">{f.label}</span>\n                        {used ? (\n                          <span className=\"ml-auto text-muted-foreground\">In use</span>\n                        ) : (\n                          <span\n                            className={cn(\n                              menuItemTrailingIconClass,\n                              'text-muted-foreground opacity-0 group-hover:opacity-100 group-focus:opacity-100',\n                            )}\n                          >\n                            <PlusIcon />\n                          </span>\n                        )}\n                      </FilterMenuButton>\n                    );\n                  })\n                ) : (\n                  <div className={menuEmptyClass}>No matching property.</div>\n                )}\n              </>\n            </div>\n          )}\n\n          {selectedField && (\n            <Field invalid={Boolean(error)}>\n              <Combobox\n                multiple\n                options={selectedField.options ?? []}\n                value={multiValue}\n                onValueChange={v => {\n                  setMultiValue(v);\n                  setError(undefined);\n                }}\n                placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n                searchPlaceholder={`Search ${selectedField.label.toLowerCase()}...`}\n                emptyText={selectedField.emptyText ?? 'No option found.'}\n                size=\"md\"\n                aria-label={selectedField.label}\n              />\n              <FieldError>{error}</FieldError>\n            </Field>\n          )}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <FilterMenuButton\n          className={menuItemButtonClass}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-muted-foreground\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-muted-foreground')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </FilterMenuButton>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PropertyFilter.cjs.js","names":["forwardRef","useMemo","useState","useRef","useCallback","Popover","PopoverTrigger","Button","ListFilterPlusIcon","PopoverContent","cn","ArrowLeftIcon","FilterIcon","Txt","_Fragment","menuItemButtonClass","menuItemTrailingIconClass","PlusIcon","Field","Combobox","FieldError","X","ListFilterPlus","ChevronRightIcon","PickMultiPanel"],"sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport {\n  MENU_SIDE_OFFSET,\n  menuEmptyClass,\n  menuItemButtonClass,\n  menuItemTrailingIconClass,\n} from '@/ds/primitives/menu-item';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI).\nconst FilterMenuButton = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>((props, ref) => (\n  <button type=\"button\" role=\"menuitem\" data-filter-item=\"\" ref={ref} {...props} />\n));\nFilterMenuButton.displayName = 'FilterMenuButton';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className={cn(quietTextHover, controlStateColorTransition)}\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"size-4 shrink-0 text-muted-foreground\" />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">{`${selectedField.label} · is`}</Txt>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              <>\n                {visibleFields.length > 0 ? (\n                  visibleFields.map(f => {\n                    const used = singleUseFieldIds.has(f.id);\n                    if (f.kind === 'pick-multi') {\n                      return (\n                        <PickMultiMenuItem\n                          key={f.id}\n                          field={f}\n                          tokens={tokens}\n                          onChange={replacePickMultiToken}\n                          open={openPickMultiFieldId === f.id}\n                          onToggle={togglePickMulti}\n                          onClose={closePickMulti}\n                        />\n                      );\n                    }\n                    return (\n                      <FilterMenuButton\n                        key={f.id}\n                        className={cn(menuItemButtonClass, 'group')}\n                        disabled={used}\n                        onClick={() => {\n                          setError(undefined);\n                          if (f.kind === 'text') {\n                            onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                            onStartTextFilter?.(f.id);\n                            skipCloseFocusRef.current = true;\n                            setOpen(false);\n                            return;\n                          }\n                          setFieldId(f.id);\n                        }}\n                      >\n                        <span className=\"truncate\">{f.label}</span>\n                        {used ? (\n                          <span className=\"ml-auto text-muted-foreground\">In use</span>\n                        ) : (\n                          <span\n                            className={cn(\n                              menuItemTrailingIconClass,\n                              'text-muted-foreground opacity-0 group-hover:opacity-100 group-focus:opacity-100',\n                            )}\n                          >\n                            <PlusIcon />\n                          </span>\n                        )}\n                      </FilterMenuButton>\n                    );\n                  })\n                ) : (\n                  <div className={menuEmptyClass}>No matching property.</div>\n                )}\n              </>\n            </div>\n          )}\n\n          {selectedField && (\n            <Field invalid={Boolean(error)}>\n              <Combobox\n                multiple\n                options={selectedField.options ?? []}\n                value={multiValue}\n                onValueChange={v => {\n                  setMultiValue(v);\n                  setError(undefined);\n                }}\n                placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n                searchPlaceholder={`Search ${selectedField.label.toLowerCase()}`}\n                emptyText={selectedField.emptyText ?? 'No option found.'}\n                size=\"md\"\n                aria-label={selectedField.label}\n              />\n              <FieldError>{error}</FieldError>\n            </Field>\n          )}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <FilterMenuButton\n          className={menuItemButtonClass}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-muted-foreground\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-muted-foreground')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </FilterMenuButton>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/components/PropertyFilter.es.js

@@ -1,13 +1,13 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import "../primitives/transitions.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { menuItemButtonClass, menuItemTrailingIconClass } from "../primitives/menu-item.es.js";
 import "../primitives/typography.es.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { Field, FieldError } from "./Field.es.js";
 import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../popover-CzHvTPk2.js";
-import { t as Combobox } from "../combobox-wFudhN8F.js";
-import { n as PickMultiPanel, r as PropertyFilterActions, t as PropertyFilterApplied } from "../property-filter-applied-DRglaEj-.js";
+import { t as Combobox } from "../combobox-D21no8t5.js";
+import { n as PickMultiPanel, r as PropertyFilterActions, t as PropertyFilterApplied } from "../property-filter-applied--U5EZdaA.js";
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftIcon, ChevronRightIcon, FilterIcon, ListFilterPlus, ListFilterPlusIcon, PlusIcon, X } from "lucide-react";
@@ -232,7 +232,7 @@ function PropertyFilterCreator({ fields, tokens, onTokensChange, label = "Add fi
 								setError(void 0);
 							},
 							placeholder: selectedField.placeholder ?? `Choose ${selectedField.label}`,
-							searchPlaceholder: `Search ${selectedField.label.toLowerCase()}...`,
+							searchPlaceholder: `Search ${selectedField.label.toLowerCase()}`,
 							emptyText: selectedField.emptyText ?? "No option found.",
 							size: "md",
 							"aria-label": selectedField.label

package/dist/components/PropertyFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyFilter.es.js","names":["_Fragment"],"sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport {\n  MENU_SIDE_OFFSET,\n  menuEmptyClass,\n  menuItemButtonClass,\n  menuItemTrailingIconClass,\n} from '@/ds/primitives/menu-item';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI).\nconst FilterMenuButton = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>((props, ref) => (\n  <button type=\"button\" role=\"menuitem\" data-filter-item=\"\" ref={ref} {...props} />\n));\nFilterMenuButton.displayName = 'FilterMenuButton';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className={cn(quietTextHover, controlStateColorTransition)}\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"size-4 shrink-0 text-muted-foreground\" />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">{`${selectedField.label} · is`}</Txt>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              <>\n                {visibleFields.length > 0 ? (\n                  visibleFields.map(f => {\n                    const used = singleUseFieldIds.has(f.id);\n                    if (f.kind === 'pick-multi') {\n                      return (\n                        <PickMultiMenuItem\n                          key={f.id}\n                          field={f}\n                          tokens={tokens}\n                          onChange={replacePickMultiToken}\n                          open={openPickMultiFieldId === f.id}\n                          onToggle={togglePickMulti}\n                          onClose={closePickMulti}\n                        />\n                      );\n                    }\n                    return (\n                      <FilterMenuButton\n                        key={f.id}\n                        className={cn(menuItemButtonClass, 'group')}\n                        disabled={used}\n                        onClick={() => {\n                          setError(undefined);\n                          if (f.kind === 'text') {\n                            onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                            onStartTextFilter?.(f.id);\n                            skipCloseFocusRef.current = true;\n                            setOpen(false);\n                            return;\n                          }\n                          setFieldId(f.id);\n                        }}\n                      >\n                        <span className=\"truncate\">{f.label}</span>\n                        {used ? (\n                          <span className=\"ml-auto text-muted-foreground\">In use</span>\n                        ) : (\n                          <span\n                            className={cn(\n                              menuItemTrailingIconClass,\n                              'text-muted-foreground opacity-0 group-hover:opacity-100 group-focus:opacity-100',\n                            )}\n                          >\n                            <PlusIcon />\n                          </span>\n                        )}\n                      </FilterMenuButton>\n                    );\n                  })\n                ) : (\n                  <div className={menuEmptyClass}>No matching property.</div>\n                )}\n              </>\n            </div>\n          )}\n\n          {selectedField && (\n            <Field invalid={Boolean(error)}>\n              <Combobox\n                multiple\n                options={selectedField.options ?? []}\n                value={multiValue}\n                onValueChange={v => {\n                  setMultiValue(v);\n                  setError(undefined);\n                }}\n                placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n                searchPlaceholder={`Search ${selectedField.label.toLowerCase()}...`}\n                emptyText={selectedField.emptyText ?? 'No option found.'}\n                size=\"md\"\n                aria-label={selectedField.label}\n              />\n              <FieldError>{error}</FieldError>\n            </Field>\n          )}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <FilterMenuButton\n          className={menuItemButtonClass}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-muted-foreground\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-muted-foreground')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </FilterMenuButton>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PropertyFilter.es.js","names":["_Fragment"],"sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport {\n  MENU_SIDE_OFFSET,\n  menuEmptyClass,\n  menuItemButtonClass,\n  menuItemTrailingIconClass,\n} from '@/ds/primitives/menu-item';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI).\nconst FilterMenuButton = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>((props, ref) => (\n  <button type=\"button\" role=\"menuitem\" data-filter-item=\"\" ref={ref} {...props} />\n));\nFilterMenuButton.displayName = 'FilterMenuButton';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className={cn(quietTextHover, controlStateColorTransition)}\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"size-4 shrink-0 text-muted-foreground\" />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">{`${selectedField.label} · is`}</Txt>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              <>\n                {visibleFields.length > 0 ? (\n                  visibleFields.map(f => {\n                    const used = singleUseFieldIds.has(f.id);\n                    if (f.kind === 'pick-multi') {\n                      return (\n                        <PickMultiMenuItem\n                          key={f.id}\n                          field={f}\n                          tokens={tokens}\n                          onChange={replacePickMultiToken}\n                          open={openPickMultiFieldId === f.id}\n                          onToggle={togglePickMulti}\n                          onClose={closePickMulti}\n                        />\n                      );\n                    }\n                    return (\n                      <FilterMenuButton\n                        key={f.id}\n                        className={cn(menuItemButtonClass, 'group')}\n                        disabled={used}\n                        onClick={() => {\n                          setError(undefined);\n                          if (f.kind === 'text') {\n                            onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                            onStartTextFilter?.(f.id);\n                            skipCloseFocusRef.current = true;\n                            setOpen(false);\n                            return;\n                          }\n                          setFieldId(f.id);\n                        }}\n                      >\n                        <span className=\"truncate\">{f.label}</span>\n                        {used ? (\n                          <span className=\"ml-auto text-muted-foreground\">In use</span>\n                        ) : (\n                          <span\n                            className={cn(\n                              menuItemTrailingIconClass,\n                              'text-muted-foreground opacity-0 group-hover:opacity-100 group-focus:opacity-100',\n                            )}\n                          >\n                            <PlusIcon />\n                          </span>\n                        )}\n                      </FilterMenuButton>\n                    );\n                  })\n                ) : (\n                  <div className={menuEmptyClass}>No matching property.</div>\n                )}\n              </>\n            </div>\n          )}\n\n          {selectedField && (\n            <Field invalid={Boolean(error)}>\n              <Combobox\n                multiple\n                options={selectedField.options ?? []}\n                value={multiValue}\n                onValueChange={v => {\n                  setMultiValue(v);\n                  setError(undefined);\n                }}\n                placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n                searchPlaceholder={`Search ${selectedField.label.toLowerCase()}`}\n                emptyText={selectedField.emptyText ?? 'No option found.'}\n                size=\"md\"\n                aria-label={selectedField.label}\n              />\n              <FieldError>{error}</FieldError>\n            </Field>\n          )}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <FilterMenuButton\n          className={menuItemButtonClass}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-muted-foreground\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-muted-foreground')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </FilterMenuButton>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/components/RuleBuilder.cjs.js

@@ -4,9 +4,9 @@ const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_utils$1 = require("../utils-WjRgIX9u.cjs");
 const require_icons_Icon = require("../icons/Icon.cjs.js");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_primitives_typography = require("../primitives/typography.cjs.js");
-const require_select = require("../select-NySY9Men.cjs");
+const require_select = require("../select-Dg8L5ROX.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_input = require("../input-2hRXcZIu.cjs");
 let react = require("react");

package/dist/components/RuleBuilder.es.js

@@ -2,9 +2,9 @@ import { t as cn } from "../utils-DQx8TpNT.js";
 import { i as isRule, n as createDefaultRule, r as createDefaultRuleGroup } from "../utils-Bt9HJMXA.js";
 import { Icon } from "../icons/Icon.es.js";
 import { controlStateColorTransition } from "../primitives/transitions.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { quietTextHover } from "../primitives/typography.es.js";
-import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BbFpEBAY.js";
+import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BdIZEdcy.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { t as Input } from "../input-0l1uzOBZ.js";
 import * as React$1 from "react";

package/dist/components/SavedViews.cjs.js

@@ -1,14 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
+const require_icons_icon_size_classes = require("../icons/icon-size-classes.cjs.js");
 const require_icons_Icon = require("../icons/Icon.cjs.js");
 const require_primitives_control_size = require("../primitives/control-size.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_primitives_password_manager_autofill = require("../primitives/password-manager-autofill.cjs.js");
 const require_dropdown_menu = require("../dropdown-menu-BETTTPBB.cjs");
 const require_context_menu = require("../context-menu-DTFPCyae.cjs");
 const require_saved_view_schema = require("../saved-view-schema-DRJYELfK.cjs");
-const require_filter_bar_chip = require("../filter-bar-chip-BUyMf8XQ.cjs");
+const require_filter_bar_chip = require("../filter-bar-chip-Cg-UbIwP.cjs");
 const require_components_HoverCard = require("./HoverCard.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -57,7 +58,7 @@ function SavedViewSummary({ filters, fields, operators, settings }) {
 						className: "flex min-w-0 items-center gap-1.5",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground",
+								className: require_utils.cn("flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground", require_icons_icon_size_classes.iconSizeClasses.sm),
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_filter_bar_chip.FilterBarFieldLabel, {
 									field,
 									label: field?.label ?? filter.fieldId

package/dist/components/SavedViews.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SavedViews.cjs.js","names":["passwordManagerOptOutProps","Txt","FilterBarFieldLabel","formatValue","buttonVariants","cn","controlHeight","useState","Txt","Button","LayersPlusIcon","LayersIcon","_Fragment","VisuallyHidden","PencilIcon","Icon","TextCursorInputIcon","CopyIcon","Trash2Icon","useRef","ContextMenu","DropdownMenu","HoverCard","HoverCardTrigger","HoverCardContent","Fragment","cn","_Fragment","Txt","Button","savedViewNameSchema","useSyncExternalStore","parseSavedViews","useState","serializeSavedViews"],"sources":["../../src/ds/components/SavedViews/saved-view-name-input.tsx","../../src/ds/components/SavedViews/saved-view-summary.tsx","../../src/ds/components/SavedViews/saved-view-tabs.tsx","../../src/ds/components/SavedViews/saved-view-editor.tsx","../../src/ds/components/SavedViews/saved-views-storage.ts","../../src/ds/components/SavedViews/use-saved-views.ts"],"sourcesContent":["import { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\n\n// Uncontrolled so blur is the one exit: Enter blurs, Escape restores the name first, blur commits.\nexport function SavedViewNameInput({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <input\n      autoFocus\n      aria-label=\"View name\"\n      defaultValue={name}\n      maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n      {...passwordManagerOptOutProps}\n      onFocus={event => event.currentTarget.select()}\n      onBlur={event => onCommit(event.currentTarget.value)}\n      onKeyDown={event => {\n        if (event.key === 'Escape') event.currentTarget.value = name;\n        if (event.key === 'Enter' || event.key === 'Escape') {\n          event.preventDefault();\n          event.currentTarget.blur();\n        }\n      }}\n      className=\"field-sizing-content min-w-12 bg-transparent text-foreground outline-hidden\"\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport { FilterBarFieldLabel, formatValue } from '@/ds/components/FilterBar/filter-bar-chip';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { Txt } from '@/ds/components/Txt';\n\ntype SavedViewSummaryProps = {\n  filters: readonly FilterBarItem[];\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings?: ReactNode;\n};\n\nexport function SavedViewSummary({ filters, fields, operators, settings }: SavedViewSummaryProps) {\n  return (\n    <div className=\"flex min-w-48 flex-col gap-2\">\n      {filters.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\">\n          No filters\n        </Txt>\n      ) : (\n        <ul aria-label=\"Filters\" className=\"flex flex-col gap-1.5\">\n          {filters.map(filter => {\n            const field = fields.find(candidate => candidate.id === filter.fieldId);\n            const operatorStated = (field?.operators?.length ?? operators.length) > 1;\n            const operator = operators.find(candidate => candidate.id === filter.operatorId);\n            return (\n              <li key={filter.id} className=\"min-w-0\">\n                <Txt as=\"span\" variant=\"body-sm\" className=\"flex min-w-0 items-center gap-1.5\">\n                  <span className=\"flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground\">\n                    <FilterBarFieldLabel field={field} label={field?.label ?? filter.fieldId} />\n                  </span>\n                  {operatorStated && <span className=\"shrink-0 text-muted-foreground\">{operator?.label}</span>}\n                  <span className=\"min-w-0 truncate\">{formatValue(filter.value, field)}</span>\n                </Txt>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {settings}\n    </div>\n  );\n}\n","import { CopyIcon, LayersIcon, LayersPlusIcon, PencilIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SavedViewNameInput } from './saved-view-name-input';\nimport type { SavedView } from './saved-view-schema';\nimport { SavedViewSummary } from './saved-view-summary';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button, buttonVariants } from '@/ds/components/Button/Button';\nimport { ContextMenu } from '@/ds/components/ContextMenu';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { FilterBarField, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nconst restingTabClass = buttonVariants({ variant: 'default', size: 'sm' });\nconst selectedTabClass = buttonVariants({ variant: 'subtle', size: 'sm' });\nconst editingTabClass = cn(\n  controlHeight.sm,\n  'inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong bg-fill-hover px-[.9em] text-label text-foreground',\n  '[&_svg]:size-3.5 [&_svg]:shrink-0',\n);\n\nexport type SavedViewTabsProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  defaultLabel: string;\n  newViewSettings: NoInfer<TSettings>;\n  describeSettings?: (settings: TSettings) => ReactNode;\n  'aria-label'?: string;\n  className?: string;\n};\n\nexport function SavedViewTabs<TSettings>({\n  views,\n  fields,\n  operators,\n  defaultLabel,\n  newViewSettings,\n  describeSettings,\n  'aria-label': ariaLabel = 'Views',\n  className,\n}: SavedViewTabsProps<TSettings>) {\n  const [renamingViewId, setRenamingViewId] = useState<string>();\n  const { draft } = views;\n  const creating = draft !== undefined && draft.viewId === undefined;\n  const defaultSelected = views.activeView === undefined && !creating;\n  // A blank name cancels; a failed rename stays open with what was typed so it can be retried.\n  const commitRename = async (viewId: string, name: string) => {\n    if (!name.trim()) return setRenamingViewId(undefined);\n    const renamed = views.rename(viewId, name);\n    // A synchronous controller closes in the same render; only an async one waits.\n    if (typeof renamed === 'boolean' ? renamed : await renamed) setRenamingViewId(undefined);\n  };\n\n  return (\n    <div role=\"group\" aria-label={ariaLabel} className={cn('flex flex-wrap items-center gap-1.5', className)}>\n      <button\n        type=\"button\"\n        aria-pressed={defaultSelected}\n        className={defaultSelected ? selectedTabClass : restingTabClass}\n        onClick={() => views.select(undefined)}\n      >\n        {defaultLabel}\n      </button>\n      {views.views.map(view => {\n        if (renamingViewId === view.id) {\n          return <RenamingViewTab key={view.id} name={view.name} onCommit={name => void commitRename(view.id, name)} />;\n        }\n        return (\n          <SavedViewTab\n            key={view.id}\n            view={view}\n            selected={views.activeView?.id === view.id && !creating}\n            unsaved={draft?.viewId === view.id && views.unsaved}\n            fields={fields}\n            operators={operators}\n            settings={describeSettings?.(view.settings)}\n            onSelect={() => views.select(view.id)}\n            onEdit={() => views.edit(view.id)}\n            onRename={() => setRenamingViewId(view.id)}\n            onDuplicate={() => views.duplicate(view.id)}\n            onDelete={() => views.remove(view.id)}\n          />\n        );\n      })}\n      {views.error && (\n        <Txt role=\"alert\" variant=\"caption\" className=\"w-full text-destructive-foreground\">\n          {views.error}\n        </Txt>\n      )}\n      {creating ? (\n        <EditingViewTab name={draft.name} unsaved onRename={name => views.change({ name })} />\n      ) : (\n        <Button\n          type=\"button\"\n          size=\"icon-sm\"\n          tooltip=\"New view\"\n          disabled={draft !== undefined}\n          onClick={() => views.create(newViewSettings)}\n        >\n          <LayersPlusIcon />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction EditingViewTab({\n  name,\n  unsaved,\n  onRename,\n}: {\n  name: string;\n  unsaved: boolean;\n  onRename: (name: string) => void;\n}) {\n  const [renaming, setRenaming] = useState(false);\n  return (\n    <span aria-current=\"true\" className={editingTabClass}>\n      <LayersIcon aria-hidden />\n      {renaming ? (\n        <SavedViewNameInput\n          name={name}\n          onCommit={next => {\n            setRenaming(false);\n            if (next.trim()) onRename(next);\n          }}\n        />\n      ) : (\n        <>\n          <span className=\"max-w-48 truncate\">{name}</span>\n          {unsaved && (\n            <>\n              <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />\n              <VisuallyHidden>Unsaved changes</VisuallyHidden>\n            </>\n          )}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            tooltip=\"Rename view\"\n            className=\"-mr-2 size-6\"\n            onClick={() => setRenaming(true)}\n          >\n            <PencilIcon />\n          </Button>\n        </>\n      )}\n    </span>\n  );\n}\n\nfunction RenamingViewTab({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <span className={cn(restingTabClass, 'gap-1.5')}>\n      <SavedViewTabIcon />\n      <SavedViewNameInput name={name} onCommit={onCommit} />\n    </span>\n  );\n}\n\nfunction SavedViewTabIcon() {\n  return (\n    <Icon data-slot=\"button-icon\" size=\"sm\">\n      <LayersIcon aria-hidden />\n    </Icon>\n  );\n}\n\nfunction SavedViewTab<TSettings>({\n  view,\n  selected,\n  unsaved,\n  fields,\n  operators,\n  settings,\n  onSelect,\n  onEdit,\n  onRename,\n  onDuplicate,\n  onDelete,\n}: {\n  view: SavedView<TSettings>;\n  selected: boolean;\n  unsaved: boolean;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings: ReactNode;\n  onSelect: () => void;\n  onEdit: () => void;\n  onRename: () => void;\n  onDuplicate: () => void;\n  onDelete: () => void;\n}) {\n  const actions: ViewAction[] = [\n    { label: 'Edit view', icon: <PencilIcon aria-hidden />, onClick: onEdit },\n    { label: 'Rename', icon: <TextCursorInputIcon aria-hidden />, onClick: onRename },\n    { label: 'Duplicate', icon: <CopyIcon aria-hidden />, onClick: onDuplicate },\n    { label: 'Delete view', icon: <Trash2Icon aria-hidden />, onClick: onDelete, destructive: true },\n  ];\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [previewOpen, setPreviewOpen] = useState(false);\n  // The trigger asks to open a frame after the click, when the click that selected the tab has\n  // already re-rendered it as selected. Only a click on the selected tab opens the menu.\n  const clickOpensMenuRef = useRef(true);\n  const changeMenuOpen = (open: boolean) => {\n    setMenuOpen(selected && open && clickOpensMenuRef.current);\n    if (open) setPreviewOpen(false);\n  };\n\n  return (\n    <ContextMenu>\n      <DropdownMenu open={selected && menuOpen} onOpenChange={changeMenuOpen}>\n        <HoverCard open={!selected && previewOpen} onOpenChange={setPreviewOpen}>\n          <ContextMenu.Trigger\n            render={\n              <HoverCardTrigger\n                delay={400}\n                render={\n                  <DropdownMenu.Trigger\n                    render={\n                      <button\n                        type=\"button\"\n                        aria-pressed={selected}\n                        aria-haspopup={selected ? 'menu' : undefined}\n                        onClick={() => {\n                          clickOpensMenuRef.current = selected;\n                          if (selected) return;\n                          setPreviewOpen(false);\n                          onSelect();\n                        }}\n                        className={cn(selected ? selectedTabClass : restingTabClass, 'gap-1.5')}\n                      />\n                    }\n                  />\n                }\n              />\n            }\n          >\n            <SavedViewTabIcon />\n            <span className=\"max-w-48 truncate\">{view.name}</span>\n            {unsaved && <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />}\n          </ContextMenu.Trigger>\n          <HoverCardContent side=\"bottom\" align=\"start\" showArrow={false}>\n            <SavedViewSummary filters={view.filters} fields={fields} operators={operators} settings={settings} />\n          </HoverCardContent>\n        </HoverCard>\n        <DropdownMenu.Content align=\"start\">\n          {actions.map(action => (\n            <Fragment key={action.label}>\n              {action.destructive && <DropdownMenu.Separator />}\n              <DropdownMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n                {action.icon}\n                {action.label}\n              </DropdownMenu.Item>\n            </Fragment>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n      <ContextMenu.Content>\n        {actions.map(action => (\n          <Fragment key={action.label}>\n            {action.destructive && <ContextMenu.Separator />}\n            <ContextMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n              {action.icon}\n              {action.label}\n            </ContextMenu.Item>\n          </Fragment>\n        ))}\n      </ContextMenu.Content>\n    </ContextMenu>\n  );\n}\n\ntype ViewAction = { label: string; icon: ReactNode; onClick: () => void; destructive?: boolean };\n","import type { ReactNode } from 'react';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewEditorProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  /** Shown next to the save button of a new view, e.g. where it is saved (\"Saved in this browser\"). */\n  saveCaption?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function SavedViewEditor<TSettings>({\n  views,\n  saveCaption,\n  children,\n  className,\n}: SavedViewEditorProps<TSettings>) {\n  const { draft } = views;\n  const creating = draft?.viewId === undefined;\n  return (\n    <div\n      role={draft ? 'group' : undefined}\n      aria-label={draft ? `Edit view ${draft.name}` : undefined}\n      className={cn('flex min-w-0 flex-wrap items-center gap-2', className)}\n    >\n      {children}\n      {draft && (\n        <>\n          {!creating && views.unsaved && (\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n              Unsaved changes\n            </Txt>\n          )}\n          <div className=\"ml-auto flex shrink-0 items-center gap-3\">\n            {creating && saveCaption && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-sm:hidden\">\n                {saveCaption}\n              </Txt>\n            )}\n            <div className=\"flex items-center gap-1\">\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n                {creating ? 'Cancel' : 'Reset'}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                size=\"sm\"\n                disabled={!views.unsaved || views.pending}\n                onClick={views.save}\n              >\n                {creating ? 'Save view' : 'Save changes'}\n              </Button>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","type SavedViewsSubscribe = (listener: () => void) => () => void;\n\nconst listenersByKey = new Map<string, Set<() => void>>();\nconst subscribeByKey = new Map<string, SavedViewsSubscribe>();\n\nexport function readSavedViewsRaw(key: string): string | null {\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nexport function writeSavedViewsRaw(key: string, raw: string): boolean {\n  try {\n    window.localStorage.setItem(key, raw);\n  } catch {\n    return false;\n  }\n  listenersByKey.get(key)?.forEach(listener => listener());\n  return true;\n}\n\nexport function savedViewsSubscriber(key: string): SavedViewsSubscribe {\n  const cached = subscribeByKey.get(key);\n  if (cached) return cached;\n  const subscribe: SavedViewsSubscribe = listener => subscribeSavedViews(key, listener);\n  subscribeByKey.set(key, subscribe);\n  return subscribe;\n}\n\nfunction subscribeSavedViews(key: string, listener: () => void): () => void {\n  const listeners = listenersByKey.get(key) ?? new Set<() => void>();\n  listenersByKey.set(key, listeners);\n  listeners.add(listener);\n  const onStorage = (event: StorageEvent) => {\n    if (event.key === key || event.key === null) listener();\n  };\n  window.addEventListener('storage', onStorage);\n  return () => {\n    listeners.delete(listener);\n    window.removeEventListener('storage', onStorage);\n  };\n}\n","import { useState, useSyncExternalStore } from 'react';\nimport { parseSavedViews, savedViewNameSchema, serializeSavedViews } from './saved-view-schema';\nimport type { SavedView, SavedViewSettingsSchema } from './saved-view-schema';\nimport { readSavedViewsRaw, savedViewsSubscriber, writeSavedViewsRaw } from './saved-views-storage';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nconst NEW_SAVED_VIEW_NAME = 'Untitled view';\n\nexport type SavedViewContent<TSettings> = {\n  filters: FilterBarItem[];\n  settings: TSettings;\n};\n\nexport type SavedViewDraft<TSettings> = SavedViewContent<TSettings> & {\n  viewId?: string;\n  name: string;\n};\n\nexport type SavedViewDraftChange<TSettings> = Partial<Omit<SavedViewDraft<TSettings>, 'viewId'>>;\n\nexport type UseSavedViewsOptions<TSettings> = {\n  storageKey: string;\n  settingsSchema: SavedViewSettingsSchema<TSettings>;\n  activeViewId: string | undefined;\n  onActiveViewChange: (viewId: string | undefined) => void;\n};\n\nexport type SavedViewsController<TSettings> = {\n  views: SavedView<TSettings>[];\n  activeView: SavedView<TSettings> | undefined;\n  draft: SavedViewDraft<TSettings> | undefined;\n  unsaved: boolean;\n  /** A failed save, rename, duplicate or delete, shown under the tabs. */\n  error: string | undefined;\n  /** A change is being saved; the save actions are disabled until it settles. */\n  pending?: boolean;\n  applied: SavedViewContent<TSettings> | undefined;\n  select: (viewId: string | undefined) => void;\n  create: (settings: TSettings, filters?: FilterBarItem[]) => void;\n  edit: (viewId: string) => void;\n  change: (patch: SavedViewDraftChange<TSettings>) => void;\n  save: () => void;\n  discard: () => void;\n  /** Resolves true once the view has the new name; false leaves the error in `error`. */\n  rename: (viewId: string, name: string) => boolean | Promise<boolean>;\n  duplicate: (viewId: string) => void;\n  remove: (viewId: string) => void;\n};\n\nfunction createSavedViewId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID();\n  return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction validViewName(name: string): string | undefined {\n  const parsed = savedViewNameSchema.safeParse(name);\n  return parsed.success ? parsed.data : undefined;\n}\n\nfunction sameViewContent<TSettings>(draft: SavedViewDraft<TSettings>, view: SavedView<TSettings>): boolean {\n  return (\n    JSON.stringify([draft.name, draft.filters, draft.settings]) ===\n    JSON.stringify([view.name, view.filters, view.settings])\n  );\n}\n\nexport function useSavedViews<TSettings>({\n  storageKey,\n  settingsSchema,\n  activeViewId,\n  onActiveViewChange,\n}: UseSavedViewsOptions<TSettings>): SavedViewsController<TSettings> {\n  const raw = useSyncExternalStore(\n    savedViewsSubscriber(storageKey),\n    () => readSavedViewsRaw(storageKey),\n    () => null,\n  );\n  const views = parseSavedViews(raw, settingsSchema);\n  const [failedStorageKey, setFailedStorageKey] = useState<string>();\n  const [pendingDraft, setDraft] = useState<SavedViewDraft<TSettings>>();\n  const [draftScope, setDraftScope] = useState({ storageKey, activeViewId });\n  const draftView = views.find(view => view.id === pendingDraft?.viewId);\n  const draftViewDeleted = pendingDraft?.viewId !== undefined && !draftView;\n  const storageKeyChanged = draftScope.storageKey !== storageKey;\n  if (storageKeyChanged || draftScope.activeViewId !== activeViewId || draftViewDeleted) {\n    setDraftScope({ storageKey, activeViewId });\n    if (storageKeyChanged || draftViewDeleted || pendingDraft?.viewId !== activeViewId) setDraft(undefined);\n  }\n  const draft = pendingDraft?.viewId === undefined || pendingDraft.viewId === activeViewId ? pendingDraft : undefined;\n  const unsaved = draft !== undefined && (!draftView || !sameViewContent(draft, draftView));\n\n  const activeView = views.find(view => view.id === activeViewId);\n  const write = (next: SavedView<TSettings>[]) => {\n    const saved = writeSavedViewsRaw(storageKey, serializeSavedViews(next));\n    setFailedStorageKey(saved ? undefined : storageKey);\n    return saved;\n  };\n\n  return {\n    views,\n    activeView,\n    draft,\n    unsaved,\n    error:\n      failedStorageKey === storageKey\n        ? 'Could not save changes. Check your browser storage settings and try again.'\n        : undefined,\n    applied: draft ?? activeView,\n    select: viewId => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n      onActiveViewChange(viewId);\n    },\n    create: (settings, filters = []) => setDraft({ name: NEW_SAVED_VIEW_NAME, filters, settings }),\n    edit: viewId => {\n      if (draft?.viewId === viewId) return;\n      const view = views.find(candidate => candidate.id === viewId);\n      if (!view) return;\n      const { id, ...content } = view;\n      setDraft({ ...content, viewId: id });\n      if (viewId !== activeViewId) onActiveViewChange(viewId);\n    },\n    change: patch => {\n      if (patch.name !== undefined) setFailedStorageKey(undefined);\n      if (draft) {\n        setDraft({ ...draft, ...patch });\n        return;\n      }\n      if (!activeView) return;\n      const { id, ...content } = activeView;\n      setDraft({ ...content, ...patch, viewId: id });\n    },\n    save: () => {\n      if (!draft) return;\n      const { viewId, ...content } = draft;\n      const saved: SavedView<TSettings> = {\n        ...content,\n        id: viewId ?? createSavedViewId(),\n        name: validViewName(content.name) ?? views.find(view => view.id === viewId)?.name ?? NEW_SAVED_VIEW_NAME,\n      };\n      if (!write(viewId ? views.map(view => (view.id === viewId ? saved : view)) : [...views, saved])) return;\n      setDraft(undefined);\n      if (saved.id !== activeViewId) onActiveViewChange(saved.id);\n    },\n    discard: () => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n    },\n    rename: (viewId, name) => {\n      const nextName = validViewName(name);\n      if (!nextName) return false;\n      if (!write(views.map(view => (view.id === viewId ? { ...view, name: nextName } : view)))) return false;\n      if (draft?.viewId === viewId) setDraft({ ...draft, name: nextName });\n      return true;\n    },\n    duplicate: viewId => {\n      const index = views.findIndex(view => view.id === viewId);\n      const original = views[index];\n      if (!original) return;\n      const copy: SavedView<TSettings> = {\n        ...original,\n        id: createSavedViewId(),\n        name: validViewName(`${original.name} copy`) ?? original.name,\n      };\n      if (!write(views.toSpliced(index + 1, 0, copy))) return;\n      setDraft(undefined);\n      onActiveViewChange(copy.id);\n    },\n    remove: viewId => {\n      if (!write(views.filter(view => view.id !== viewId))) return;\n      if (draft?.viewId === viewId) setDraft(undefined);\n      if (activeViewId === viewId) onActiveViewChange(undefined);\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"SavedViews.cjs.js","names":["passwordManagerOptOutProps","Txt","cn","iconSizeClasses","FilterBarFieldLabel","formatValue","buttonVariants","cn","controlHeight","useState","Txt","Button","LayersPlusIcon","LayersIcon","_Fragment","VisuallyHidden","PencilIcon","Icon","TextCursorInputIcon","CopyIcon","Trash2Icon","useRef","ContextMenu","DropdownMenu","HoverCard","HoverCardTrigger","HoverCardContent","Fragment","cn","_Fragment","Txt","Button","savedViewNameSchema","useSyncExternalStore","parseSavedViews","useState","serializeSavedViews"],"sources":["../../src/ds/components/SavedViews/saved-view-name-input.tsx","../../src/ds/components/SavedViews/saved-view-summary.tsx","../../src/ds/components/SavedViews/saved-view-tabs.tsx","../../src/ds/components/SavedViews/saved-view-editor.tsx","../../src/ds/components/SavedViews/saved-views-storage.ts","../../src/ds/components/SavedViews/use-saved-views.ts"],"sourcesContent":["import { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\n\n// Uncontrolled so blur is the one exit: Enter blurs, Escape restores the name first, blur commits.\nexport function SavedViewNameInput({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <input\n      autoFocus\n      aria-label=\"View name\"\n      defaultValue={name}\n      maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n      {...passwordManagerOptOutProps}\n      onFocus={event => event.currentTarget.select()}\n      onBlur={event => onCommit(event.currentTarget.value)}\n      onKeyDown={event => {\n        if (event.key === 'Escape') event.currentTarget.value = name;\n        if (event.key === 'Enter' || event.key === 'Escape') {\n          event.preventDefault();\n          event.currentTarget.blur();\n        }\n      }}\n      className=\"field-sizing-content min-w-12 bg-transparent text-foreground outline-hidden\"\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport { FilterBarFieldLabel, formatValue } from '@/ds/components/FilterBar/filter-bar-chip';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { Txt } from '@/ds/components/Txt';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport { cn } from '@/lib/utils';\n\ntype SavedViewSummaryProps = {\n  filters: readonly FilterBarItem[];\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings?: ReactNode;\n};\n\nexport function SavedViewSummary({ filters, fields, operators, settings }: SavedViewSummaryProps) {\n  return (\n    <div className=\"flex min-w-48 flex-col gap-2\">\n      {filters.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\">\n          No filters\n        </Txt>\n      ) : (\n        <ul aria-label=\"Filters\" className=\"flex flex-col gap-1.5\">\n          {filters.map(filter => {\n            const field = fields.find(candidate => candidate.id === filter.fieldId);\n            const operatorStated = (field?.operators?.length ?? operators.length) > 1;\n            const operator = operators.find(candidate => candidate.id === filter.operatorId);\n            return (\n              <li key={filter.id} className=\"min-w-0\">\n                <Txt as=\"span\" variant=\"body-sm\" className=\"flex min-w-0 items-center gap-1.5\">\n                  <span\n                    className={cn('flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground', iconSizeClasses.sm)}\n                  >\n                    <FilterBarFieldLabel field={field} label={field?.label ?? filter.fieldId} />\n                  </span>\n                  {operatorStated && <span className=\"shrink-0 text-muted-foreground\">{operator?.label}</span>}\n                  <span className=\"min-w-0 truncate\">{formatValue(filter.value, field)}</span>\n                </Txt>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {settings}\n    </div>\n  );\n}\n","import { CopyIcon, LayersIcon, LayersPlusIcon, PencilIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SavedViewNameInput } from './saved-view-name-input';\nimport type { SavedView } from './saved-view-schema';\nimport { SavedViewSummary } from './saved-view-summary';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button, buttonVariants } from '@/ds/components/Button/Button';\nimport { ContextMenu } from '@/ds/components/ContextMenu';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { FilterBarField, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nconst restingTabClass = buttonVariants({ variant: 'default', size: 'sm' });\nconst selectedTabClass = buttonVariants({ variant: 'subtle', size: 'sm' });\nconst editingTabClass = cn(\n  controlHeight.sm,\n  'inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong bg-fill-hover px-[.9em] text-label text-foreground',\n  '[&_svg]:size-3.5 [&_svg]:shrink-0',\n);\n\nexport type SavedViewTabsProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  defaultLabel: string;\n  newViewSettings: NoInfer<TSettings>;\n  describeSettings?: (settings: TSettings) => ReactNode;\n  'aria-label'?: string;\n  className?: string;\n};\n\nexport function SavedViewTabs<TSettings>({\n  views,\n  fields,\n  operators,\n  defaultLabel,\n  newViewSettings,\n  describeSettings,\n  'aria-label': ariaLabel = 'Views',\n  className,\n}: SavedViewTabsProps<TSettings>) {\n  const [renamingViewId, setRenamingViewId] = useState<string>();\n  const { draft } = views;\n  const creating = draft !== undefined && draft.viewId === undefined;\n  const defaultSelected = views.activeView === undefined && !creating;\n  // A blank name cancels; a failed rename stays open with what was typed so it can be retried.\n  const commitRename = async (viewId: string, name: string) => {\n    if (!name.trim()) return setRenamingViewId(undefined);\n    const renamed = views.rename(viewId, name);\n    // A synchronous controller closes in the same render; only an async one waits.\n    if (typeof renamed === 'boolean' ? renamed : await renamed) setRenamingViewId(undefined);\n  };\n\n  return (\n    <div role=\"group\" aria-label={ariaLabel} className={cn('flex flex-wrap items-center gap-1.5', className)}>\n      <button\n        type=\"button\"\n        aria-pressed={defaultSelected}\n        className={defaultSelected ? selectedTabClass : restingTabClass}\n        onClick={() => views.select(undefined)}\n      >\n        {defaultLabel}\n      </button>\n      {views.views.map(view => {\n        if (renamingViewId === view.id) {\n          return <RenamingViewTab key={view.id} name={view.name} onCommit={name => void commitRename(view.id, name)} />;\n        }\n        return (\n          <SavedViewTab\n            key={view.id}\n            view={view}\n            selected={views.activeView?.id === view.id && !creating}\n            unsaved={draft?.viewId === view.id && views.unsaved}\n            fields={fields}\n            operators={operators}\n            settings={describeSettings?.(view.settings)}\n            onSelect={() => views.select(view.id)}\n            onEdit={() => views.edit(view.id)}\n            onRename={() => setRenamingViewId(view.id)}\n            onDuplicate={() => views.duplicate(view.id)}\n            onDelete={() => views.remove(view.id)}\n          />\n        );\n      })}\n      {views.error && (\n        <Txt role=\"alert\" variant=\"caption\" className=\"w-full text-destructive-foreground\">\n          {views.error}\n        </Txt>\n      )}\n      {creating ? (\n        <EditingViewTab name={draft.name} unsaved onRename={name => views.change({ name })} />\n      ) : (\n        <Button\n          type=\"button\"\n          size=\"icon-sm\"\n          tooltip=\"New view\"\n          disabled={draft !== undefined}\n          onClick={() => views.create(newViewSettings)}\n        >\n          <LayersPlusIcon />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction EditingViewTab({\n  name,\n  unsaved,\n  onRename,\n}: {\n  name: string;\n  unsaved: boolean;\n  onRename: (name: string) => void;\n}) {\n  const [renaming, setRenaming] = useState(false);\n  return (\n    <span aria-current=\"true\" className={editingTabClass}>\n      <LayersIcon aria-hidden />\n      {renaming ? (\n        <SavedViewNameInput\n          name={name}\n          onCommit={next => {\n            setRenaming(false);\n            if (next.trim()) onRename(next);\n          }}\n        />\n      ) : (\n        <>\n          <span className=\"max-w-48 truncate\">{name}</span>\n          {unsaved && (\n            <>\n              <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />\n              <VisuallyHidden>Unsaved changes</VisuallyHidden>\n            </>\n          )}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            tooltip=\"Rename view\"\n            className=\"-mr-2 size-6\"\n            onClick={() => setRenaming(true)}\n          >\n            <PencilIcon />\n          </Button>\n        </>\n      )}\n    </span>\n  );\n}\n\nfunction RenamingViewTab({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <span className={cn(restingTabClass, 'gap-1.5')}>\n      <SavedViewTabIcon />\n      <SavedViewNameInput name={name} onCommit={onCommit} />\n    </span>\n  );\n}\n\nfunction SavedViewTabIcon() {\n  return (\n    <Icon data-slot=\"button-icon\" size=\"sm\">\n      <LayersIcon aria-hidden />\n    </Icon>\n  );\n}\n\nfunction SavedViewTab<TSettings>({\n  view,\n  selected,\n  unsaved,\n  fields,\n  operators,\n  settings,\n  onSelect,\n  onEdit,\n  onRename,\n  onDuplicate,\n  onDelete,\n}: {\n  view: SavedView<TSettings>;\n  selected: boolean;\n  unsaved: boolean;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings: ReactNode;\n  onSelect: () => void;\n  onEdit: () => void;\n  onRename: () => void;\n  onDuplicate: () => void;\n  onDelete: () => void;\n}) {\n  const actions: ViewAction[] = [\n    { label: 'Edit view', icon: <PencilIcon aria-hidden />, onClick: onEdit },\n    { label: 'Rename', icon: <TextCursorInputIcon aria-hidden />, onClick: onRename },\n    { label: 'Duplicate', icon: <CopyIcon aria-hidden />, onClick: onDuplicate },\n    { label: 'Delete view', icon: <Trash2Icon aria-hidden />, onClick: onDelete, destructive: true },\n  ];\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [previewOpen, setPreviewOpen] = useState(false);\n  // The trigger asks to open a frame after the click, when the click that selected the tab has\n  // already re-rendered it as selected. Only a click on the selected tab opens the menu.\n  const clickOpensMenuRef = useRef(true);\n  const changeMenuOpen = (open: boolean) => {\n    setMenuOpen(selected && open && clickOpensMenuRef.current);\n    if (open) setPreviewOpen(false);\n  };\n\n  return (\n    <ContextMenu>\n      <DropdownMenu open={selected && menuOpen} onOpenChange={changeMenuOpen}>\n        <HoverCard open={!selected && previewOpen} onOpenChange={setPreviewOpen}>\n          <ContextMenu.Trigger\n            render={\n              <HoverCardTrigger\n                delay={400}\n                render={\n                  <DropdownMenu.Trigger\n                    render={\n                      <button\n                        type=\"button\"\n                        aria-pressed={selected}\n                        aria-haspopup={selected ? 'menu' : undefined}\n                        onClick={() => {\n                          clickOpensMenuRef.current = selected;\n                          if (selected) return;\n                          setPreviewOpen(false);\n                          onSelect();\n                        }}\n                        className={cn(selected ? selectedTabClass : restingTabClass, 'gap-1.5')}\n                      />\n                    }\n                  />\n                }\n              />\n            }\n          >\n            <SavedViewTabIcon />\n            <span className=\"max-w-48 truncate\">{view.name}</span>\n            {unsaved && <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />}\n          </ContextMenu.Trigger>\n          <HoverCardContent side=\"bottom\" align=\"start\" showArrow={false}>\n            <SavedViewSummary filters={view.filters} fields={fields} operators={operators} settings={settings} />\n          </HoverCardContent>\n        </HoverCard>\n        <DropdownMenu.Content align=\"start\">\n          {actions.map(action => (\n            <Fragment key={action.label}>\n              {action.destructive && <DropdownMenu.Separator />}\n              <DropdownMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n                {action.icon}\n                {action.label}\n              </DropdownMenu.Item>\n            </Fragment>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n      <ContextMenu.Content>\n        {actions.map(action => (\n          <Fragment key={action.label}>\n            {action.destructive && <ContextMenu.Separator />}\n            <ContextMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n              {action.icon}\n              {action.label}\n            </ContextMenu.Item>\n          </Fragment>\n        ))}\n      </ContextMenu.Content>\n    </ContextMenu>\n  );\n}\n\ntype ViewAction = { label: string; icon: ReactNode; onClick: () => void; destructive?: boolean };\n","import type { ReactNode } from 'react';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewEditorProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  /** Shown next to the save button of a new view, e.g. where it is saved (\"Saved in this browser\"). */\n  saveCaption?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function SavedViewEditor<TSettings>({\n  views,\n  saveCaption,\n  children,\n  className,\n}: SavedViewEditorProps<TSettings>) {\n  const { draft } = views;\n  const creating = draft?.viewId === undefined;\n  return (\n    <div\n      role={draft ? 'group' : undefined}\n      aria-label={draft ? `Edit view ${draft.name}` : undefined}\n      className={cn('flex min-w-0 flex-wrap items-center gap-2', className)}\n    >\n      {children}\n      {draft && (\n        <>\n          {!creating && views.unsaved && (\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n              Unsaved changes\n            </Txt>\n          )}\n          <div className=\"ml-auto flex shrink-0 items-center gap-3\">\n            {creating && saveCaption && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-sm:hidden\">\n                {saveCaption}\n              </Txt>\n            )}\n            <div className=\"flex items-center gap-1\">\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n                {creating ? 'Cancel' : 'Reset'}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                size=\"sm\"\n                disabled={!views.unsaved || views.pending}\n                onClick={views.save}\n              >\n                {creating ? 'Save view' : 'Save changes'}\n              </Button>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","type SavedViewsSubscribe = (listener: () => void) => () => void;\n\nconst listenersByKey = new Map<string, Set<() => void>>();\nconst subscribeByKey = new Map<string, SavedViewsSubscribe>();\n\nexport function readSavedViewsRaw(key: string): string | null {\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nexport function writeSavedViewsRaw(key: string, raw: string): boolean {\n  try {\n    window.localStorage.setItem(key, raw);\n  } catch {\n    return false;\n  }\n  listenersByKey.get(key)?.forEach(listener => listener());\n  return true;\n}\n\nexport function savedViewsSubscriber(key: string): SavedViewsSubscribe {\n  const cached = subscribeByKey.get(key);\n  if (cached) return cached;\n  const subscribe: SavedViewsSubscribe = listener => subscribeSavedViews(key, listener);\n  subscribeByKey.set(key, subscribe);\n  return subscribe;\n}\n\nfunction subscribeSavedViews(key: string, listener: () => void): () => void {\n  const listeners = listenersByKey.get(key) ?? new Set<() => void>();\n  listenersByKey.set(key, listeners);\n  listeners.add(listener);\n  const onStorage = (event: StorageEvent) => {\n    if (event.key === key || event.key === null) listener();\n  };\n  window.addEventListener('storage', onStorage);\n  return () => {\n    listeners.delete(listener);\n    window.removeEventListener('storage', onStorage);\n  };\n}\n","import { useState, useSyncExternalStore } from 'react';\nimport { parseSavedViews, savedViewNameSchema, serializeSavedViews } from './saved-view-schema';\nimport type { SavedView, SavedViewSettingsSchema } from './saved-view-schema';\nimport { readSavedViewsRaw, savedViewsSubscriber, writeSavedViewsRaw } from './saved-views-storage';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nconst NEW_SAVED_VIEW_NAME = 'Untitled view';\n\nexport type SavedViewContent<TSettings> = {\n  filters: FilterBarItem[];\n  settings: TSettings;\n};\n\nexport type SavedViewDraft<TSettings> = SavedViewContent<TSettings> & {\n  viewId?: string;\n  name: string;\n};\n\nexport type SavedViewDraftChange<TSettings> = Partial<Omit<SavedViewDraft<TSettings>, 'viewId'>>;\n\nexport type UseSavedViewsOptions<TSettings> = {\n  storageKey: string;\n  settingsSchema: SavedViewSettingsSchema<TSettings>;\n  activeViewId: string | undefined;\n  onActiveViewChange: (viewId: string | undefined) => void;\n};\n\nexport type SavedViewsController<TSettings> = {\n  views: SavedView<TSettings>[];\n  activeView: SavedView<TSettings> | undefined;\n  draft: SavedViewDraft<TSettings> | undefined;\n  unsaved: boolean;\n  /** A failed save, rename, duplicate or delete, shown under the tabs. */\n  error: string | undefined;\n  /** A change is being saved; the save actions are disabled until it settles. */\n  pending?: boolean;\n  applied: SavedViewContent<TSettings> | undefined;\n  select: (viewId: string | undefined) => void;\n  create: (settings: TSettings, filters?: FilterBarItem[]) => void;\n  edit: (viewId: string) => void;\n  change: (patch: SavedViewDraftChange<TSettings>) => void;\n  save: () => void;\n  discard: () => void;\n  /** Resolves true once the view has the new name; false leaves the error in `error`. */\n  rename: (viewId: string, name: string) => boolean | Promise<boolean>;\n  duplicate: (viewId: string) => void;\n  remove: (viewId: string) => void;\n};\n\nfunction createSavedViewId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID();\n  return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction validViewName(name: string): string | undefined {\n  const parsed = savedViewNameSchema.safeParse(name);\n  return parsed.success ? parsed.data : undefined;\n}\n\nfunction sameViewContent<TSettings>(draft: SavedViewDraft<TSettings>, view: SavedView<TSettings>): boolean {\n  return (\n    JSON.stringify([draft.name, draft.filters, draft.settings]) ===\n    JSON.stringify([view.name, view.filters, view.settings])\n  );\n}\n\nexport function useSavedViews<TSettings>({\n  storageKey,\n  settingsSchema,\n  activeViewId,\n  onActiveViewChange,\n}: UseSavedViewsOptions<TSettings>): SavedViewsController<TSettings> {\n  const raw = useSyncExternalStore(\n    savedViewsSubscriber(storageKey),\n    () => readSavedViewsRaw(storageKey),\n    () => null,\n  );\n  const views = parseSavedViews(raw, settingsSchema);\n  const [failedStorageKey, setFailedStorageKey] = useState<string>();\n  const [pendingDraft, setDraft] = useState<SavedViewDraft<TSettings>>();\n  const [draftScope, setDraftScope] = useState({ storageKey, activeViewId });\n  const draftView = views.find(view => view.id === pendingDraft?.viewId);\n  const draftViewDeleted = pendingDraft?.viewId !== undefined && !draftView;\n  const storageKeyChanged = draftScope.storageKey !== storageKey;\n  if (storageKeyChanged || draftScope.activeViewId !== activeViewId || draftViewDeleted) {\n    setDraftScope({ storageKey, activeViewId });\n    if (storageKeyChanged || draftViewDeleted || pendingDraft?.viewId !== activeViewId) setDraft(undefined);\n  }\n  const draft = pendingDraft?.viewId === undefined || pendingDraft.viewId === activeViewId ? pendingDraft : undefined;\n  const unsaved = draft !== undefined && (!draftView || !sameViewContent(draft, draftView));\n\n  const activeView = views.find(view => view.id === activeViewId);\n  const write = (next: SavedView<TSettings>[]) => {\n    const saved = writeSavedViewsRaw(storageKey, serializeSavedViews(next));\n    setFailedStorageKey(saved ? undefined : storageKey);\n    return saved;\n  };\n\n  return {\n    views,\n    activeView,\n    draft,\n    unsaved,\n    error:\n      failedStorageKey === storageKey\n        ? 'Could not save changes. Check your browser storage settings and try again.'\n        : undefined,\n    applied: draft ?? activeView,\n    select: viewId => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n      onActiveViewChange(viewId);\n    },\n    create: (settings, filters = []) => setDraft({ name: NEW_SAVED_VIEW_NAME, filters, settings }),\n    edit: viewId => {\n      if (draft?.viewId === viewId) return;\n      const view = views.find(candidate => candidate.id === viewId);\n      if (!view) return;\n      const { id, ...content } = view;\n      setDraft({ ...content, viewId: id });\n      if (viewId !== activeViewId) onActiveViewChange(viewId);\n    },\n    change: patch => {\n      if (patch.name !== undefined) setFailedStorageKey(undefined);\n      if (draft) {\n        setDraft({ ...draft, ...patch });\n        return;\n      }\n      if (!activeView) return;\n      const { id, ...content } = activeView;\n      setDraft({ ...content, ...patch, viewId: id });\n    },\n    save: () => {\n      if (!draft) return;\n      const { viewId, ...content } = draft;\n      const saved: SavedView<TSettings> = {\n        ...content,\n        id: viewId ?? createSavedViewId(),\n        name: validViewName(content.name) ?? views.find(view => view.id === viewId)?.name ?? NEW_SAVED_VIEW_NAME,\n      };\n      if (!write(viewId ? views.map(view => (view.id === viewId ? saved : view)) : [...views, saved])) return;\n      setDraft(undefined);\n      if (saved.id !== activeViewId) onActiveViewChange(saved.id);\n    },\n    discard: () => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n    },\n    rename: (viewId, name) => {\n      const nextName = validViewName(name);\n      if (!nextName) return false;\n      if (!write(views.map(view => (view.id === viewId ? { ...view, name: nextName } : view)))) return false;\n      if (draft?.viewId === viewId) setDraft({ ...draft, name: nextName });\n      return true;\n    },\n    duplicate: viewId => {\n      const index = views.findIndex(view => view.id === viewId);\n      const original = views[index];\n      if (!original) return;\n      const copy: SavedView<TSettings> = {\n        ...original,\n        id: createSavedViewId(),\n        name: validViewName(`${original.name} copy`) ?? original.name,\n      };\n      if (!write(views.toSpliced(index + 1, 0, copy))) return;\n      setDraft(undefined);\n      onActiveViewChange(copy.id);\n    },\n    remove: viewId => {\n      if (!write(views.filter(view => view.id !== viewId))) return;\n      if (draft?.viewId === viewId) setDraft(undefined);\n      if (activeViewId === viewId) onActiveViewChange(undefined);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/components/SavedViews.es.js

@@ -1,13 +1,14 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
+import { iconSizeClasses } from "../icons/icon-size-classes.es.js";
 import { Icon } from "../icons/Icon.es.js";
 import { controlHeight } from "../primitives/control-size.es.js";
-import { r as buttonVariants, t as Button } from "../Button-Bw1e3ONi.js";
+import { o as buttonVariants, t as Button } from "../Button-CLXTbAY8.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { passwordManagerOptOutProps } from "../primitives/password-manager-autofill.es.js";
 import { t as DropdownMenu } from "../dropdown-menu-B4jY3J9e.js";
 import { t as ContextMenu } from "../context-menu-Dv0NU0oM.js";
 import { n as savedViewNameSchema, r as serializeSavedViews, t as parseSavedViews } from "../saved-view-schema-eJXlRRel.js";
-import { d as formatValue, o as FilterBarFieldLabel } from "../filter-bar-chip-7O02P9Vk.js";
+import { o as FilterBarFieldLabel, u as formatValue } from "../filter-bar-chip-CABeKrtf.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./HoverCard.es.js";
 import { VisuallyHidden } from "../primitives/visually-hidden.es.js";
 import { Fragment, useRef, useState, useSyncExternalStore } from "react";
@@ -56,7 +57,7 @@ function SavedViewSummary({ filters, fields, operators, settings }) {
 						className: "flex min-w-0 items-center gap-1.5",
 						children: [
 							/* @__PURE__ */ jsx("span", {
-								className: "flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground",
+								className: cn("flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground", iconSizeClasses.sm),
 								children: /* @__PURE__ */ jsx(FilterBarFieldLabel, {
 									field,
 									label: field?.label ?? filter.fieldId