@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/FilterBar-CR8nbvoe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar-CR8nbvoe.cjs","names":["BracesIcon","useFilterBarContext","usePortalContainer","useRef","useState","useIsApplePlatform","useMemo","findGroup","useCallback","parseFieldValue","useValueStep","matchesQueryFilter","_Fragment","ComboboxPrimitive","alwaysHighlightProps","cn","comboboxTriggerClass","inputFocusBorderWithin","ListFilterIcon","passwordManagerOptOutProps","unstyledFormElementStyle","FLOATING_POSITION_METHOD","comboboxStyles","FilterBarOptionList","FilterBarFieldLabel","FilterBarOptionLabel","Txt","Button","Kbd","useFilterBarContext","useFilterBarContext","cn","useRef","Fragment","isFilterBarGroup","FilterBarChip","Button","PlusIcon","FolderPlusIcon","Trash2Icon","countLeaves","FolderIcon","Txt","useFilterBarContext","useState","useRef","countLeaves","Popover","cn","chipClass","PopoverTrigger","editableSegmentClass","BracesIcon","Txt","removeSegmentClass","XIcon","PopoverContent","FILTER_BAR_SCOPE_ATTR","Button","useFilterBarContext","ClearFiltersButton","useFilterBarContext","FILTER_BAR_SCOPE_ATTR","cn","VisuallyHidden","FilterBarProvider","isFilterBarGroup","Fragment","FilterBarChip","_Fragment","FilterBarTimeRange"],"sources":["../src/ds/components/FilterBar/filter-bar-input.tsx","../src/ds/components/FilterBar/use-settle-on-leave.ts","../src/ds/components/FilterBar/filter-bar-group-editor.tsx","../src/ds/components/FilterBar/filter-bar-advanced-chip.tsx","../src/ds/components/FilterBar/filter-bar-clear.tsx","../src/ds/components/FilterBar/filter-bar.tsx","../src/ds/components/FilterBar/default-operators.ts"],"sourcesContent":["import type { BaseUIEvent } from '@base-ui/react/types';\nimport { BracesIcon, ListFilterIcon } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { flushSync } from 'react-dom';\nimport { FILTER_BAR_CONTROL_SIZE, FilterBarFieldLabel, alwaysHighlightProps } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarOptionLabel, FilterBarOptionList } from './filter-bar-option-list';\nimport { findGroup } from './filter-bar-tree';\nimport { matchesQueryFilter } from './match-query';\nimport type { FilterBarDraft, FilterBarField, FilterBarOperator, FilterBarOption, FilterBarValue } from './types';\nimport { parseFieldValue } from './types';\nimport { useValueStep } from './use-value-step';\nimport { Button } from '@/ds/components/Button/Button';\nimport { ComboboxPrimitive, comboboxStyles } from '@/ds/components/Combobox';\nimport { comboboxTriggerClass } from '@/ds/components/Combobox/combobox-styles';\nimport { Kbd } from '@/ds/components/Kbd/kbd';\nimport { Txt } from '@/ds/components/Txt';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { inputFocusBorderWithin, unstyledFormElementStyle } from '@/ds/primitives/form-element';\nimport { MENU_SIDE_OFFSET } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { useIsApplePlatform } from '@/hooks/use-keyboard-shortcut-label';\nimport { cn } from '@/lib/utils';\n\ntype Step = 'field' | 'operator' | 'value';\n\ntype Item = FilterBarField | FilterBarOperator | FilterBarOption;\n\nconst getItemLabel = (item: Item) => ('label' in item && item.label ? item.label : 'value' in item ? item.value : '');\n\nconst EMPTY_ITEMS: readonly Item[] = [];\n/** Pinned last entry of the field list that spawns an advanced filter (an `or` group) instead of a filter. */\nconst ADVANCED_FIELD_ID = '__filter-bar-advanced__';\nconst ADVANCED_FIELD: FilterBarField = {\n  id: ADVANCED_FIELD_ID,\n  label: 'Advanced filter…',\n  icon: BracesIcon,\n  operators: [],\n};\n\nexport type FilterBarInputProps = {\n  placeholder?: string;\n  className?: string;\n  'aria-label'?: string;\n  /**\n   * Group this instance commits into; omit for the bar's own input. Only the instance whose\n   * `groupId` matches the provider's `inputTarget` renders, so a single input is ever mounted.\n   */\n  groupId?: string;\n  /** Called when Escape is pressed on an empty query inside a group, after the input hands back to the bar. */\n  onLeave?: () => void;\n};\n\n/**\n * Typeahead entry point: type to pick a field, then an operator, then a value.\n * Focus never leaves the input; the popup is driven with the arrow keys.\n */\nexport function FilterBarInput(props: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  if (ctx.inputTarget !== props.groupId) return null;\n  return <FilterBarInputImpl {...props} />;\n}\n\nfunction FilterBarInputImpl({\n  placeholder = 'Filter',\n  className,\n  'aria-label': ariaLabel = 'Add filter',\n  groupId,\n  onLeave,\n}: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  const container = usePortalContainer();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [highlighted, setHighlighted] = useState<Item | null>(null);\n  const [emptyForStepChange, setEmptyForStepChange] = useState(false);\n  const modEnterLabel = useIsApplePlatform() ? '⌘↵' : 'Ctrl ↵';\n\n  // The draft lives in the provider so the chip list can render it; the step follows from it.\n  const { draft, setDraft: setDraftState, commitDraft } = ctx;\n  const step: Step = !draft ? 'field' : !draft.operatorId ? 'operator' : 'value';\n  const field = draft ? ctx.getField(draft.fieldId) : undefined;\n  const fieldOperators = useMemo(() => (field ? ctx.getFieldOperators(field) : []), [ctx, field]);\n  const operator = draft?.operatorId\n    ? (fieldOperators.find(o => o.id === draft.operatorId) ?? ctx.getOperator(draft.operatorId))\n    : undefined;\n  // The advanced option lives in the bar only; inside a popover, nesting is the editor's `+ Group`.\n  const offerAdvanced = ctx.groupsEnabled && groupId === undefined;\n  const visibleFields = useMemo(() => {\n    const fields = ctx.fields.filter(f => !f.hidden);\n    return offerAdvanced ? [...fields, ADVANCED_FIELD] : fields;\n  }, [ctx.fields, offerAdvanced]);\n  const targetGroup = groupId ? findGroup(ctx.expression, groupId) : undefined;\n\n  // A group's input mounts on demand (see `openGroupInput`) and takes focus itself.\n  useEffect(() => {\n    if (groupId) inputRef.current?.focus();\n  }, [groupId]);\n\n  // Base UI owns the highlight index and keeps it when the list content changes, so a row\n  // reached with ArrowDown would carry over into the step that follows. An empty list committed\n  // first drops that index, and `autoHighlight` re-anchors on the first row of the new step.\n  const withHighlightReset = useCallback((change: () => void) => {\n    flushSync(() => setEmptyForStepChange(true));\n    change();\n    setEmptyForStepChange(false);\n  }, []);\n\n  const setDraft = useCallback(\n    (next: Omit<FilterBarDraft, 'id' | 'from'> | null) => withHighlightReset(() => setDraftState(next)),\n    [withHighlightReset, setDraftState],\n  );\n\n  const reset = useCallback(() => {\n    setDraftState(null);\n    setQuery('');\n  }, [setDraftState]);\n\n  const close = useCallback(() => {\n    setOpen(false);\n    reset();\n  }, [reset]);\n\n  const commit = useCallback(\n    (fieldId: string, operatorId: string, value: FilterBarValue) => {\n      withHighlightReset(() => commitDraft({ fieldId, operatorId }, value));\n      setQuery('');\n      inputRef.current?.focus();\n    },\n    [withHighlightReset, commitDraft],\n  );\n\n  const selectOperator = useCallback(\n    (fieldId: string, next: FilterBarOperator) => {\n      if (next.arity === 'none') {\n        commit(fieldId, next.id, '');\n        return;\n      }\n      setDraft({ fieldId, operatorId: next.id });\n      setQuery('');\n    },\n    [commit, setDraft],\n  );\n\n  const selectField = useCallback(\n    (next: FilterBarField) => {\n      if (next.id === ADVANCED_FIELD_ID) {\n        // `or` is the useful default: an `and` group is indistinguishable from the root.\n        const id = ctx.addGroup(undefined, 'or');\n        ctx.setOpenGroup(id);\n        ctx.openGroupInput(id);\n        setQuery('');\n        setOpen(false);\n        return;\n      }\n      const [only, ...rest] = ctx.getFieldOperators(next);\n      // Free-text entry with text already typed: that text is the value, so neither the\n      // operator nor the value step has anything left to ask.\n      if (next.search && only && query.trim() !== '') {\n        commit(next.id, only.id, parseFieldValue(next.type, query));\n        return;\n      }\n      // A single allowed operator is implied: skip straight to the value step.\n      if (only && rest.length === 0) {\n        selectOperator(next.id, only);\n        return;\n      }\n      setDraft({ fieldId: next.id });\n      setQuery('');\n    },\n    [ctx, commit, query, selectOperator, setDraft],\n  );\n\n  const valueStep = useValueStep({\n    field,\n    operator,\n    query,\n    enabled: open && step === 'value',\n    setQuery,\n    onCommit: value => {\n      if (draft?.operatorId) commit(draft.fieldId, draft.operatorId, value);\n    },\n  });\n\n  // Leaving a group's input hands the target back to the bar; empty groups are pruned when the\n  // popover closes, never here.\n  const leaveGroup = useCallback(() => {\n    if (!groupId) return false;\n    ctx.openGroupInput(undefined);\n    onLeave?.();\n    return true;\n  }, [ctx, groupId, onLeave]);\n\n  const stepBack = useCallback(() => {\n    if (step === 'value' && draft) {\n      // Back to the field step when the operator was implied (single operator).\n      const skipOperator = field ? fieldOperators.length === 1 : false;\n      setDraft(skipOperator ? null : { fieldId: draft.fieldId });\n    } else if (step === 'operator') setDraft(null);\n    else if (!leaveGroup()) setOpen(false);\n    setQuery('');\n  }, [step, draft, field, fieldOperators, setDraft, leaveGroup]);\n\n  // Selection is routed per step and never kept by Base UI (`value` stays null).\n  const handleSelect = (item: Item) => {\n    if (step === 'field') selectField(item as FilterBarField);\n    else if (step === 'operator' && draft) selectOperator(draft.fieldId, item as FilterBarOperator);\n    else valueStep.handleSelect(item as FilterBarOption);\n  };\n\n  // App-level keys run before Base UI's own input handling.\n  const handleKeyDown = (event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      // Consumed here: an enclosing popover (advanced filter) must not close on it.\n      event.stopPropagation();\n      event.preventBaseUIHandler();\n      stepBack();\n      return;\n    }\n    if (!open && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      setOpen(true);\n      return;\n    }\n    if (query === '') {\n      if (event.key === 'Backspace') {\n        event.preventDefault();\n        event.preventBaseUIHandler();\n        if (step !== 'field') stepBack();\n        else if (targetGroup) {\n          // Inside a group: eat its last chip, or drop the group once it is empty.\n          const last = targetGroup.nodes.findLast(node => !ctx.leaving.has(node.id));\n          if (last) ctx.removeItem(last.id);\n          else leaveGroup();\n        } else {\n          // Chips still animating out are already gone from the value: skip them.\n          const last = ctx.items.findLast(item => !ctx.leaving.has(item.id));\n          if (last) ctx.removeItem(last.id);\n        }\n        return;\n      }\n      if (event.key === 'ArrowLeft' && step === 'field') {\n        if (ctx.focusChip(ctx.items.length - 1, -1, 'remove')) event.preventDefault();\n        return;\n      }\n    }\n    if (!open) return;\n\n    if (event.key === 'Tab' && highlighted && step !== 'value' && (step === 'operator' || query !== '')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      handleSelect(highlighted);\n      return;\n    }\n    if (step === 'value') {\n      const highlightedOption = valueStep.hasSuggestions ? (highlighted as FilterBarOption | null) : null;\n      const handled = valueStep.handleKeyDown(event, highlightedOption);\n      // Base UI closes on Enter when nothing is highlighted (form submission); the draft must stay open.\n      if (handled || (event.key === 'Enter' && highlightedOption === null)) event.preventBaseUIHandler();\n    }\n  };\n\n  const optionsForStep: Record<Step, readonly Item[]> = {\n    field: visibleFields,\n    operator: fieldOperators,\n    value: valueStep.options,\n  };\n  const items: readonly Item[] = emptyForStepChange ? EMPTY_ITEMS : optionsForStep[step];\n\n  // A search field is the way out for text that names no field, so it survives the field\n  // step's own filtering whatever was typed; every other item matches on its label.\n  const filterItem = useCallback(\n    (item: Item, text: string, itemToString?: (item: Item) => string) =>\n      ('search' in item && item.search === true) || matchesQueryFilter(item, text, itemToString),\n    [],\n  );\n\n  const inputPlaceholder =\n    step === 'field'\n      ? placeholder\n      : step === 'operator'\n        ? 'Operator'\n        : valueStep.hasSuggestions && valueStep.allowFreeText\n          ? 'Search or type a value'\n          : field?.type === 'number'\n            ? 'Number'\n            : 'Value';\n\n  return (\n    <>\n      <ComboboxPrimitive.Root<Item>\n        items={items}\n        itemToStringLabel={getItemLabel}\n        // The value step is already filtered (locally or server-side) by useValueSuggestions.\n        filter={step === 'value' ? null : filterItem}\n        value={null}\n        onValueChange={(item, details) => {\n          // Never let Base UI keep the selection, fill the input or close: each step routes it.\n          details.cancel();\n          if (item) handleSelect(item);\n        }}\n        inputValue={query}\n        onInputValueChange={(next, details) => {\n          if (details.reason !== 'input-change') return;\n          setQuery(next);\n          if (!open) setOpen(true);\n        }}\n        onItemHighlighted={item => setHighlighted(item ?? null)}\n        open={open}\n        onOpenChange={(next, details) => {\n          // Escape is handled by the input (it steps back rather than closing).\n          if (!next && details.reason === 'escape-key') return;\n          // The input is the anchor, not a trigger: clicking it must keep the draft open.\n          if (\n            !next &&\n            details.reason === 'outside-press' &&\n            details.event.target instanceof Node &&\n            inputRef.current?.contains(details.event.target)\n          ) {\n            return;\n          }\n          if (next) setOpen(true);\n          else close();\n        }}\n        {...alwaysHighlightProps}\n        modal={false}\n      >\n        <div\n          ref={anchorRef}\n          data-slot=\"filter-bar-input-trigger\"\n          className={cn(\n            // Same trigger recipe as every other DS Combobox (fill, radius, `[&>svg]` icon sizing\n            // and the Button icon offset); the bar itself has no chrome. Focus lives on the\n            // nested input, so the recipe's `focus-visible` border becomes `focus-within`.\n            comboboxTriggerClass({ variant: 'default', size: FILTER_BAR_CONTROL_SIZE }),\n            'w-auto cursor-text',\n            'focus-within:bg-fill-hover',\n            inputFocusBorderWithin,\n            step === 'field' ? 'min-w-40' : 'min-w-28',\n            className,\n          )}\n        >\n          <ListFilterIcon aria-hidden className=\"shrink-0\" />\n          <ComboboxPrimitive.Input\n            ref={el => {\n              inputRef.current = el;\n              ctx.registerInput(el);\n            }}\n            aria-label={ariaLabel}\n            spellCheck={false}\n            {...passwordManagerOptOutProps}\n            data-slot=\"filter-bar-input\"\n            data-step={step}\n            data-target={targetGroup?.id}\n            inputMode={step === 'value' && field?.type === 'number' ? 'decimal' : undefined}\n            placeholder={inputPlaceholder}\n            className={cn(\n              unstyledFormElementStyle,\n              'min-w-0 flex-1 bg-transparent',\n              'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70',\n            )}\n            onFocus={() => setOpen(true)}\n            onKeyDown={handleKeyDown}\n          />\n        </div>\n        <ComboboxPrimitive.Portal container={container}>\n          <ComboboxPrimitive.Positioner\n            // Base UI anchors to the input, which starts after the filter icon; align with the pill instead.\n            anchor={anchorRef}\n            align=\"start\"\n            sideOffset={MENU_SIDE_OFFSET}\n            positionMethod={FLOATING_POSITION_METHOD}\n            className={comboboxStyles.positioner}\n          >\n            <ComboboxPrimitive.Popup // Match the pill, with the DS Combobox's 11rem floor (replaces the menu's anchor-width minimum).\n              className={cn(comboboxStyles.popup, 'w-(--anchor-width) min-w-44')}\n              data-slot=\"filter-bar-editor\"\n            >\n              {step === 'field' && (\n                <FilterBarOptionList<FilterBarField>\n                  aria-label=\"Fields\"\n                  getKey={f => f.id}\n                  renderOption={f => (\n                    <>\n                      <FilterBarFieldLabel field={f} />\n                      {f.search && query !== '' && (\n                        <span className=\"min-w-0 truncate text-muted-foreground\">\n                          {ctx.getFieldOperators(f)[0]?.label} \"{query}\"\n                        </span>\n                      )}\n                    </>\n                  )}\n                  emptyText=\"No matching field.\"\n                />\n              )}\n              {step === 'operator' && (\n                <FilterBarOptionList<FilterBarOperator>\n                  aria-label=\"Operators\"\n                  getKey={o => o.id}\n                  renderOption={o => o.label}\n                  emptyText=\"No matching operator.\"\n                />\n              )}\n              {step === 'value' && valueStep.hasOptions && (\n                <FilterBarOptionList<FilterBarOption>\n                  aria-label=\"Values\"\n                  aria-multiselectable={valueStep.isMany || undefined}\n                  getKey={o => o.value}\n                  renderOption={option => <FilterBarOptionLabel option={option} />}\n                  isSelected={o => valueStep.isMany && valueStep.selected.includes(o.value)}\n                  isLoading={valueStep.isLoading}\n                  error={valueStep.error}\n                  emptyText={\n                    valueStep.allowFreeText ? 'No suggestions. Press Enter to use your text.' : 'No matching value.'\n                  }\n                />\n              )}\n              {step === 'value' && !valueStep.hasSuggestions && (\n                <div className=\"flex items-center justify-between gap-2 py-1 pr-1 pl-[.9em]\">\n                  <Txt variant=\"caption\" tone=\"muted\">\n                    Type a value\n                  </Txt>\n                  <Button\n                    size=\"sm\"\n                    variant=\"default\"\n                    disabled={!valueStep.canCommitQuery}\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.submitFreeText()}\n                  >\n                    Apply\n                    <Kbd size=\"xs\">↵</Kbd>\n                  </Button>\n                </div>\n              )}\n              {step === 'value' && valueStep.isMany && (\n                <div className=\"flex items-center justify-end gap-1 border-t border-border p-1\">\n                  <Button\n                    size=\"sm\"\n                    variant=\"default\"\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitDone()}\n                  >\n                    Done\n                    <Kbd size=\"xs\">{modEnterLabel}</Kbd>\n                  </Button>\n                </div>\n              )}\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </>\n  );\n}\n","import { useEffect } from 'react';\nimport { useFilterBarContext } from './filter-bar-context';\n\n/** Keeps a leaving node in the DOM until its exit animation has played, then releases it. */\nexport function useSettleOnLeave(id: string, leaving: boolean, rootRef: React.RefObject<HTMLElement | null>) {\n  const { settleRemove } = useFilterBarContext();\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!leaving || !root) return;\n    const animations = typeof root.getAnimations === 'function' ? root.getAnimations({ subtree: true }) : [];\n    if (animations.length === 0) {\n      settleRemove(id);\n      return;\n    }\n    let cancelled = false;\n    Promise.all(animations.map(animation => animation.finished))\n      .then(() => {\n        if (!cancelled) settleRemove(id);\n      })\n      .catch(() => {});\n    return () => {\n      cancelled = true;\n    };\n  }, [leaving, id, settleRemove, rootRef]);\n}\n","import { FolderIcon, FolderPlusIcon, PlusIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useEffect, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport { countLeaves } from './filter-bar-tree';\nimport type { FilterBarGroup, FilterBarLogic } from './types';\nimport { isFilterBarGroup } from './types';\nimport { useSettleOnLeave } from './use-settle-on-leave';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst connectorClass =\n  'flex h-control-sm w-14 shrink-0 items-center justify-center rounded-md text-column tracking-wide text-muted-foreground uppercase';\n\nexport type FilterBarLogicToggleProps = {\n  groupId: string;\n  logic: FilterBarLogic;\n  className?: string;\n};\n\n/** `and` / `or` connector in front of a row; every connector of a group shares its logic. */\nexport function FilterBarLogicToggle({ groupId, logic, className }: FilterBarLogicToggleProps) {\n  const ctx = useFilterBarContext();\n  const next: FilterBarLogic = logic === 'and' ? 'or' : 'and';\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"filter-bar-logic\"\n      data-logic={logic}\n      aria-label={`Joined with ${logic}, switch to ${next}`}\n      title={`Switch to ${next}`}\n      className={cn(\n        connectorClass,\n        'filter-bar-logic cursor-pointer border border-border bg-fill-subtle outline-none',\n        'hover:bg-fill-hover hover:text-foreground focus-visible:bg-fill-hover focus-visible:text-foreground',\n        className,\n      )}\n      onClick={() => ctx.setLogic(groupId, next)}\n    >\n      {logic}\n    </button>\n  );\n}\n\n/** Segmented `and | or` control shown in a nested group's header. */\nfunction FilterBarLogicSwitch({ groupId, logic }: { groupId: string; logic: FilterBarLogic }) {\n  const ctx = useFilterBarContext();\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label=\"Group logic\"\n      className=\"flex h-control-sm items-center gap-0.5 rounded-md border border-border bg-fill-subtle p-0.5\"\n    >\n      {(['and', 'or'] as const).map(value => (\n        <button\n          key={value}\n          type=\"button\"\n          role=\"radio\"\n          aria-checked={logic === value}\n          aria-label={`Join with ${value}`}\n          className={cn(\n            'h-full cursor-pointer rounded-sm px-1.5 text-column tracking-wide uppercase outline-none',\n            'focus-visible:bg-fill-hover',\n            logic === value ? 'bg-fill-hover text-foreground' : 'text-muted-foreground hover:text-foreground',\n          )}\n          onClick={() => logic !== value && ctx.setLogic(groupId, value)}\n        >\n          {value}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport type FilterBarGroupEditorProps = {\n  group: FilterBarGroup;\n  /** Nesting level of `group` (root-level group = 1). */\n  depth: number;\n  /** Drops this group; rendered as a trailing `Clear all` in the footer. */\n  onRemove?: () => void;\n  removeLabel?: string;\n  className?: string;\n};\n\n/**\n * Recursive rule builder shown in an advanced-filter popover. Rows are laid out as\n * `connector | condition`: the first row reads `where`, the following ones carry the\n * group's `and` / `or` toggle. Nested groups render as bordered cards with their own\n * header (logic switch + remove) and footer. The shared typeahead input renders as the\n * last row of the group it is pointed at.\n */\nexport function FilterBarGroupEditor({\n  group,\n  depth,\n  onRemove,\n  removeLabel = 'Remove group',\n  className,\n}: FilterBarGroupEditorProps) {\n  const ctx = useFilterBarContext();\n  const addFilterRef = useRef<HTMLButtonElement>(null);\n  const focusAddFilter = useRef(false);\n  const targeted = ctx.inputTarget === group.id;\n  const canNest = depth < ctx.maxDepth;\n\n  // `+ Condition` is hidden while the input is open; focus it once it remounts.\n  useEffect(() => {\n    if (targeted || !focusAddFilter.current) return;\n    focusAddFilter.current = false;\n    addFilterRef.current?.focus();\n  }, [targeted]);\n\n  const rows: ReactNode[] = [];\n  const connector = (key: string) =>\n    rows.length === 0 ? (\n      <span key={`${key}:where`} className={connectorClass}>\n        where\n      </span>\n    ) : (\n      <FilterBarLogicToggle key={`${key}:logic`} groupId={group.id} logic={group.logic} />\n    );\n  for (const node of group.nodes) {\n    rows.push(\n      <Fragment key={node.id}>\n        {connector(node.id)}\n        {isFilterBarGroup(node) ? (\n          <NestedGroupCard group={node} depth={depth + 1} />\n        ) : (\n          <FilterBarChip item={node} className=\"w-fit\" />\n        )}\n      </Fragment>,\n    );\n  }\n  if (ctx.draft && ctx.draft.groupId === group.id) {\n    const { id, fieldId, operatorId = '' } = ctx.draft;\n    rows.push(\n      <Fragment key={id}>\n        {connector(id)}\n        <FilterBarChip draft item={{ id, fieldId, operatorId, value: '' }} className=\"w-fit\" />\n      </Fragment>,\n    );\n  }\n  if (targeted) {\n    rows.push(\n      <Fragment key=\"input\">\n        {connector('input')}\n        <FilterBarInput\n          groupId={group.id}\n          placeholder=\"Add condition\"\n          onLeave={() => {\n            focusAddFilter.current = true;\n          }}\n        />\n      </Fragment>,\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"filter-bar-group-editor\"\n      data-depth={depth}\n      role=\"group\"\n      aria-label={`Conditions joined with ${group.logic}`}\n      className={cn('flex min-w-0 flex-col', className)}\n    >\n      {rows.length > 0 && (\n        <div className=\"grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-2 gap-y-1.5 p-2\">{rows}</div>\n      )}\n      <div\n        data-slot=\"filter-bar-editor-actions\"\n        className={cn('flex w-full items-center gap-1 p-1', rows.length > 0 && 'border-t border-border')}\n      >\n        {!targeted && (\n          <Button\n            ref={addFilterRef}\n            variant=\"ghost\"\n            size=\"sm\"\n            icon={<PlusIcon />}\n            onClick={() => ctx.openGroupInput(group.id)}\n          >\n            Condition\n          </Button>\n        )}\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          icon={<FolderPlusIcon />}\n          className=\"text-muted-foreground\"\n          tooltip={canNest ? undefined : `Groups can nest ${ctx.maxDepth} levels deep`}\n          disabled={!canNest}\n          onClick={() => ctx.addGroup(group.id, group.logic === 'and' ? 'or' : 'and')}\n        >\n          Group\n        </Button>\n        {onRemove && (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            icon={<Trash2Icon />}\n            className=\"ml-auto text-muted-foreground\"\n            aria-label={removeLabel}\n            onClick={onRemove}\n          >\n            Clear all\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction NestedGroupCard({ group, depth }: { group: FilterBarGroup; depth: number }) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const leaving = ctx.leaving.has(group.id);\n  useSettleOnLeave(group.id, leaving, rootRef);\n  const count = countLeaves(group);\n\n  return (\n    <div\n      ref={rootRef}\n      data-slot=\"filter-bar-editor-nested\"\n      data-leaving={leaving || undefined}\n      aria-hidden={leaving || undefined}\n      className={cn(\n        'filter-bar-editor-nested w-full overflow-hidden rounded-lg border border-border',\n        leaving && 'pointer-events-none',\n      )}\n    >\n      <div className=\"flex items-center gap-2 border-b border-border px-2 py-1\">\n        <FolderIcon className=\"size-3.5 text-muted-foreground\" />\n        <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n          Group\n        </Txt>\n        <Txt as=\"span\" variant=\"label\" tone=\"muted\">\n          {count} {count === 1 ? 'condition' : 'conditions'}\n        </Txt>\n        <div className=\"ml-auto flex items-center gap-1\">\n          <FilterBarLogicSwitch groupId={group.id} logic={group.logic} />\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            tooltip=\"Remove group\"\n            disabled={leaving}\n            onClick={() => ctx.removeGroup(group.id)}\n          >\n            <Trash2Icon />\n          </Button>\n        </div>\n      </div>\n      <FilterBarGroupEditor group={group} depth={depth} />\n    </div>\n  );\n}\n","import { BracesIcon, XIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { chipClass, editableSegmentClass, removeSegmentClass } from './filter-bar-chip';\nimport { FILTER_BAR_SCOPE_ATTR, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarGroupEditor } from './filter-bar-group-editor';\nimport { countLeaves } from './filter-bar-tree';\nimport type { FilterBarGroup } from './types';\nimport { useSettleOnLeave } from './use-settle-on-leave';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarAdvancedChipProps = {\n  group: FilterBarGroup;\n  className?: string;\n};\n\n/**\n * A root-level group rendered as one \"Advanced filter\" chip. Its popover hosts the\n * recursive rule builder; the chip's remove button drops the whole subtree.\n */\nexport function FilterBarAdvancedChip({ group, className }: FilterBarAdvancedChipProps) {\n  const ctx = useFilterBarContext();\n  const [initial] = useState(() => !ctx.mounted);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const leaving = ctx.leaving.has(group.id);\n  const open = ctx.openGroupId === group.id;\n  const count = countLeaves(group);\n  // Position in the flattened item list: navigation from the chip continues from its first leaf.\n  const firstLeafIndex = ctx.items.findIndex(item => isUnder(group, item.id));\n  const index = firstLeafIndex === -1 ? ctx.items.length : firstLeafIndex;\n  useSettleOnLeave(group.id, leaving, rootRef);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (leaving) return;\n    const segments = Array.from(rootRef.current?.querySelectorAll<HTMLElement>('[data-filter-bar-segment]') ?? []);\n    const current = segments.findIndex(el => el === event.target);\n    if (current === -1) return;\n    switch (event.key) {\n      case 'ArrowRight': {\n        event.preventDefault();\n        const next = segments[current + 1];\n        if (next) next.focus();\n        else if (!ctx.focusChip(index + count, 1, 'field')) ctx.focusInput();\n        return;\n      }\n      case 'ArrowLeft': {\n        event.preventDefault();\n        const prev = segments[current - 1];\n        if (prev) prev.focus();\n        else ctx.focusChip(index - 1, -1, 'remove');\n        return;\n      }\n      case 'Delete':\n      case 'Backspace':\n        event.preventDefault();\n        remove();\n        break;\n      default:\n    }\n  };\n\n  const remove = () => {\n    ctx.removeGroup(group.id);\n    ctx.focusAfterRemove(index);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={next => ctx.setOpenGroup(next ? group.id : null)}>\n      <div\n        ref={rootRef}\n        role=\"group\"\n        aria-label={`Advanced filter, ${count} ${count === 1 ? 'condition' : 'conditions'}`}\n        aria-hidden={leaving || undefined}\n        data-slot=\"filter-bar-advanced\"\n        data-initial={initial || undefined}\n        data-leaving={leaving || undefined}\n        className={cn('filter-bar-advanced', chipClass, leaving && 'pointer-events-none', className)}\n        onKeyDown={handleKeyDown}\n      >\n        <PopoverTrigger\n          ref={el => {\n            triggerRef.current = el;\n            ctx.registerSegment(group.id, 'field', leaving ? null : el);\n          }}\n          render={<button type=\"button\" />}\n          data-filter-bar-segment=\"field\"\n          className={editableSegmentClass}\n          title=\"Edit advanced filter\"\n        >\n          <BracesIcon aria-hidden />\n          <span className=\"truncate\">Advanced filter</span>\n          {count > 0 && (\n            <Txt as=\"span\" variant=\"column\" tone=\"muted\" aria-hidden>\n              {count}\n            </Txt>\n          )}\n        </PopoverTrigger>\n        {leaving ? (\n          <span aria-hidden className={removeSegmentClass}>\n            <XIcon />\n          </span>\n        ) : (\n          <button\n            type=\"button\"\n            ref={el => ctx.registerSegment(group.id, 'remove', el)}\n            data-filter-bar-segment=\"remove\"\n            aria-label=\"Remove advanced filter\"\n            title=\"Remove advanced filter\"\n            className={removeSegmentClass}\n            onClick={remove}\n          >\n            <XIcon />\n          </button>\n        )}\n      </div>\n      <PopoverContent\n        align=\"start\"\n        className=\"w-[min(92vw,44rem)] p-0\"\n        {...{ [FILTER_BAR_SCOPE_ATTR]: 'advanced' }}\n        finalFocus={triggerRef}\n      >\n        <div className=\"flex items-center gap-2 border-b border-border px-3 py-2\">\n          <BracesIcon className=\"size-3.5 text-muted-foreground\" />\n          <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n            Advanced filter\n          </Txt>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"rounded-md bg-fill-subtle px-1.5\">\n            {count}\n          </Txt>\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            className=\"ml-auto\"\n            tooltip=\"Close\"\n            onClick={() => ctx.setOpenGroup(null)}\n          >\n            <XIcon />\n          </Button>\n        </div>\n        <FilterBarGroupEditor\n          group={group}\n          depth={1}\n          removeLabel=\"Remove advanced filter\"\n          onRemove={() => {\n            ctx.setOpenGroup(null);\n            remove();\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nconst isUnder = (group: FilterBarGroup, itemId: string): boolean =>\n  group.nodes.some(node => (node.id === itemId ? true : 'kind' in node && isUnder(node, itemId)));\n","import { useFilterBarContext } from './filter-bar-context';\nimport { ClearFiltersButton } from '@/ds/components/ClearFiltersButton/clear-filters-button';\n\n/** Removes every removable filter. Rendered by FilterBar at its trailing edge; hidden while nothing can be removed. */\nexport function FilterBarClear({ label }: { label: string }) {\n  const ctx = useFilterBarContext();\n  if (!ctx.hasRemovableItems) return null;\n  return (\n    <ClearFiltersButton\n      label={label}\n      onClick={event => {\n        event.stopPropagation();\n        ctx.clear();\n        ctx.focusInput();\n      }}\n    />\n  );\n}\n","import { Fragment } from 'react';\nimport type { ReactNode } from 'react';\nimport { FilterBarAdvancedChip } from './filter-bar-advanced-chip';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { FilterBarClear } from './filter-bar-clear';\nimport { FILTER_BAR_SCOPE_ATTR, FilterBarProvider, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport { FilterBarTimeRange } from './filter-bar-time-range';\nimport { isFilterBarGroup } from './types';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem, FilterBarOperator } from './types';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\ntype FilterBarValueProps =\n  | {\n      /** Flat list of filters, implicitly joined with `and`. Advanced filters are never offered. */\n      value: FilterBarItem[];\n      onValueChange: (items: FilterBarItem[]) => void;\n    }\n  | {\n      /**\n       * Tree of filters and groups. Root nodes are joined with `and`; each root group renders\n       * as one \"Advanced filter\" chip whose popover edits the nested `and` / `or` logic.\n       */\n      value: FilterBarExpression;\n      onValueChange: (expression: FilterBarExpression) => void;\n    };\n\nexport type FilterBarProps = FilterBarValueProps & {\n  fields: FilterBarField[];\n  operators: FilterBarOperator[];\n  /**\n   * Id given to a newly added item. Defaults to a random id. Consumers that rebuild `value` from\n   * their own store (URL, query params…) should return the id they will rebuild it with, so the\n   * draft chip and the committed chip are the same element.\n   */\n  createItemId?: (fieldId: string) => string;\n  /** How deep advanced-filter groups may nest (root-level group = 1). Defaults to 3. */\n  maxDepth?: number;\n  'aria-label'?: string;\n  /**\n   * Text shown in a value list when the field's `suggestions` resolver rejects, for example\n   * to explain a server limit. Return `undefined` to keep the default \"Couldn't load values.\".\n   */\n  describeSuggestionsError?: (error: unknown) => string | undefined;\n  /** Accessible label of the trailing \"remove every filter\" button. */\n  clearLabel?: string;\n  className?: string;\n  children: ReactNode;\n};\n\nfunction FilterBarSurface({\n  className,\n  clearLabel,\n  children,\n}: {\n  className?: string;\n  clearLabel: string;\n  children: ReactNode;\n}) {\n  const ctx = useFilterBarContext();\n  return (\n    <div\n      role=\"group\"\n      aria-label={ctx.ariaLabel}\n      data-slot=\"filter-bar\"\n      {...{ [FILTER_BAR_SCOPE_ATTR]: 'bar' }}\n      className={cn(\n        // No chrome of its own: chips and the typeahead input sit directly on the parent surface.\n        // Layout: chips, input, then Clear right beside the input — all in one wrapping row so\n        // Clear never drifts to the far edge of a wide container.\n        'flex w-full flex-wrap items-center gap-1.5',\n        className,\n      )}\n    >\n      {children}\n      <span className=\"flex shrink-0 items-center empty:hidden\">\n        <FilterBarClear label={clearLabel} />\n      </span>\n      <VisuallyHidden aria-live=\"polite\">{ctx.announcement}</VisuallyHidden>\n    </div>\n  );\n}\n\n/**\n * Braintrust-style filter bar: `field → operator → value` filters built from a\n * single typeahead input, rendered as inline editable chips. Domain-agnostic —\n * fields, operators and values are plain strings supplied by the consumer.\n *\n * Pass a `FilterBarExpression` as `value` to enable Linear-style advanced filters:\n * the input offers \"Advanced filter…\", which adds one chip whose popover hosts a\n * recursive rule builder (`and` / `or` connectors, nested groups). The bar itself\n * stays flat. A flat `FilterBarItem[]` stays flat.\n *\n * @example\n * <FilterBar value={items} onValueChange={setItems} fields={fields} operators={DEFAULT_FILTER_OPERATORS}>\n *   <FilterBar.Chips />\n *   <FilterBar.Input />\n * </FilterBar>\n */\nexport function FilterBar({\n  fields,\n  operators,\n  value,\n  onValueChange,\n  createItemId,\n  maxDepth,\n  'aria-label': ariaLabel = 'Filters',\n  describeSuggestionsError,\n  clearLabel = 'Clear filters',\n  className,\n  children,\n}: FilterBarProps) {\n  return (\n    <FilterBarProvider\n      fields={fields}\n      operators={operators}\n      value={value}\n      onValueChange={onValueChange}\n      createItemId={createItemId}\n      maxDepth={maxDepth}\n      ariaLabel={ariaLabel}\n      describeSuggestionsError={describeSuggestionsError}\n    >\n      <FilterBarSurface className={className} clearLabel={clearLabel}>\n        {children}\n      </FilterBarSurface>\n    </FilterBarProvider>\n  );\n}\n\n/**\n * Default layout: one editable chip per root item, one \"Advanced filter\" chip per root\n * group, in order, then the chip of the filter being built in the bar's input (which\n * becomes the last item's chip once committed).\n */\nexport function FilterBarChips({ renderChip = defaultRenderChip }: FilterBarChipsProps) {\n  const ctx = useFilterBarContext();\n  // One keyed array: the draft chip and the item it becomes share a key, so React\n  // keeps the element across the commit instead of mounting a new chip.\n  const chips: ReactNode[] = [];\n  for (const node of ctx.expression.nodes) {\n    const chip = isFilterBarGroup(node) ? <FilterBarAdvancedChip group={node} /> : renderChip(node);\n    if (chip !== null) chips.push(<Fragment key={node.id}>{chip}</Fragment>);\n  }\n  if (ctx.draft && !ctx.draft.groupId) {\n    // `FilterBarChip` needs a full item; the draft's missing parts are blank until picked.\n    const { id, fieldId, operatorId = '' } = ctx.draft;\n    chips.push(\n      <Fragment key={id}>\n        <FilterBarChip draft item={{ id, fieldId, operatorId, value: '' }} />\n      </Fragment>,\n    );\n  }\n  return <>{chips}</>;\n}\n\nexport type FilterBarChipsProps = {\n  /**\n   * Chip for an item; return `null` to render none (e.g. an item only held in the\n   * value for scoping). Defaults to a plain editable `FilterBar.Chip`.\n   */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\nconst defaultRenderChip = (item: FilterBarItem) => <FilterBarChip item={item} />;\n\nFilterBar.Chips = FilterBarChips;\nFilterBar.Chip = FilterBarChip;\nFilterBar.AdvancedChip = FilterBarAdvancedChip;\nFilterBar.Input = FilterBarInput;\nFilterBar.TimeRange = FilterBarTimeRange;\n","import type { FilterBarOperator } from './types';\n\n/** Opt-in starter set. Pure data: the component attaches no semantics to ids. */\nexport const DEFAULT_FILTER_OPERATORS: FilterBarOperator[] = [\n  { id: 'is', label: 'is', widensTo: 'in' },\n  { id: 'is-not', label: 'is not' },\n  { id: 'contains', label: 'contains' },\n  { id: 'not-contains', label: 'does not contain' },\n  { id: 'starts-with', label: 'starts with' },\n  { id: 'gt', label: '>' },\n  { id: 'lt', label: '<' },\n  { id: 'gte', label: '>=' },\n  { id: 'lte', label: '<=' },\n  { id: 'is-empty', label: 'is empty', arity: 'none' },\n  { id: 'is-not-empty', label: 'is not empty', arity: 'none' },\n  { id: 'in', label: 'in', arity: 'many' },\n];\n"],"mappings":"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"}

package/dist/KnowledgePageGraph.css

@@ -4,16 +4,14 @@
   transition: border-color var(--duration-fast) var(--ease-out-custom);
 }
 
-.knowledge-circle[data-selected='true'],
 .react-flow__node:focus-visible .knowledge-circle {
   outline: 2px solid var(--knowledge-color);
   outline-offset: 5px;
 }
 
-/* The focused page: a heavier border and a soft halo, so it reads as the centre of the graph. */
+/* The focused page: a heavier border, so it reads as the centre of the graph. */
 .knowledge-circle[data-selected='true'] {
   border-width: 4px;
-  box-shadow: 0 0 22px 4px color-mix(in srgb, var(--knowledge-color) 45%, transparent);
 }
 
 /* A refocus: pages in both views glide and resize to their new place, new ones fade in, and ones that

package/dist/LogsDataList-Cdo_U0Ei.js

@@ -0,0 +1,96 @@
+import { a as DataListSpacer, b as DataListTextCell, c as DataListTopCellSmart, d as DataListRowLink, f as DataListRowButton, g as DataListCell, h as DataListNextPageLoading, l as DataListTopCellWithTooltip, m as DataListNoMatch, n as DataListTop, o as DataListSortableTopCell, p as DataListRoot, s as DataListTopCell, u as DataListRowWrapper, v as DataListDateCell, x as DataListTimeCell } from "./data-list-GzbzPmYR.js";
+import { t as Badge } from "./Badge-C7NnqmMx.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import { AgentIcon } from "./icons/AgentIcon.es.js";
+import { ToolsIcon } from "./icons/ToolsIcon.es.js";
+import { WorkflowIcon } from "./icons/WorkflowIcon.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ds/components/LogsDataList/logs-data-list-cells.tsx
+var LEVEL_VARIANT = {
+	debug: "neutral",
+	info: "info",
+	warn: "warning",
+	error: "destructive",
+	fatal: "destructive"
+};
+function LogsDataListLevelCell({ level }) {
+	return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Badge, {
+		variant: LEVEL_VARIANT[level],
+		children: level
+	}) });
+}
+function EntityTypeIcon({ entityType, className }) {
+	const iconClass = cn("size-3.5 shrink-0 text-placeholder", className);
+	switch (entityType.toLowerCase()) {
+		case "agent": return /* @__PURE__ */ jsx(AgentIcon, {
+			className: iconClass,
+			"aria-hidden": true
+		});
+		case "workflow":
+		case "workflow_run": return /* @__PURE__ */ jsx(WorkflowIcon, {
+			className: iconClass,
+			"aria-hidden": true
+		});
+		case "tool": return /* @__PURE__ */ jsx(ToolsIcon, {
+			className: iconClass,
+			"aria-hidden": true
+		});
+		default: return null;
+	}
+}
+function LogsDataListEntityCell({ entityType, entityName }) {
+	return /* @__PURE__ */ jsxs(DataListCell, {
+		className: "flex min-w-0 items-center gap-2",
+		children: [/* @__PURE__ */ jsx(EntityTypeIcon, { entityType: entityType ?? "" }), entityName ? /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "body-sm",
+			className: "min-w-0 truncate",
+			children: entityName
+		}) : "-"]
+	});
+}
+function LogsDataListMessageCell({ message }) {
+	return /* @__PURE__ */ jsx(DataListCell, {
+		className: "min-w-0 truncate font-mono text-body-sm text-muted-foreground",
+		children: message
+	});
+}
+function LogsDataListDataCell({ data }) {
+	if (!data || Object.keys(data).length === 0) return /* @__PURE__ */ jsx(DataListCell, { children: null });
+	const summary = Object.entries(data).map(([k, v]) => {
+		if (typeof v === "string") return `${k}: ${v}`;
+		try {
+			return `${k}: ${JSON.stringify(v)}`;
+		} catch {
+			return `${k}: <unserializable>`;
+		}
+	}).join(", ");
+	return /* @__PURE__ */ jsx(DataListTextCell, {
+		font: "mono",
+		children: summary
+	});
+}
+// src/ds/components/LogsDataList/logs-data-list.tsx
+var LogsDataList = Object.assign(DataListRoot, {
+	Top: DataListTop,
+	TopCell: DataListTopCell,
+	SortableTopCell: DataListSortableTopCell,
+	TopCellWithTooltip: DataListTopCellWithTooltip,
+	TopCellSmart: DataListTopCellSmart,
+	RowWrapper: DataListRowWrapper,
+	RowButton: DataListRowButton,
+	RowLink: DataListRowLink,
+	Spacer: DataListSpacer,
+	NoMatch: DataListNoMatch,
+	DateCell: DataListDateCell,
+	TimeCell: DataListTimeCell,
+	LevelCell: LogsDataListLevelCell,
+	EntityCell: LogsDataListEntityCell,
+	MessageCell: LogsDataListMessageCell,
+	DataCell: LogsDataListDataCell,
+	NextPageLoading: DataListNextPageLoading
+});
+export { LogsDataList as t };
+
+//# sourceMappingURL=LogsDataList-Cdo_U0Ei.js.map

package/dist/LogsDataList-Cdo_U0Ei.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsDataList-Cdo_U0Ei.js","names":[],"sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { Badge } from '../Badge';\nimport type { BadgeVariant } from '../Badge';\nimport { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\nimport { Txt } from '@/ds/components/Txt';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nconst LEVEL_VARIANT: Record<LogLevel, BadgeVariant> = {\n  debug: 'neutral',\n  info: 'info',\n  warn: 'warning',\n  error: 'destructive',\n  fatal: 'destructive',\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  return (\n    <DataListCell>\n      <Badge variant={LEVEL_VARIANT[level]}>{level}</Badge>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-placeholder', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case 'agent':\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case 'workflow_run':\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    case 'tool':\n      return <ToolsIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface LogsDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function LogsDataListEntityCell({ entityType, entityName }: LogsDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? (\n        <Txt as=\"span\" variant=\"body-sm\" className=\"min-w-0 truncate\">\n          {entityName}\n        </Txt>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// MessageCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListMessageCellProps {\n  message: string;\n}\n\nexport function LogsDataListMessageCell({ message }: LogsDataListMessageCellProps) {\n  return (\n    <DataListCell className=\"min-w-0 truncate font-mono text-body-sm text-muted-foreground\">{message}</DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// DataCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListDataCellProps {\n  data?: Record<string, unknown> | null;\n}\n\nexport function LogsDataListDataCell({ data }: LogsDataListDataCellProps) {\n  if (!data || Object.keys(data).length === 0) {\n    return <DataListCell>{null}</DataListCell>;\n  }\n\n  const summary = Object.entries(data)\n    .map(([k, v]) => {\n      if (typeof v === 'string') return `${k}: ${v}`;\n      try {\n        return `${k}: ${JSON.stringify(v)}`;\n      } catch {\n        return `${k}: <unserializable>`;\n      }\n    })\n    .join(', ');\n\n  return <DataListTextCell font=\"mono\">{summary}</DataListTextCell>;\n}\n","import { DataListDateCell, DataListTimeCell } from '../DataList/data-list-cells';\nimport { DataListNextPageLoading } from '../DataList/data-list-next-page-loading';\nimport { DataListNoMatch } from '../DataList/data-list-no-match';\nimport { DataListRoot } from '../DataList/data-list-root';\nimport { DataListRowButton } from '../DataList/data-list-row-button';\nimport { DataListRowLink } from '../DataList/data-list-row-link';\nimport { DataListRowWrapper } from '../DataList/data-list-row-wrapper';\nimport { DataListSortableTopCell } from '../DataList/data-list-sortable-top-cell';\nimport { DataListSpacer } from '../DataList/data-list-spacer';\nimport { DataListTop } from '../DataList/data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip, DataListTopCellSmart } from '../DataList/data-list-top-cell';\nimport {\n  LogsDataListLevelCell,\n  LogsDataListEntityCell,\n  LogsDataListMessageCell,\n  LogsDataListDataCell,\n} from './logs-data-list-cells';\n\nexport const LogsDataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  Spacer: DataListSpacer,\n  NoMatch: DataListNoMatch,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  LevelCell: LogsDataListLevelCell,\n  EntityCell: LogsDataListEntityCell,\n  MessageCell: LogsDataListMessageCell,\n  DataCell: LogsDataListDataCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"mappings":";;;;;;;;;AAWA,IAAM,gBAAgD;CACpD,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAUA,SAAgB,sBAAsB,EAAE,SAAqC;CAC3E,OACE,oBAAC,cAAD,EAAA,UACE,oBAAC,OAAD;EAAO,SAAS,cAAc;EAAS,UAAA;CAAa,CAAA,EACxC,CAAA;AAElB;AAMA,SAAS,eAAe,EAAE,YAAY,aAAyD;CAC7F,MAAM,YAAY,GAAG,sCAAsC,SAAS;CAGpE,QAF6B,WAAW,YAEhC,GAAR;EACE,KAAK,SACH,OAAO,oBAAC,WAAD;GAAW,WAAW;GAAW,eAAA;EAAa,CAAA;EACvD,KAAK;EACL,KAAK,gBACH,OAAO,oBAAC,cAAD;GAAc,WAAW;GAAW,eAAA;EAAa,CAAA;EAC1D,KAAK,QACH,OAAO,oBAAC,WAAD;GAAW,WAAW;GAAW,eAAA;EAAa,CAAA;EACvD,SACE,OAAO;CACX;AACF;AAOA,SAAgB,uBAAuB,EAAE,YAAY,cAA2C;CAG9F,OACE,qBAAC,cAAD;EAAc,WAAU;EAAxB,UAAA,CACE,oBAAC,gBAAD,EAAgB,YAJP,cAAc,GAIY,CAAA,GAClC,aACC,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAU,WAAU;GACxC,UAAA;EACE,CAAA,IAEL,GAEU;;AAElB;AAUA,SAAgB,wBAAwB,EAAE,WAAyC;CACjF,OACE,oBAAC,cAAD;EAAc,WAAU;EAAiE,UAAA;CAAsB,CAAA;AAEnH;AAUA,SAAgB,qBAAqB,EAAE,QAAmC;CACxE,IAAI,CAAC,QAAQ,OAAO,KAAK,IAAI,CAAC,CAAC,WAAW,GACxC,OAAO,oBAAC,cAAD,EAAA,UAAe,KAAmB,CAAA;CAG3C,MAAM,UAAU,OAAO,QAAQ,IAAI,CAAC,CACjC,KAAK,CAAC,GAAG,OAAO;EACf,IAAI,OAAO,MAAM,UAAU,OAAO,GAAG,EAAE,IAAI;EAC3C,IAAI;GACF,OAAO,GAAG,EAAE,IAAI,KAAK,UAAU,CAAC;EAClC,QAAQ;GACN,OAAO,GAAG,EAAE;EACd;CACF,CAAC,CAAC,CACD,KAAK,IAAI;CAEZ,OAAO,oBAAC,kBAAD;EAAkB,MAAK;EAAQ,UAAA;CAA0B,CAAA;AAClE;;ACnGA,IAAa,eAAe,OAAO,OAAO,cAAc;CACtD,KAAK;CACL,SAAS;CACT,iBAAiB;CACjB,oBAAoB;CACpB,cAAc;CACd,YAAY;CACZ,WAAW;CACX,SAAS;CACT,QAAQ;CACR,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,YAAY;CACZ,aAAa;CACb,UAAU;CACV,iBAAiB;AACnB,CAAC"}

package/dist/LogsDataList-z0Y2X8P5.cjs

@@ -0,0 +1,101 @@
+const require_data_list = require("./data-list-072hHK9L.cjs");
+const require_Badge = require("./Badge-DqaMg7Gy.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_icons_AgentIcon = require("./icons/AgentIcon.cjs.js");
+const require_icons_ToolsIcon = require("./icons/ToolsIcon.cjs.js");
+const require_icons_WorkflowIcon = require("./icons/WorkflowIcon.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/components/LogsDataList/logs-data-list-cells.tsx
+var LEVEL_VARIANT = {
+	debug: "neutral",
+	info: "info",
+	warn: "warning",
+	error: "destructive",
+	fatal: "destructive"
+};
+function LogsDataListLevelCell({ level }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_data_list.DataListCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
+		variant: LEVEL_VARIANT[level],
+		children: level
+	}) });
+}
+function EntityTypeIcon({ entityType, className }) {
+	const iconClass = require_utils.cn("size-3.5 shrink-0 text-placeholder", className);
+	switch (entityType.toLowerCase()) {
+		case "agent": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_AgentIcon.AgentIcon, {
+			className: iconClass,
+			"aria-hidden": true
+		});
+		case "workflow":
+		case "workflow_run": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_WorkflowIcon.WorkflowIcon, {
+			className: iconClass,
+			"aria-hidden": true
+		});
+		case "tool": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_ToolsIcon.ToolsIcon, {
+			className: iconClass,
+			"aria-hidden": true
+		});
+		default: return null;
+	}
+}
+function LogsDataListEntityCell({ entityType, entityName }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_data_list.DataListCell, {
+		className: "flex min-w-0 items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntityTypeIcon, { entityType: entityType ?? "" }), entityName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "body-sm",
+			className: "min-w-0 truncate",
+			children: entityName
+		}) : "-"]
+	});
+}
+function LogsDataListMessageCell({ message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_data_list.DataListCell, {
+		className: "min-w-0 truncate font-mono text-body-sm text-muted-foreground",
+		children: message
+	});
+}
+function LogsDataListDataCell({ data }) {
+	if (!data || Object.keys(data).length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_data_list.DataListCell, { children: null });
+	const summary = Object.entries(data).map(([k, v]) => {
+		if (typeof v === "string") return `${k}: ${v}`;
+		try {
+			return `${k}: ${JSON.stringify(v)}`;
+		} catch {
+			return `${k}: <unserializable>`;
+		}
+	}).join(", ");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_data_list.DataListTextCell, {
+		font: "mono",
+		children: summary
+	});
+}
+// src/ds/components/LogsDataList/logs-data-list.tsx
+var LogsDataList = Object.assign(require_data_list.DataListRoot, {
+	Top: require_data_list.DataListTop,
+	TopCell: require_data_list.DataListTopCell,
+	SortableTopCell: require_data_list.DataListSortableTopCell,
+	TopCellWithTooltip: require_data_list.DataListTopCellWithTooltip,
+	TopCellSmart: require_data_list.DataListTopCellSmart,
+	RowWrapper: require_data_list.DataListRowWrapper,
+	RowButton: require_data_list.DataListRowButton,
+	RowLink: require_data_list.DataListRowLink,
+	Spacer: require_data_list.DataListSpacer,
+	NoMatch: require_data_list.DataListNoMatch,
+	DateCell: require_data_list.DataListDateCell,
+	TimeCell: require_data_list.DataListTimeCell,
+	LevelCell: LogsDataListLevelCell,
+	EntityCell: LogsDataListEntityCell,
+	MessageCell: LogsDataListMessageCell,
+	DataCell: LogsDataListDataCell,
+	NextPageLoading: require_data_list.DataListNextPageLoading
+});
+Object.defineProperty(exports, "LogsDataList", {
+	enumerable: true,
+	get: function() {
+		return LogsDataList;
+	}
+});
+
+//# sourceMappingURL=LogsDataList-z0Y2X8P5.cjs.map

package/dist/LogsDataList-z0Y2X8P5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsDataList-z0Y2X8P5.cjs","names":["DataListCell","Badge","cn","AgentIcon","WorkflowIcon","ToolsIcon","Txt","DataListTextCell","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListTopCellSmart","DataListRowWrapper","DataListRowButton","DataListRowLink","DataListSpacer","DataListNoMatch","DataListDateCell","DataListTimeCell","DataListNextPageLoading"],"sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { Badge } from '../Badge';\nimport type { BadgeVariant } from '../Badge';\nimport { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\nimport { Txt } from '@/ds/components/Txt';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nconst LEVEL_VARIANT: Record<LogLevel, BadgeVariant> = {\n  debug: 'neutral',\n  info: 'info',\n  warn: 'warning',\n  error: 'destructive',\n  fatal: 'destructive',\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  return (\n    <DataListCell>\n      <Badge variant={LEVEL_VARIANT[level]}>{level}</Badge>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-placeholder', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case 'agent':\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case 'workflow_run':\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    case 'tool':\n      return <ToolsIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface LogsDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function LogsDataListEntityCell({ entityType, entityName }: LogsDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? (\n        <Txt as=\"span\" variant=\"body-sm\" className=\"min-w-0 truncate\">\n          {entityName}\n        </Txt>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// MessageCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListMessageCellProps {\n  message: string;\n}\n\nexport function LogsDataListMessageCell({ message }: LogsDataListMessageCellProps) {\n  return (\n    <DataListCell className=\"min-w-0 truncate font-mono text-body-sm text-muted-foreground\">{message}</DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// DataCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListDataCellProps {\n  data?: Record<string, unknown> | null;\n}\n\nexport function LogsDataListDataCell({ data }: LogsDataListDataCellProps) {\n  if (!data || Object.keys(data).length === 0) {\n    return <DataListCell>{null}</DataListCell>;\n  }\n\n  const summary = Object.entries(data)\n    .map(([k, v]) => {\n      if (typeof v === 'string') return `${k}: ${v}`;\n      try {\n        return `${k}: ${JSON.stringify(v)}`;\n      } catch {\n        return `${k}: <unserializable>`;\n      }\n    })\n    .join(', ');\n\n  return <DataListTextCell font=\"mono\">{summary}</DataListTextCell>;\n}\n","import { DataListDateCell, DataListTimeCell } from '../DataList/data-list-cells';\nimport { DataListNextPageLoading } from '../DataList/data-list-next-page-loading';\nimport { DataListNoMatch } from '../DataList/data-list-no-match';\nimport { DataListRoot } from '../DataList/data-list-root';\nimport { DataListRowButton } from '../DataList/data-list-row-button';\nimport { DataListRowLink } from '../DataList/data-list-row-link';\nimport { DataListRowWrapper } from '../DataList/data-list-row-wrapper';\nimport { DataListSortableTopCell } from '../DataList/data-list-sortable-top-cell';\nimport { DataListSpacer } from '../DataList/data-list-spacer';\nimport { DataListTop } from '../DataList/data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip, DataListTopCellSmart } from '../DataList/data-list-top-cell';\nimport {\n  LogsDataListLevelCell,\n  LogsDataListEntityCell,\n  LogsDataListMessageCell,\n  LogsDataListDataCell,\n} from './logs-data-list-cells';\n\nexport const LogsDataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  Spacer: DataListSpacer,\n  NoMatch: DataListNoMatch,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  LevelCell: LogsDataListLevelCell,\n  EntityCell: LogsDataListEntityCell,\n  MessageCell: LogsDataListMessageCell,\n  DataCell: LogsDataListDataCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"mappings":";;;;;;;;;AAWA,IAAM,gBAAgD;CACpD,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;AACT;AAUA,SAAgB,sBAAsB,EAAE,SAAqC;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EAAO,SAAS,cAAc;EAAS,UAAA;CAAa,CAAA,EACxC,CAAA;AAElB;AAMA,SAAS,eAAe,EAAE,YAAY,aAAyD;CAC7F,MAAM,YAAYC,cAAAA,GAAG,sCAAsC,SAAS;CAGpE,QAF6B,WAAW,YAEhC,GAAR;EACE,KAAK,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,WAAD;GAAW,WAAW;GAAW,eAAA;EAAa,CAAA;EACvD,KAAK;EACL,KAAK,gBACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,cAAD;GAAc,WAAW;GAAW,eAAA;EAAa,CAAA;EAC1D,KAAK,QACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,WAAD;GAAW,WAAW;GAAW,eAAA;EAAa,CAAA;EACvD,SACE,OAAO;CACX;AACF;AAOA,SAAgB,uBAAuB,EAAE,YAAY,cAA2C;CAG9F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACL,kBAAAA,cAAD;EAAc,WAAU;EAAxB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,YAJP,cAAc,GAIY,CAAA,GAClC,aACC,iBAAA,GAAA,kBAAA,IAAA,CAACM,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAU,WAAU;GACxC,UAAA;EACE,CAAA,IAEL,GAEU;;AAElB;AAUA,SAAgB,wBAAwB,EAAE,WAAyC;CACjF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACN,kBAAAA,cAAD;EAAc,WAAU;EAAiE,UAAA;CAAsB,CAAA;AAEnH;AAUA,SAAgB,qBAAqB,EAAE,QAAmC;CACxE,IAAI,CAAC,QAAQ,OAAO,KAAK,IAAI,CAAC,CAAC,WAAW,GACxC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,cAAD,EAAA,UAAe,KAAmB,CAAA;CAG3C,MAAM,UAAU,OAAO,QAAQ,IAAI,CAAC,CACjC,KAAK,CAAC,GAAG,OAAO;EACf,IAAI,OAAO,MAAM,UAAU,OAAO,GAAG,EAAE,IAAI;EAC3C,IAAI;GACF,OAAO,GAAG,EAAE,IAAI,KAAK,UAAU,CAAC;EAClC,QAAQ;GACN,OAAO,GAAG,EAAE;EACd;CACF,CAAC,CAAC,CACD,KAAK,IAAI;CAEZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACO,kBAAAA,kBAAD;EAAkB,MAAK;EAAQ,UAAA;CAA0B,CAAA;AAClE;;ACnGA,IAAa,eAAe,OAAO,OAAOC,kBAAAA,cAAc;CACtD,KAAKC,kBAAAA;CACL,SAASC,kBAAAA;CACT,iBAAiBC,kBAAAA;CACjB,oBAAoBC,kBAAAA;CACpB,cAAcC,kBAAAA;CACd,YAAYC,kBAAAA;CACZ,WAAWC,kBAAAA;CACX,SAASC,kBAAAA;CACT,QAAQC,kBAAAA;CACR,SAASC,kBAAAA;CACT,UAAUC,kBAAAA;CACV,UAAUC,kBAAAA;CACV,WAAW;CACX,YAAY;CACZ,aAAa;CACb,UAAU;CACV,iBAAiBC,kBAAAA;AACnB,CAAC"}