@arbidocs/blocks 0.4.32 → 0.4.37

package/dist/{chunk-NUPVHEJW.js → chunk-BUHKUKKB.js}

@@ -52,8 +52,11 @@ var arbiTheme = themeQuartz.withParams({
   accentColor: cssVar("primary"),
   inputFocusBorder: { color: cssVar("primary") },
   headerColumnBorder: false,
-  headerColumnResizeHandleColor: "transparent",
-  // still draggable, no visible divider
+  // A faint short tick marks every column edge (so resizing is discoverable without a full
+  // divider line); it strengthens while the header is hovered (see grid.css).
+  headerColumnResizeHandleColor: cssVar("border"),
+  headerColumnResizeHandleHeight: "40%",
+  headerColumnResizeHandleWidth: 1,
   // Font settings — inherit the host app's font. A googleFont here never
   // loaded under the apps' CSP, so every grid silently fell back to the
   // browser's default SERIF and read as unstyled.
@@ -728,5 +731,5 @@ function SelectionBarAction({
 }
 
 export { DEFAULT_SELECTION_BAR_LABELS, GridView, SelectionBar, SelectionBarAction };
-//# sourceMappingURL=chunk-NUPVHEJW.js.map
-//# sourceMappingURL=chunk-NUPVHEJW.js.map
+//# sourceMappingURL=chunk-BUHKUKKB.js.map
+//# sourceMappingURL=chunk-BUHKUKKB.js.map

package/dist/chunk-BUHKUKKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/files/grid-test-ids.ts","../src/files/GridView.tsx","../src/files/SelectionBar.tsx"],"names":["jsx","useRef","jsxs"],"mappings":"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","file":"chunk-BUHKUKKB.js","sourcesContent":["/**\n * Test-id hooks for AG Grid, which owns its row and cell DOM. AG Grid stamps every row with a\n * `row-id` attribute and every cell with `col-id`; these helpers turn them into `data-testid`s\n * a host chooses, so a custom UI keeps its own test-id scheme.\n */\n\nexport interface GridTestIdOptions<T> {\n  /** Test id of the row for `item` (set on the centre-column row element). */\n  getRowTestId?: (item: T) => string\n  /** Test id of the cell in column `colId` of `item`. */\n  getCellTestId?: (colId: string, item: T) => string\n}\n\n/** Stamp `data-testid`s onto the rows and cells under `root`. Idempotent. */\nexport function applyGridTestIds<T>(\n  root: ParentNode,\n  itemsById: Map<string, T>,\n  { getRowTestId, getCellTestId }: GridTestIdOptions<T>\n): void {\n  if (!getRowTestId && !getCellTestId) return\n  root.querySelectorAll<HTMLElement>('.ag-center-cols-container .ag-row[row-id]').forEach((row) => {\n    const item = itemsById.get(row.getAttribute('row-id') ?? '')\n    if (item === undefined) return\n    if (getRowTestId) row.setAttribute('data-testid', getRowTestId(item))\n    if (getCellTestId) {\n      row.querySelectorAll<HTMLElement>('.ag-cell[col-id]').forEach((cell) => {\n        cell.setAttribute('data-testid', getCellTestId(cell.getAttribute('col-id') ?? '', item))\n      })\n    }\n  })\n}\n\n/**\n * Keep the ids applied as AG Grid creates and recycles rows (it virtualises). Returns the\n * disconnect function.\n */\nexport function watchGridTestIds<T>(\n  root: HTMLElement,\n  getItemsById: () => Map<string, T>,\n  options: GridTestIdOptions<T>\n): () => void {\n  if (!options.getRowTestId && !options.getCellTestId) return () => {}\n  const run = () => applyGridTestIds(root, getItemsById(), options)\n  run()\n  if (typeof MutationObserver === 'undefined') return () => {}\n  const observer = new MutationObserver(run)\n  observer.observe(root, { childList: true, subtree: true })\n  return () => observer.disconnect()\n}\n","/**\n * GridView — a flexible AG Grid presentational core.\n *\n * Pure and app-agnostic: it owns no global state and pulls in no store. Column\n * state persistence (order / width / visibility / sort / filter) is exposed as a\n * controlled/uncontrolled prop pair — `gridState` (initial state, read once at\n * mount) and `onGridStateChange` (called whenever AG Grid's state changes). An\n * app wires those to wherever it keeps the state (Zustand, localStorage, a URL,\n * a server) via a thin adapter; the core stays decoupled.\n *\n * Themed here (colours/fonts/borders via the host CSS variables, so it inherits the host's\n * light/dark theme). The structural helper classes (cell-numeric, multiline clamp, scrollbars,\n * row kebabs) live in `@arbidocs/blocks/grid.css`, which the consuming app imports globally.\n */\n\nimport React, { useRef, useCallback, useMemo, useEffect } from 'react'\nimport { AgGridReact } from 'ag-grid-react'\nimport {\n  ColDef,\n  GridOptions,\n  GridApi,\n  IRowNode,\n  GridState,\n  themeQuartz,\n  CellValueChangedEvent,\n  GridReadyEvent,\n  RowClickedEvent,\n} from 'ag-grid-community'\nimport { AllCommunityModule } from 'ag-grid-community'\nimport { BREAKPOINT_QUERIES, useMediaQuery } from '../lib/use-media-query'\nimport { watchGridTestIds } from './grid-test-ids'\n\n// Create the custom ARBI theme using themeQuartz\n// Colours reference the host CSS variables (hsl(var(--token))), so dark mode follows the app.\n// This enables dark mode support and consistent theming\nconst cssVar = (name: string, alpha?: number): string =>\n  alpha === undefined ? `hsl(var(--${name}))` : `hsl(var(--${name}) / ${alpha})`\n\nconst arbiTheme = themeQuartz.withParams({\n  // Variant B palette: white canvas, quiet header, muted hover nudge, accent-tint selection.\n  // Every colour is a host CSS variable, so light/dark follow the app with no .dark overrides.\n  backgroundColor: cssVar('background'),\n  foregroundColor: cssVar('foreground'),\n  borderColor: cssVar('border'),\n  headerBackgroundColor: cssVar('background'),\n  headerTextColor: cssVar('muted-foreground'),\n  oddRowBackgroundColor: cssVar('background'),\n  rowHoverColor: cssVar('muted', 0.6),\n  // Checkbox-selected rows: a light accent tint. A row opened elsewhere (e.g. the viewer) may take\n  // the full accent, so the two states stay distinguishable.\n  selectedRowBackgroundColor: cssVar('accent', 0.6),\n  rangeSelectionBackgroundColor: cssVar('accent'),\n  accentColor: cssVar('primary'),\n  inputFocusBorder: { color: cssVar('primary') },\n  headerColumnBorder: false,\n  // A faint short tick marks every column edge (so resizing is discoverable without a full\n  // divider line); it strengthens while the header is hovered (see grid.css).\n  headerColumnResizeHandleColor: cssVar('border'),\n  headerColumnResizeHandleHeight: '40%',\n  headerColumnResizeHandleWidth: 1,\n\n  // Font settings — inherit the host app's font. A googleFont here never\n  // loaded under the apps' CSP, so every grid silently fell back to the\n  // browser's default SERIF and read as unstyled.\n  fontFamily: 'inherit',\n  fontSize: 14,\n  headerFontSize: 12.5,\n  headerFontWeight: 500,\n\n  // Sizing\n  headerHeight: 44,\n  rowHeight: 40,\n  cellHorizontalPadding: 16,\n\n  // Borders - structural settings only.\n  // Row border is a real hairline in the theme border colour (not hardcoded\n  // white, which was invisible on the light-mode background and wrong in dark\n  // mode) so adjacent rows are clearly separated — important now that rows can\n  // be tall and multi-line (e.g. the Abstract column).\n  rowBorder: { style: 'solid', width: 1, color: 'hsl(var(--border))' },\n  columnBorder: false, // Row hairlines only\n  wrapperBorder: false,\n\n  // No rounded corners for clean look (except checkboxes)\n  borderRadius: 0,\n  wrapperBorderRadius: 0,\n  checkboxBorderRadius: 2, // Keep checkboxes square\n})\n\n// Selection configuration\nexport interface GridViewSelection<T> {\n  mode: 'single' | 'multiple'\n  selected: T[]\n  onSelectionChange: (items: T[]) => void\n  /**\n   * Keep the grid's ticked rows equal to `selected` after mount (default: `selected` only seeds the\n   * grid). For a host that changes the selection itself, e.g. ticking a parent ticks its sub-tasks.\n   */\n  controlled?: boolean\n}\n\n// Empty state configuration\nexport interface GridViewEmptyState {\n  icon?: React.ReactNode\n  title?: string\n  message?: string\n  action?: React.ReactNode\n}\n\n// Generic props to make this grid reusable with different data types\nexport interface GridViewProps<T> {\n  // Core data\n  items: T[]\n  // Column configuration\n  columnDefs: ColDef<T>[]\n  // Row identity function\n  getItemId: (item: T) => string\n  // Selection handling\n  selection?: GridViewSelection<T>\n  // Empty state\n  emptyState?: GridViewEmptyState\n  // Loading state\n  isLoading?: boolean\n  loadingMessage?: string\n  // Grid options\n  gridOptions?: Partial<GridOptions<T>>\n  // Grid initialization\n  onGridReady?: (params: { api: GridApi<T> }) => void\n  // Cell value changes\n  onCellValueChanged?: (event: CellValueChangedEvent<T>) => void\n  // Row click handler\n  onRowClick?: (item: T) => void\n  // State persistence.\n  // The core is decoupled from any store: when `persistState` is on it seeds\n  // AG Grid from `gridState` (read once at mount) and reports every subsequent\n  // state change through `onGridStateChange`. An app-adapter wires these to its\n  // own store. `gridId` is retained as an opaque identity hint for adapters\n  // (the core itself does not read it).\n  persistState?: boolean\n  gridId?: string\n  // Persisted column/sort/filter state to restore at mount (controlled input).\n  gridState?: GridState\n  // Called whenever AG Grid's state changes so an adapter can persist it.\n  onGridStateChange?: (state: GridState) => void\n  // Initial visible columns (applied when no saved state exists)\n  initialVisibleColumns?: string[]\n  // Basic styling\n  className?: string\n  height?: string | number\n  // Per-instance row height. Applied via the theme (not just gridOptions) so the\n  // theme's calculated line-height tracks it and cell content stays vertically\n  // centered. Fixed height — keeps row virtualization on the fast path.\n  rowHeight?: number\n  testId?: string\n  // Pinned rows\n  pinnedBottomRowData?: T[]\n  pinnedTopRowData?: T[]\n  // Pagination (disabled by default)\n  pagination?: boolean\n  paginationPageSizeSelector?: number[]\n  // Test-id hooks: the grid owns its row/cell DOM, so ids are stamped onto it after render.\n  // `getRowTestId` names a row; `getCellTestId` a cell (by colId). Without them AG Grid's own\n  // `row-id` / `col-id` attributes are still there to select by.\n  getRowTestId?: (item: T) => string\n  getCellTestId?: (colId: string, item: T) => string\n  // Force empty-state UI even when items.length > 0.\n  // Used when rows are present but all hidden by an external filter.\n  showEmpty?: boolean\n}\n\n/** Minimum row height on coarse pointers: 44px touch target + the 1px row border + breathing room. */\nconst TOUCH_ROW_HEIGHT = 52\n\nexport function GridView<T>({\n  items,\n  columnDefs,\n  getItemId,\n  selection,\n  emptyState,\n  isLoading = false,\n  loadingMessage = 'Loading...',\n  gridOptions,\n  onGridReady,\n  onCellValueChanged,\n  onRowClick,\n  persistState = false,\n  gridState,\n  onGridStateChange,\n  initialVisibleColumns,\n  className = 'w-full',\n  height = 500,\n  rowHeight: rowHeightProp,\n  testId = 'grid-view',\n  pinnedBottomRowData,\n  pinnedTopRowData,\n  pagination = false,\n  paginationPageSizeSelector,\n  getRowTestId,\n  getCellTestId,\n  showEmpty,\n}: GridViewProps<T>) {\n  // Reference to the grid API\n  const gridApiRef = useRef<GridApi<T> | null>(null)\n\n  // On touch screens rows grow to a 44px-hit-area-friendly height: AG Grid clips cell content\n  // (pills, filename buttons, avatar chips) to the row, so a taller hit area needs a taller row.\n  const isCoarsePointer = useMediaQuery(BREAKPOINT_QUERIES.coarsePointer)\n  const rowHeight = isCoarsePointer\n    ? Math.max(rowHeightProp ?? gridOptions?.rowHeight ?? 40, TOUCH_ROW_HEIGHT)\n    : rowHeightProp\n\n  // Initial row height, captured once so it can live in the (stable) default\n  // grid options. rowHeight is NOT passed as a reactive prop — that would make\n  // the AgGridReact wrapper re-process grid options on every change and snap\n  // manually-resized columns back to their colDef widths. Subsequent changes are\n  // applied imperatively (see effect below).\n  const initialRowHeightRef = useRef(rowHeight)\n\n  // Persisted state to seed the grid with — captured once at mount so a reactive\n  // `gridState` prop (e.g. an adapter re-reading its store each render) can never\n  // re-initialise the grid mid-session. Mirrors AG Grid's own initialState,\n  // which is read once.\n  const initialGridStateRef = useRef(gridState)\n\n  // Get initial state for the grid (read once at mount)\n  const initialState = useMemo(() => {\n    if (!persistState) return undefined\n    return initialGridStateRef.current\n  }, [persistState])\n\n  // Save grid state via the adapter using modern AG Grid state API\n  const saveGridState = useCallback(() => {\n    if (!persistState || !onGridStateChange || !gridApiRef.current) return\n\n    // Use AG Grid's comprehensive state API to capture complete state\n    // This includes: filters, sort, column order, column visibility, column widths, etc.\n    const state = gridApiRef.current.getState()\n\n    onGridStateChange(state)\n  }, [persistState, onGridStateChange])\n\n  // Ensure selection column is visible after grid initialization\n  const ensureSelectionColumnVisible = useCallback(() => {\n    if (!gridApiRef.current || !selection?.mode) return\n\n    // IMPORTANT: Force selection column to be visible after state restoration\n    // This ensures even old saved states don't hide the selection column\n    // Also handles case where selection column is completely missing from state\n    const currentState = gridApiRef.current.getColumnState()\n    const selectionColumn = currentState.find((col) => col.colId === 'ag-Grid-SelectionColumn')\n    const selectionColumnIndex = currentState.findIndex(\n      (col) => col.colId === 'ag-Grid-SelectionColumn'\n    )\n\n    // Fix if column is hidden OR missing entirely OR not in first position\n    if (!selectionColumn || selectionColumn.hide || selectionColumnIndex !== 0) {\n      // Use setColumnsVisible for more reliable visibility control\n      gridApiRef.current.setColumnsVisible(['ag-Grid-SelectionColumn'], true)\n\n      // Also apply state to ensure proper width\n      gridApiRef.current.applyColumnState({\n        state: [\n          {\n            colId: 'ag-Grid-SelectionColumn',\n            hide: false,\n            width: selectionColumn?.width || 48,\n            pinned: null, // Ensure not pinned in wrong position\n          },\n        ],\n        defaultState: { hide: undefined },\n        applyOrder: false,\n      })\n\n      // Move selection column to first position if it's not there\n      if (selectionColumnIndex !== 0) {\n        gridApiRef.current.moveColumns(['ag-Grid-SelectionColumn'], 0)\n      }\n    }\n  }, [selection?.mode])\n\n  // Stamp host test ids onto AG Grid's rows and cells (it virtualises, so keep watching).\n  const containerRef = useRef<HTMLDivElement>(null)\n  const itemsRef = useRef(items)\n  itemsRef.current = items\n  const getItemIdRef = useRef(getItemId)\n  getItemIdRef.current = getItemId\n  const hasTestIdHooks = Boolean(getRowTestId || getCellTestId)\n  useEffect(() => {\n    const root = containerRef.current\n    if (!root || !hasTestIdHooks) return\n    return watchGridTestIds(\n      root,\n      () => new Map(itemsRef.current.map((item) => [getItemIdRef.current(item), item])),\n      { getRowTestId, getCellTestId }\n    )\n  }, [hasTestIdHooks, getRowTestId, getCellTestId, isLoading])\n\n  // Handle row ID\n  const getRowId = useCallback(\n    (params: { data: T }) => {\n      return getItemId(params.data)\n    },\n    [getItemId]\n  )\n\n  // Refs for selection — avoids handleGridReady/handleSelectionChanged recreating\n  // when selection object changes (which happens on every selectionConfig recompute)\n  const selectionRef = useRef(selection)\n  selectionRef.current = selection\n\n  const onSelectionChangeRef = useRef(selection?.onSelectionChange)\n  onSelectionChangeRef.current = selection?.onSelectionChange\n\n  const syncingSelectionRef = useRef(false)\n\n  const handleSelectionChanged = useCallback(() => {\n    if (syncingSelectionRef.current) return\n    if (!onSelectionChangeRef.current || !gridApiRef.current) return\n\n    const selectedNodes = gridApiRef.current.getSelectedNodes()\n    const selectedData = selectedNodes\n      .map((node) => node.data)\n      .filter((item): item is T => item !== undefined)\n\n    onSelectionChangeRef.current(selectedData)\n  }, [])\n\n  // Handle row clicks\n  // A controlled selection: tick and untick rows so the grid shows exactly `selection.selected`.\n  const controlledSelected = selection?.controlled ? selection.selected : undefined\n  useEffect(() => {\n    const api = gridApiRef.current\n    if (!api || api.isDestroyed() || !controlledSelected) return\n    const wanted = new Set(controlledSelected.map(getItemId))\n    const tick: IRowNode<T>[] = []\n    const untick: IRowNode<T>[] = []\n    api.forEachNode((node) => {\n      if (!node.data) return\n      const want = wanted.has(getItemId(node.data))\n      if (want && !node.isSelected()) tick.push(node)\n      else if (!want && node.isSelected()) untick.push(node)\n    })\n    syncingSelectionRef.current = true\n    try {\n      if (tick.length) api.setNodesSelected({ nodes: tick, newValue: true, source: 'api' })\n      if (untick.length) api.setNodesSelected({ nodes: untick, newValue: false, source: 'api' })\n    } finally {\n      syncingSelectionRef.current = false\n    }\n  }, [controlledSelected, getItemId])\n\n  const handleRowClicked = useCallback(\n    (event: RowClickedEvent<T>) => {\n      if (!onRowClick || !event.data) return\n      // Don't fire when the click originated from an interactive element inside the cell\n      // (e.g. action buttons). AG Grid fires rowClicked regardless of DOM stopPropagation.\n      const target = event.event?.target as HTMLElement | null\n      if (target?.closest('button, input, a, select, textarea, [role=\"button\"]')) return\n      onRowClick(event.data)\n    },\n    [onRowClick]\n  )\n\n  // The visibility the user actually intends, per colId. AG Grid re-processes the\n  // column definitions on some React re-renders even when the `columnDefs`\n  // reference is unchanged, and that reset restores each colDef's `hide` — so a\n  // column the user turned on (e.g. via a fields menu) silently disappears the\n  // next time the host re-renders (opening an editor, selecting a row, …). We\n  // remember the intended visibility and restore it whenever such a reset fires.\n  // A Map (not a Set of hidden ids) so a genuinely NEW column from a real\n  // columnDefs change — one we've never seen — is left at its colDef default\n  // rather than force-shown.\n  const desiredHiddenRef = useRef<Map<string, boolean> | null>(null)\n\n  const snapshotDesiredHidden = useCallback(() => {\n    const api = gridApiRef.current\n    if (!api) return\n    desiredHiddenRef.current = new Map(api.getColumnState().map((c) => [c.colId, !!c.hide]))\n  }, [])\n\n  // Handle grid ready\n  const handleGridReady = useCallback(\n    (event: GridReadyEvent<T>) => {\n      gridApiRef.current = event.api\n\n      // Apply initial visible columns when no saved state exists\n      // This prevents showing all columns by default for new users\n      if (!initialState && initialVisibleColumns?.length) {\n        const currentState = event.api.getColumnState()\n        const stateMap = new Map(currentState.map((col) => [col.colId, col]))\n        const visibleSet = new Set(initialVisibleColumns)\n\n        // Build ordered state: selection column first (always visible), then visible columns, then hidden\n        const selectionCol = stateMap.get('ag-Grid-SelectionColumn')\n        const orderedState = [\n          // Selection column first - ALWAYS visible, create if not in state\n          selectionCol\n            ? { ...selectionCol, hide: false }\n            : { colId: 'ag-Grid-SelectionColumn', hide: false, width: 48 },\n          // Visible columns in specified order\n          ...initialVisibleColumns\n            .filter((colId) => colId !== 'ag-Grid-SelectionColumn') // Don't duplicate selection column\n            .map((colId) => {\n              const col = stateMap.get(colId)\n              return col ? { ...col, hide: false } : undefined\n            }),\n          // Hidden columns (everything else)\n          ...currentState\n            .filter((col) => col.colId !== 'ag-Grid-SelectionColumn' && !visibleSet.has(col.colId))\n            .map((col) => ({ ...col, hide: true })),\n        ].filter((col): col is NonNullable<typeof col> => col !== undefined)\n\n        event.api.applyColumnState({ state: orderedState, applyOrder: true })\n      }\n\n      // When restoring persisted state, detect columns from columnDefs that\n      // aren't in the saved state (e.g. newly added columns) and append them.\n      // AG Grid's maintainColumnOrder adds them but may place them inconsistently;\n      // this ensures they appear as hidden at the end so the navigator picks them up.\n      if (initialState && initialVisibleColumns?.length) {\n        const currentState = event.api.getColumnState()\n        const savedColIds = new Set(\n          initialState.columnOrder?.orderedColIds ?? currentState.map((c) => c.colId)\n        )\n        const newCols = currentState.filter(\n          (col) => !savedColIds.has(col.colId) && col.colId !== 'ag-Grid-SelectionColumn'\n        )\n        if (newCols.length > 0) {\n          // Make new columns visible if they're in the default visible set\n          const defaultVisible = new Set(initialVisibleColumns)\n          event.api.applyColumnState({\n            state: newCols.map((col) => ({\n              ...col,\n              hide: !defaultVisible.has(col.colId),\n            })),\n          })\n        }\n      }\n\n      // Ensure selection column is visible (in case saved state hides it)\n      ensureSelectionColumnVisible()\n\n      // Seed the intended column visibility from the state AG Grid settled on\n      // (colDefs + restored persisted state) so a later colDef-driven reset can\n      // be undone rather than silently hiding a user-shown column.\n      snapshotDesiredHidden()\n\n      // Call the provided onGridReady callback\n      if (onGridReady) {\n        onGridReady({ api: event.api })\n      }\n\n      // Restore selection state if needed (read from ref to keep callback stable)\n      const sel = selectionRef.current\n      if (sel && sel.selected.length > 0) {\n        const selectedIds = new Set(sel.selected.map(getItemId))\n        event.api.forEachNode((node) => {\n          if (node.data && selectedIds.has(getItemId(node.data))) {\n            node.setSelected(true)\n          }\n        })\n      }\n    },\n    [\n      onGridReady,\n      getItemId,\n      ensureSelectionColumnVisible,\n      snapshotDesiredHidden,\n      initialState,\n      initialVisibleColumns,\n    ]\n  )\n\n  // Undo AG Grid's colDef-driven visibility reset; record genuine user changes.\n  const handleColumnVisible = useCallback(\n    (event: { source?: string }) => {\n      const api = gridApiRef.current\n      if (!api) return\n      // A columnDefs re-apply reports `gridOptionsChanged`; a real toggle reports\n      // an interaction source (api, toolPanelUi, columnMenu, …).\n      if (event.source === 'gridOptionsChanged') {\n        const desired = desiredHiddenRef.current\n        if (!desired) return\n        // Only correct columns we've seen before (in the snapshot); a brand-new\n        // column keeps its colDef default.\n        const fixes = api\n          .getColumnState()\n          .filter(\n            (c) =>\n              c.colId !== 'ag-Grid-SelectionColumn' &&\n              desired.has(c.colId) &&\n              desired.get(c.colId) !== !!c.hide\n          )\n          .map((c) => ({ colId: c.colId, hide: desired.get(c.colId) }))\n        if (fixes.length) api.applyColumnState({ state: fixes })\n      } else {\n        // Genuine change — this is now the intended visibility.\n        snapshotDesiredHidden()\n      }\n    },\n    [snapshotDesiredHidden]\n  )\n\n  // Handle first data rendered - no auto-sizing, let flex columns handle it\n  const handleFirstDataRendered = useCallback(() => {\n    // Columns with flex will auto-fill, columns with width stay fixed\n    // Also ensure selection column is visible as a backup (handles timing issues with initialState)\n    ensureSelectionColumnVisible()\n    // Seed the intended visibility from the state AG Grid settled on (colDefs +\n    // any restored persisted state), so later resets can be undone.\n    snapshotDesiredHidden()\n  }, [ensureSelectionColumnVisible, snapshotDesiredHidden])\n\n  // Track when AG Grid processes row updates\n  const handleModelUpdated = useCallback(() => {\n    // AG Grid handles model updates internally\n  }, [])\n\n  // Track row data changes for AG Grid updates\n  const prevItemsRef = useRef<T[]>([])\n  useEffect(() => {\n    prevItemsRef.current = items\n  }, [items])\n\n  // Handle state updates - save state when it changes (modern AG Grid approach)\n  const handleStateUpdated = useCallback(() => {\n    saveGridState()\n  }, [saveGridState])\n\n  // Removed problematic useEffect that caused unnecessary re-renders\n  // AG Grid handles selection internally, only sync on initial load\n\n  // Default grid options with minimal settings - memoized to prevent re-renders\n  const defaultOptions: GridOptions<T> = useMemo(() => {\n    return {\n      // Initial row height (stable — captured once). Live changes go through the\n      // imperative effect, not this option, to avoid column-state churn.\n      rowHeight: initialRowHeightRef.current,\n      suppressMenuHide: true, // Prevent hiding columns since we don't have enterprise sidebar\n      maintainColumnOrder: true, // Preserve column order when columns are added/removed\n\n      // Row virtualization: Render rows as needed for performance\n      // rowBuffer renders extra rows above/below viewport for smoother scrolling\n      rowBuffer: 10, // Render 10 extra rows above/below viewport for smooth scrolling\n      suppressColumnVirtualisation: false, // Keep column virtualization enabled\n      suppressRowVirtualisation: false, // ENABLE row virtualization - only render visible rows\n      animateRows: false, // Disable row animations\n      suppressColumnMoveAnimation: true, // Disable column move/resize animations\n\n      // Efficient updates with React Query cache\n      // getRowId enables change detection - grid only re-renders changed rows\n      // Works perfectly with React Query's cache updates\n      getRowId: getRowId,\n\n      rowSelection: selection?.mode\n        ? {\n            mode: selection.mode === 'single' ? 'singleRow' : 'multiRow',\n            selectAll: 'filtered', // Header checkbox selects all filtered rows (across all pages)\n            // In multi-row mode, only checkboxes should toggle selection (clicking row body would replace selection)\n            enableClickSelection: selection.mode === 'single',\n            checkboxes: true,\n            headerCheckbox: selection.mode === 'multiple',\n          }\n        : undefined,\n      selectionColumnDef: selection?.mode\n        ? {\n            sortable: selection.mode === 'multiple',\n            width: 48,\n            lockVisible: true, // Cannot be hidden\n            suppressMovable: true, // Cannot be moved\n          }\n        : undefined,\n      // Use normal layout for better performance - autoHeight causes forced reflows\n      domLayout: 'normal',\n      // Stop editing when clicking outside the cell/grid\n      stopEditingWhenCellsLoseFocus: true,\n      // Additional performance optimizations\n      suppressCellFocus: true, // Don't focus cells on click (faster)\n      suppressRowHoverHighlight: true, // Disable hover highlight - reduces DOM manipulation during scroll\n      suppressScrollOnNewData: true, // Don't scroll when data updates\n      suppressAggFuncInHeader: true, // Don't show aggregation functions (faster)\n      // Tooltip UX: the AG Grid default show-delay is 2 s which hurts\n      // discoverability for cells where tooltips carry the \"reveal full\n      // content\" affordance for non-editable users. 300 ms is snappy\n      // without being accidental. tooltipInteraction lets users hover\n      // onto the tooltip itself (e.g. to select / copy long text).\n      // These are AG Grid's native tooltip controls — no React / Radix\n      // provider involved, zero per-row cost; tooltip DOM is created on\n      // demand when hover-delay elapses and destroyed on mouseout.\n      tooltipShowDelay: 300,\n      tooltipHideDelay: 4000,\n      tooltipInteraction: true,\n      // Pagination (disabled by default)\n      pagination,\n      paginationPageSizeSelector,\n      defaultColDef: {\n        sortable: true,\n        resizable: true,\n        unSortIcon: false, // Sort glyph only on the sorted column (every header carrying one was noise)\n        sortingOrder: ['asc', 'desc', null], // 3-way sorting: asc → desc → unsorted (AG Grid default)\n        wrapText: false, // Disable text wrapping for cleaner display\n        autoHeight: false, // Use fixed row height from theme\n        wrapHeaderText: false, // Disable header text wrapping for cleaner look\n        autoHeaderHeight: false, // Fixed header height\n        filterParams: {\n          maxNumConditions: 1,\n          buttons: ['reset'],\n        },\n      },\n    }\n  }, [selection?.mode, getRowId, pagination, paginationPageSizeSelector])\n\n  // Combine default options with passed options - memoized to prevent re-renders\n  const combinedOptions = useMemo(\n    () => ({ ...defaultOptions, ...gridOptions }),\n    [defaultOptions, gridOptions]\n  )\n\n  // Apply fixed height for better performance — autoHeight causes forced\n  // reflows by measuring all rows, avoid it.\n  //\n  // Also derive the geometry the wrapping multiline columns (.cell-multiline —\n  // Abstract, Author, custom text fields) need so their overflow clip lands on\n  // a WHOLE-line boundary (never mid-line, which reads as a half-line\n  // \"bleeding\" into the neighbouring row). All computed once here per\n  // row-height change and handed to CSS as variables — zero per-row cost on the\n  // million-row grid:\n  //   --multiline-line-clamp : whole number of lines that fit — drives the CSS\n  //                            line-clamp that hides overflow lines entirely.\n  //   --multiline-pad-y : vertical cell padding, shrunk on very short rows so\n  //                       at least one whole line always fits.\n  //   --multiline-max-h : cap of exactly N whole lines + TOP padding + borders.\n  //                       Deliberately excludes the bottom padding: AG Grid\n  //                       forces cell height, so overflow clips at the\n  //                       padding-box edge and any bottom padding becomes a\n  //                       window onto the next (clamped-away) line. Ending the\n  //                       box right at line N's bottom puts the clip on the\n  //                       line boundary; the row supplies the visual gap below.\n  const containerStyle = useMemo(() => {\n    const style: React.CSSProperties = { height }\n    if (rowHeight) {\n      const LINE_PX = 14 * 1.35 // grid font-size × multiline line-height (18.9px)\n      const BORDER = 2 // multiline cell top + bottom border (1px each, border-box)\n      const PREFERRED_PAD = 16 // preferred total vertical padding (8px top + 8px bottom)\n      // Don't let padding eat the room a single line needs on short rows.\n      const padTotal = Math.max(0, Math.min(PREFERRED_PAD, rowHeight - BORDER - LINE_PX))\n      const lines = Math.max(1, Math.floor((rowHeight - BORDER - padTotal) / LINE_PX))\n      const vars = style as Record<string, string | number>\n      vars['--multiline-line-clamp'] = `${lines}`\n      vars['--multiline-pad-y'] = `${padTotal / 2}px`\n      vars['--multiline-max-h'] = `${lines * LINE_PX + padTotal / 2 + BORDER}px`\n    }\n    return style\n  }, [height, rowHeight])\n\n  // Apply rowHeight changes imperatively via the grid option (not the theme —\n  // recreating the theme would re-initialise the grid). This only re-lays-out\n  // rows; columns, row virtualization, and the transaction bus are untouched.\n  useEffect(() => {\n    const api = gridApiRef.current\n    if (!api || api.isDestroyed() || !rowHeight) return\n    api.setGridOption('rowHeight', rowHeight)\n    api.resetRowHeights()\n  }, [rowHeight])\n\n  // Add professional shadow for 3D effect\n  // Add overflow-visible only for autoHeight layout\n  const containerClassName = useMemo(() => {\n    const baseClass = className || ''\n    const shadowClass = 'shadow-sm' // Tailwind shadow for professional look\n    // Height-adjustable grids vertically center cell content (CSS) so a\n    // one-line cell or a lone pill sits in the middle of the row, and multi-line\n    // text (e.g. Abstract) is balanced top-to-bottom — flagged here, applied in\n    // grid.css.\n    const alignClass = rowHeight ? 'ag-cells-centered' : ''\n    return [baseClass, shadowClass, alignClass].filter(Boolean).join(' ')\n  }, [className, rowHeight])\n\n  // Show loading state — grey skeleton rows so the page transition feels instant\n  if (isLoading) {\n    const skeletonRowCount = 12\n    return (\n      <div\n        data-testid={`${testId}-loading`}\n        className={containerClassName}\n        style={containerStyle}\n        aria-busy=\"true\"\n        aria-label={loadingMessage}\n      >\n        {/* Header skeleton */}\n        <div className=\"flex h-11 items-center gap-4 border-b border-border/40 px-4\">\n          <div className=\"h-3 w-6 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3 w-32 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3 w-20 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3 w-28 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3 w-16 rounded bg-muted animate-pulse ml-auto\" />\n        </div>\n        {/* Row skeletons */}\n        {Array.from({ length: skeletonRowCount }).map((_, rowIdx) => (\n          <div key={rowIdx} className=\"flex h-10 items-center gap-4 border-b border-border/20 px-4\">\n            <div className=\"h-4 w-4 rounded-sm bg-muted/70 animate-pulse\" />\n            <div\n              className=\"h-3 rounded bg-muted/70 animate-pulse\"\n              style={{ width: `${20 + ((rowIdx * 17) % 40)}%` }}\n            />\n            <div\n              className=\"h-3 rounded bg-muted/60 animate-pulse\"\n              style={{ width: `${8 + ((rowIdx * 11) % 12)}%` }}\n            />\n            <div\n              className=\"h-3 rounded bg-muted/60 animate-pulse\"\n              style={{ width: `${6 + ((rowIdx * 7) % 10)}%` }}\n            />\n            <div\n              className=\"h-3 rounded bg-muted/50 animate-pulse ml-auto\"\n              style={{ width: `${5 + ((rowIdx * 5) % 8)}%` }}\n            />\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  // Show empty state\n  // showEmpty lets callers force this UI (e.g. when an external filter hid\n  // every row but the underlying items array is non-empty).\n  if ((showEmpty ?? items.length === 0) && emptyState) {\n    return (\n      <div\n        data-testid={`${testId}-empty`}\n        // Capped by its container (a landscape phone is shorter than 24rem) and scrollable, with the\n        // content centred by auto margins so a tall one still starts at the top.\n        className=\"flex h-96 max-h-full flex-col items-center overflow-y-auto p-6 text-center\"\n      >\n        <div className=\"my-auto flex flex-col items-center\">\n          {emptyState.icon && (\n            <div className=\"text-muted-foreground/60 mb-4\">{emptyState.icon}</div>\n          )}\n          {emptyState.title && <h3 className=\"text-xl font-medium mb-2\">{emptyState.title}</h3>}\n          {emptyState.message && (\n            <p className=\"text-muted-foreground mb-6 max-w-md\">{emptyState.message}</p>\n          )}\n          {emptyState.action}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={containerClassName}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <AgGridReact\n        theme={arbiTheme}\n        modules={[AllCommunityModule]}\n        columnDefs={columnDefs}\n        rowData={items}\n        pinnedBottomRowData={pinnedBottomRowData}\n        pinnedTopRowData={pinnedTopRowData}\n        getRowId={getRowId}\n        initialState={initialState}\n        onGridReady={handleGridReady}\n        onFirstDataRendered={handleFirstDataRendered}\n        onModelUpdated={handleModelUpdated}\n        onSelectionChanged={handleSelectionChanged}\n        onCellValueChanged={onCellValueChanged}\n        onRowClicked={handleRowClicked}\n        onStateUpdated={handleStateUpdated}\n        onColumnVisible={handleColumnVisible}\n        {...combinedOptions}\n      />\n    </div>\n  )\n}\n","import { useLayoutEffect, useRef, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { BookOpen, X } from 'lucide-react'\nimport { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { observeResize } from '../lib/observe-resize'\n\nexport interface SelectionBarActionItem {\n  id: string\n  icon: LucideIcon\n  label: string\n  onClick: () => void\n  disabled?: boolean\n  variant?: 'default' | 'outline' | 'destructive' | 'ghost' | 'secondary'\n  /** Tooltip text; falls back to `label`. */\n  tooltip?: string\n  testId?: string\n  className?: string\n}\n\n/** Container width below which the bar is \"narrow\" (phones): only the essentials stay inline. */\nconst NARROW_BELOW_PX = 480\n\n/** Every fixed string of the selection bar. Pass a partial `labels` to translate or reword. */\nexport interface SelectionBarLabels {\n  selected: string\n  clearSelection: string\n  review: string\n  selectionActions: string\n}\n\nexport const DEFAULT_SELECTION_BAR_LABELS: SelectionBarLabels = {\n  selected: 'selected',\n  clearSelection: 'Clear selection',\n  review: 'Review',\n  selectionActions: 'Selection actions',\n}\n\nexport interface SelectionBarTestIds {\n  toolbar: string\n  count: string\n  clear: string\n  review: string\n}\n\nexport interface SelectionBarProps {\n  /** Number of selected rows. The bar renders only while this is > 0 (or `status` is set). */\n  count: number\n  onClear: () => void\n  /** Primary-in-bar \"Review\" shortcut (tonal, not the view's filled primary). */\n  onReview?: () => void\n  /** Actions as data. Rendered icon-only automatically when the bar is narrow. */\n  actions?: SelectionBarActionItem[]\n  /**\n   * Free-form actions; a function receives `isCompact` (icon-only) and `isNarrow` (a phone-width\n   * container: fold secondary actions into an overflow menu). Rendered after `actions`.\n   */\n  children?: ReactNode | ((isCompact: boolean, isNarrow: boolean) => ReactNode)\n  /** Always-legible content before the actions (e.g. a running budget); never dimmed. */\n  status?: ReactNode\n  /** Singular noun shown after the count; wins over `labels.selected`. */\n  selectedLabel?: string\n  labels?: Partial<SelectionBarLabels>\n  /** Overrides for the control test ids (defaults keep the current ids). */\n  testIds?: Partial<SelectionBarTestIds>\n  className?: string\n}\n\n/**\n * SelectionBar: the floating bar that appears while rows are selected.\n *\n * Stays on ONE row: when the actions overflow it flips to compact mode (icon-only actions and a\n * count-only badge) instead of wrapping. Sticky zero-height anchor, so showing/hiding it never\n * reflows the content beneath. Every control is always visible (nothing hover-only) and 44px on\n * coarse pointers.\n */\nexport function SelectionBar(props: SelectionBarProps) {\n  if (props.count === 0 && !props.status) return null\n  return <SelectionBarInner {...props} />\n}\n\nfunction SelectionBarInner({\n  count,\n  onClear,\n  onReview,\n  actions,\n  children,\n  status,\n  selectedLabel,\n  labels,\n  testIds,\n  className,\n}: SelectionBarProps) {\n  const l = { ...DEFAULT_SELECTION_BAR_LABELS, ...labels }\n  const hasSelection = count > 0\n  const rootRef = useRef<HTMLDivElement>(null)\n  const actionsRef = useRef<HTMLDivElement>(null)\n  const [isCompact, setIsCompact] = useState(false)\n  const [isNarrow, setIsNarrow] = useState(false)\n  // Root width at which the labelled actions last overflowed. Compared against the (stable) root\n  // width, never the actions' own width, which changes when we collapse labels and would oscillate.\n  const overflowRootWidthRef = useRef(Number.POSITIVE_INFINITY)\n\n  const measureRef = useRef<() => void>(() => {})\n  measureRef.current = () => {\n    const root = rootRef.current\n    const el = actionsRef.current\n    if (!root || !el) return\n    // The bar is content-sized, so judge narrowness by the space it is given (its anchor).\n    const available = root.parentElement?.clientWidth ?? 0\n    setIsNarrow(available > 0 && available < NARROW_BELOW_PX)\n    if (!isCompact) {\n      if (el.scrollWidth > el.clientWidth + 1) {\n        overflowRootWidthRef.current = root.clientWidth\n        setIsCompact(true)\n      }\n    } else if (root.clientWidth > overflowRootWidthRef.current + 64) {\n      setIsCompact(false)\n    }\n  }\n\n  useLayoutEffect(() => {\n    measureRef.current()\n    const root = rootRef.current\n    if (!root) return\n    return observeResize(root, () => measureRef.current())\n  }, [])\n  // The bar is capped by its anchor, so its own size does not change when the actions overflow, and\n  // the actions' text widens once the web font loads. Re-measure after every render and whenever\n  // an action changes size. The measurement only sets state on a change, so this cannot loop.\n  useLayoutEffect(() => {\n    measureRef.current()\n    const inner = actionsRef.current\n    if (!inner || typeof ResizeObserver === 'undefined') return\n    const observer = new ResizeObserver(() => measureRef.current())\n    inner.querySelectorAll('button').forEach((button) => observer.observe(button))\n    return () => observer.disconnect()\n  })\n  useLayoutEffect(() => {\n    let isCancelled = false\n    void document.fonts?.ready.then(() => {\n      if (!isCancelled) measureRef.current()\n    })\n    return () => {\n      isCancelled = true\n    }\n  }, [])\n\n  return (\n    <div\n      data-slot=\"selection-bar\"\n      className={cn('pointer-events-none sticky bottom-0 z-30 h-0', className)}\n    >\n      <div className=\"absolute inset-x-0 bottom-4 flex justify-center px-3\">\n        <div\n          ref={rootRef}\n          role=\"toolbar\"\n          aria-label={l.selectionActions}\n          data-testid={testIdOr(testIds?.toolbar, { testId: 'bulk-actions-toolbar' })}\n          data-narrow={isNarrow || undefined}\n          className=\"pointer-events-auto flex min-h-12 max-w-full items-center rounded-lg border border-border bg-popover px-2 py-1.5 shadow-xl\"\n        >\n          <div className=\"flex min-w-0 flex-1 items-center gap-2 px-1\">\n            <div\n              data-testid={testIdOr(testIds?.count, { testId: 'bulk-selected-count' })}\n              aria-live=\"polite\"\n              className={cn(\n                'flex shrink-0 items-center rounded-full bg-accent text-sm font-semibold tabular-nums text-accent-foreground',\n                isCompact ? 'gap-1 px-2.5 py-1' : 'gap-2 px-3 py-1'\n              )}\n            >\n              <span>\n                {count}\n                {!isCompact && ` ${selectedLabel ?? l.selected}`}\n              </span>\n              {hasSelection && (\n                <button\n                  type=\"button\"\n                  onClick={onClear}\n                  aria-label={l.clearSelection}\n                  data-testid={testIdOr(testIds?.clear, { testId: 'bulk-clear-selection-button' })}\n                  className=\"rounded-full p-0.5 transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:p-[15px]\"\n                >\n                  <X className=\"size-3.5\" />\n                </button>\n              )}\n            </div>\n\n            {onReview && (\n              <button\n                type=\"button\"\n                onClick={onReview}\n                aria-label={isNarrow ? l.review : undefined}\n                data-testid={testIdOr(testIds?.review, { testId: 'bulk-review-button' })}\n                className=\"flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-accent px-2.5 text-sm font-medium text-accent-foreground transition-colors hover:bg-accent/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11\"\n              >\n                <BookOpen className=\"size-3.5\" />\n                {!isNarrow && l.review}\n              </button>\n            )}\n\n            <div className=\"h-6 w-px shrink-0 bg-border\" />\n\n            <div\n              ref={actionsRef}\n              className=\"flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overscroll-x-contain [scrollbar-width:none]\"\n            >\n              {status && <div className=\"flex shrink-0 items-center gap-2\">{status}</div>}\n              <div\n                className={cn(\n                  'flex min-w-0 items-center gap-2',\n                  !hasSelection && 'pointer-events-none opacity-40'\n                )}\n              >\n                {actions?.map((a) => (\n                  <SelectionBarAction key={a.id} {...a} isCompact={isCompact} />\n                ))}\n                {typeof children === 'function' ? children(isCompact, isNarrow) : children}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport interface SelectionBarActionProps extends Omit<SelectionBarActionItem, 'id'> {\n  /** Icon-only (the bar passes this when narrow). */\n  isCompact?: boolean\n}\n\n/** One action button in the bar: icon + label, icon-only when compact, always with a tooltip. */\nexport function SelectionBarAction({\n  icon: Icon,\n  label,\n  onClick,\n  disabled = false,\n  variant = 'ghost',\n  tooltip,\n  testId,\n  className,\n  isCompact = false,\n}: SelectionBarActionProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          variant={variant}\n          size=\"sm\"\n          onClick={onClick}\n          disabled={disabled}\n          aria-label={isCompact ? label : undefined}\n          data-testid={testId}\n          className={cn(\n            'h-8 shrink-0 gap-1.5 whitespace-nowrap px-2 disabled:opacity-50 pointer-coarse:h-11',\n            className\n          )}\n        >\n          <Icon className=\"size-4\" />\n          {!isCompact && <span className=\"text-sm\">{label}</span>}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>\n        <p>{tooltip ?? label}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"]}

package/dist/{chunk-4XJZ6AAY.js → chunk-CKB64Z4R.js}

@@ -1,9 +1,9 @@
 "use client";
 import * as React from 'react';
-import { useMemo, useState, useEffect, useRef } from 'react';
-import { ChevronDown, CheckIcon, WandSparkles, Search, ChevronsUpDown, TriangleAlert, Check } from 'lucide-react';
+import { useMemo, useState, useEffect, useRef, Fragment as Fragment$1 } from 'react';
+import { ChevronDown, CheckIcon, WandSparkles, Search, ChevronsUpDown, TriangleAlert, Filter, MoreVertical, FunnelX, ChevronRight, Check, Ban } from 'lucide-react';
 import { Command as Command$1 } from 'cmdk';
-import { Popover, PopoverTrigger, Button, cn, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, Separator, PopoverAnchor, getDocIcon, Checkbox } from '@arbidocs/react/ui';
+import { Popover, PopoverTrigger, Button, cn, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, Separator, PopoverAnchor, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, getDocIcon, Badge, Checkbox, DropdownMenuItem } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/settings/DocumentPicker.tsx
@@ -202,6 +202,245 @@ function DocumentPicker({
     ] })
   ] });
 }
+var DEFAULT_TRI_STATE_FILTER_MENU_LABELS = { clear: "Clear" };
+function TriStateFilterMenu({
+  testId,
+  open,
+  onOpenChange,
+  title,
+  filterStates,
+  onFiltersChange,
+  options,
+  groups,
+  topContent,
+  groupTopContent,
+  folderContent,
+  bottomContent,
+  triggerLabel,
+  hasExternalActiveState = false,
+  suppressTriggerActiveStyle = false,
+  triggerClassName,
+  renderChevron = false,
+  disableHoverOpen = false,
+  align = "center",
+  onHoverHandlers,
+  labels
+}) {
+  const l = { ...DEFAULT_TRI_STATE_FILTER_MENU_LABELS, ...labels };
+  const [collapsedGroups, setCollapsedGroups] = useState(
+    () => new Set((groups ?? []).filter((g) => g.collapsible).map((g) => g.label))
+  );
+  const [isClickOpen, setIsClickOpen] = useState(false);
+  const hoverTimeoutRef = useRef(null);
+  const cancelPendingClose = () => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+      hoverTimeoutRef.current = null;
+    }
+  };
+  const handleMouseEnter = () => {
+    if (disableHoverOpen) return;
+    cancelPendingClose();
+    if (!isClickOpen) onOpenChange(true);
+  };
+  const handleMouseLeave = () => {
+    if (disableHoverOpen || isClickOpen) return;
+    hoverTimeoutRef.current = setTimeout(() => {
+      if (!isClickOpen) onOpenChange(false);
+    }, 150);
+  };
+  const handleTriggerClick = () => {
+    setIsClickOpen(!isClickOpen);
+    onOpenChange(!isClickOpen);
+  };
+  useEffect(() => {
+    onHoverHandlers?.({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave });
+  }, []);
+  useEffect(() => cancelPendingClose, []);
+  const optionMap = useMemo(() => new Map(options.map((o) => [o.id, o])), [options]);
+  const handleFilterToggle = (filterId) => {
+    const next = new Map(filterStates);
+    const current = next.get(filterId) ?? null;
+    next.set(filterId, current === null ? "include" : current === "include" ? "exclude" : null);
+    onFiltersChange(next);
+  };
+  const handleClearFilters = (e) => {
+    e.stopPropagation();
+    const cleared = new Map(filterStates);
+    options.forEach((opt) => cleared.set(opt.id, null));
+    onFiltersChange(cleared);
+  };
+  const clearButton = /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "default",
+      onClick: handleClearFilters,
+      className: "ml-auto h-8 px-3 text-sm text-primary hover:text-primary pointer-coarse:h-11",
+      children: [
+        /* @__PURE__ */ jsx(FunnelX, { className: "mr-1.5 h-4 w-4 text-primary" }),
+        l.clear
+      ]
+    }
+  );
+  const hasActiveFilters = useMemo(() => {
+    const ids = new Set(options.map((o) => o.id));
+    return hasExternalActiveState || Array.from(filterStates.entries()).some(([k, v]) => ids.has(k) && v !== null);
+  }, [filterStates, options, hasExternalActiveState]);
+  const isActive = !suppressTriggerActiveStyle && hasActiveFilters;
+  const showInlineClear = !title && hasActiveFilters && !suppressTriggerActiveStyle && !!groups && groups.length > 0 && !groups[0].collapsible;
+  const renderTriStateItem = (option) => {
+    const state = filterStates.get(option.id) ?? null;
+    const badgeClass = state === null ? "bg-card border-border text-foreground hover:bg-muted" : state === "include" ? "bg-primary text-primary-foreground border-primary hover:bg-primary" : "bg-card text-red-text border-red-text hover:bg-red-bg";
+    const stateIcon = state === null ? /* @__PURE__ */ jsx("div", { className: "size-3.5 rounded-sm border-2 border-border bg-transparent" }) : state === "include" ? /* @__PURE__ */ jsx(Check, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsx(Ban, { className: "size-3 text-red-text", strokeWidth: 3 });
+    const depthPadding = option.depth ? option.depth * 16 : 0;
+    return /* @__PURE__ */ jsx(
+      DropdownMenuItem,
+      {
+        onClick: () => handleFilterToggle(option.id),
+        onSelect: (e) => e.preventDefault(),
+        disabled: option.disabled,
+        className: "cursor-pointer p-1",
+        style: depthPadding ? { paddingLeft: `${depthPadding + 4}px` } : void 0,
+        children: /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            variant: "outline",
+            className: cn(
+              "flex w-full items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11",
+              badgeClass
+            ),
+            children: [
+              stateIcon,
+              option.icon && /* @__PURE__ */ jsx("span", { className: "[&>svg]:size-3.5", children: option.icon }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
+              /* @__PURE__ */ jsx("span", { className: "ml-auto font-semibold", children: option.count })
+            ]
+          }
+        )
+      },
+      option.id
+    );
+  };
+  const toggleGroupCollapse = (label) => {
+    setCollapsedGroups((prev) => {
+      const next = new Set(prev);
+      if (!next.delete(label)) next.add(label);
+      return next;
+    });
+  };
+  const renderOptions = () => {
+    if (!groups || groups.length === 0) return options.map(renderTriStateItem);
+    return groups.map((group, groupIndex) => {
+      const isCollapsed = !!group.collapsible && collapsedGroups.has(group.label);
+      const activeCount = group.collapsible ? group.options.filter((id) => filterStates.get(id) !== null).length : 0;
+      return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        groupIndex > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        groupTopContent?.[group.label] && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5", children: groupTopContent[group.label] }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+        ] }),
+        group.collapsible ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleGroupCollapse(group.label),
+            "aria-expanded": !isCollapsed,
+            className: "flex w-full cursor-pointer items-center gap-1 rounded-sm px-2 py-1.5 text-sm font-semibold text-primary hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+            children: [
+              isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { children: group.label }),
+              isCollapsed && activeCount > 0 && /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: "ml-auto flex h-4 min-w-4 items-center justify-center rounded-md px-1 text-xs leading-none",
+                  children: activeCount
+                }
+              )
+            ]
+          }
+        ) : groupIndex === 0 && showInlineClear ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pr-1", children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-primary", children: group.label }),
+          clearButton
+        ] }) : /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-primary", children: group.label }),
+        !isCollapsed && group.options.map((id) => optionMap.get(id)).filter((opt) => opt !== void 0).map(renderTriStateItem)
+      ] }, group.label);
+    });
+  };
+  const tone = isActive ? "text-primary" : "text-muted-foreground";
+  return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "button",
+        tabIndex: 0,
+        "data-slot": "tri-state-filter-trigger",
+        className: triggerClassName ?? "inline-flex cursor-pointer items-center gap-1 rounded-sm px-1.5 py-0.5 text-sm font-medium transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center",
+        "data-testid": testId,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onClick: handleTriggerClick,
+        children: [
+          /* @__PURE__ */ jsx(
+            Filter,
+            {
+              className: cn(
+                "size-3 transition-colors",
+                isActive ? "fill-primary text-primary" : tone
+              )
+            }
+          ),
+          triggerLabel && /* @__PURE__ */ jsx("span", { className: tone, children: triggerLabel }),
+          renderChevron ? /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3 transition-colors", tone) }) : triggerLabel && /* @__PURE__ */ jsx(MoreVertical, { className: cn("size-3 transition-colors", tone) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        align,
+        className: "w-80 border-0 bg-muted",
+        onCloseAutoFocus: (e) => e.preventDefault(),
+        onMouseEnter: cancelPendingClose,
+        onMouseLeave: () => {
+          if (!isClickOpen) onOpenChange(false);
+        },
+        onPointerDownOutside: (e) => {
+          if (!isClickOpen) return;
+          if (!e.target.closest('[role="menu"]')) {
+            setIsClickOpen(false);
+            onOpenChange(false);
+          } else {
+            e.preventDefault();
+          }
+        },
+        children: [
+          (title || hasActiveFilters && !suppressTriggerActiveStyle && !showInlineClear) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5", children: [
+              title && /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "p-0 text-primary", children: title }),
+              hasActiveFilters && !showInlineClear && clearButton
+            ] }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+          ] }),
+          topContent && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5", children: topContent }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+          ] }),
+          folderContent && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "px-1 py-0.5", children: folderContent }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+          ] }),
+          renderOptions(),
+          bottomContent && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5", children: bottomContent })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 var MultiSelect = React.forwardRef(
   ({
     data,
@@ -402,6 +641,6 @@ var MultiSelect = React.forwardRef(
 );
 MultiSelect.displayName = "MultiSelect";
 
-export { DEFAULT_DOCUMENT_PICKER_LABELS, DocumentPicker, MultiSelect };
-//# sourceMappingURL=chunk-4XJZ6AAY.js.map
-//# sourceMappingURL=chunk-4XJZ6AAY.js.map
+export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, MultiSelect, TriStateFilterMenu };
+//# sourceMappingURL=chunk-CKB64Z4R.js.map
+//# sourceMappingURL=chunk-CKB64Z4R.js.map

package/dist/chunk-CKB64Z4R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/DocumentPicker.tsx","../src/settings/TriStateFilterMenu.tsx","../src/settings/MultiSelect.tsx"],"names":["CommandPrimitive","useState","useRef","useEffect","useMemo","jsxs","jsx","Check","cn","Fragment","Popover","PopoverTrigger","Button","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem"],"mappings":"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","file":"chunk-CKB64Z4R.js","sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Check, ChevronsUpDown, Search, TriangleAlert } from 'lucide-react'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport {\n  Checkbox,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n  getDocIcon,\n} from '@arbidocs/react/ui'\n\nconst TOKEN_WARNING_THRESHOLD = 150_000\nconst TOKEN_DANGER_THRESHOLD = 190_000\n\n/** A document the picker can offer. `pages`/`tokens` are null for images and unparsed files. */\nexport interface PickerDocument {\n  id: string\n  title: string\n  fileName?: string | null\n  pages?: number | null\n  tokens?: number | null\n}\n\n/** A heading with its documents, already sorted. A group without heading is unlabeled. */\nexport interface PickerGroup {\n  id: string\n  heading?: string\n  docs: PickerDocument[]\n}\n\n/** Every fixed string of the document picker. */\nexport interface DocumentPickerLabels {\n  placeholder: string\n  searchDocuments: string\n  noDocuments: string\n  selectedAsSource: string\n  selectAsSource: string\n  largeDocument: string\n  tooLong: string\n  pages: (n: number) => string\n  tokens: (n: number) => string\n}\n\nexport const DEFAULT_DOCUMENT_PICKER_LABELS: DocumentPickerLabels = {\n  placeholder: 'Select a document',\n  searchDocuments: 'Search documents...',\n  noDocuments: 'No documents found.',\n  selectedAsSource: 'Selected as source',\n  selectAsSource: 'Select as source',\n  largeDocument: 'Large document — may take longer to process',\n  tooLong: 'Document is too long to be read in its entirety',\n  pages: (n) => `${n.toLocaleString()} pages`,\n  tokens: (n) => `${n.toLocaleString()} tokens`,\n}\n\nexport interface DocumentPickerProps {\n  groups: PickerGroup[]\n  /** The picked document (single mode). */\n  value: string\n  onValueChange: (id: string) => void\n  /** The picked document's details, shown under the picker (pages, tokens, size warnings). */\n  selected?: PickerDocument\n  /**\n   * Ids already chosen. Supplying this switches to MULTI mode: the search box is inline, the\n   * list stays open on select and ticks what is in.\n   */\n  selectedIds?: string[]\n  /**\n   * Splits each row in two: a click OPENS the document (this callback) and a leading checkbox\n   * selects it as a source via `onValueChange`. Requires `selectedIds`.\n   */\n  onOpenDocument?: (id: string) => void\n  /** The document open in the viewer: its row is inverted (multi mode). */\n  viewingId?: string | null\n  /** While true the list is shut (a neighbouring popup must not overlay it). */\n  forceClosed?: boolean\n  /** Extra classes of the results list, e.g. a taller `max-h-*` when the picker is the surface. */\n  listClassName?: string\n  labels?: Partial<DocumentPickerLabels>\n}\n\n/**\n * Searchable document picker. Single mode is a button that opens a searchable list; multi mode\n * puts the search inline. After a pick it shows page/token counts with size warnings.\n */\nexport function DocumentPicker({\n  groups,\n  value,\n  onValueChange,\n  selected,\n  selectedIds,\n  onOpenDocument,\n  viewingId,\n  forceClosed = false,\n  listClassName,\n  labels,\n}: DocumentPickerProps) {\n  const l = useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels])\n  const multi = selectedIds !== undefined\n  const isChosen = (id: string) => (multi ? selectedIds.includes(id) : value === id)\n  const [open, setOpen] = useState(false)\n  useEffect(() => {\n    if (forceClosed) setOpen(false)\n  }, [forceClosed])\n  const anchorRef = useRef<HTMLDivElement>(null)\n\n  // A real checkbox when rows open on click; otherwise the tick that mirrors the pick.\n  const leadingControl = (id: string): ReactNode =>\n    onOpenDocument ? (\n      // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would\n      // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.\n      <span\n        className=\"mr-2 flex items-center\"\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        onPointerDown={(e) => e.stopPropagation()}\n      >\n        <Checkbox\n          checked={isChosen(id)}\n          onCheckedChange={() => onValueChange(id)}\n          aria-label={isChosen(id) ? l.selectedAsSource : l.selectAsSource}\n          data-testid={`document-combobox-select-${id}`}\n        />\n      </span>\n    ) : (\n      <Check className={cn('mr-2 size-4', isChosen(id) ? 'opacity-100' : 'opacity-0')} />\n    )\n\n  const itemClass = (id: string) =>\n    cn(\n      onOpenDocument && 'cursor-pointer',\n      onOpenDocument && isChosen(id) && 'bg-primary/10 aria-selected:bg-primary/15',\n      // Inverted so the open one is unmistakable, over cmdk's own hover tint.\n      viewingId === id &&\n        'bg-foreground text-background data-[selected=true]:bg-foreground data-[selected=true]:text-background'\n    )\n\n  const renderGroups = () => (\n    <>\n      <CommandEmpty>{l.noDocuments}</CommandEmpty>\n      {groups.map((group) => (\n        <CommandGroup key={group.id} heading={group.heading}>\n          {group.docs.map((doc) => (\n            <CommandItem\n              key={doc.id}\n              // Identity is the id: two documents can share a name, and a title-valued item would\n              // make cmdk treat them as one. The title stays searchable via keywords.\n              value={doc.id}\n              keywords={[doc.title]}\n              className={itemClass(doc.id)}\n              onSelect={() => {\n                if (onOpenDocument) {\n                  onOpenDocument(doc.id)\n                  return\n                }\n                onValueChange(doc.id)\n                if (!multi) setOpen(false)\n              }}\n            >\n              {leadingControl(doc.id)}\n              <span className=\"mr-2 flex shrink-0 items-center\">\n                {getDocIcon(doc.fileName ?? undefined)}\n              </span>\n              <span className={cn('truncate', onOpenDocument && 'hover:underline')}>\n                {doc.title}\n              </span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  )\n\n  const contentClass = 'w-[var(--radix-popover-trigger-width)] border-0 bg-muted p-0 shadow-md'\n  const tokens = selected?.tokens ?? null\n  const pages = selected?.pages ?? null\n  const isDanger = tokens != null && tokens > TOKEN_DANGER_THRESHOLD\n  const isWarning = tokens != null && tokens > TOKEN_WARNING_THRESHOLD && !isDanger\n\n  return (\n    <div data-slot=\"document-picker\">\n      {multi ? (\n        // The input IS the anchor: the list opens beneath the row as soon as it is focused or\n        // typed into. cmdk's context reaches the portaled list, so arrows/Enter still drive it.\n        <Command>\n          <Popover open={open} onOpenChange={setOpen}>\n            <PopoverAnchor asChild>\n              <div\n                ref={anchorRef}\n                className=\"flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring pointer-coarse:h-11\"\n                data-testid=\"document-combobox-trigger\"\n              >\n                <Search className=\"size-4 shrink-0 opacity-50\" />\n                <CommandPrimitive.Input\n                  placeholder={l.placeholder}\n                  aria-expanded={open}\n                  className=\"h-full w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm\"\n                  onFocus={() => setOpen(true)}\n                  onValueChange={() => setOpen(true)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') setOpen(true)\n                    if (e.key === 'Escape') setOpen(false)\n                  }}\n                  data-testid=\"document-combobox-search\"\n                />\n              </div>\n            </PopoverAnchor>\n            <PopoverContent\n              className={contentClass}\n              align=\"start\"\n              // Focus stays in the inline input, and opening a document hands focus to the viewer:\n              // neither may count as an outside click. Pointer-downs in the viewer, dialogs and\n              // poppers are ignored; Escape and any other outside click still close the list.\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onFocusOutside={(e) => e.preventDefault()}\n              onInteractOutside={(e) => {\n                const target = e.target as Element | null\n                if (\n                  anchorRef.current?.contains(target) ||\n                  target?.closest(\n                    '[data-testid=\"parsed-viewer\"], [role=\"dialog\"], [data-radix-popper-content-wrapper]'\n                  )\n                ) {\n                  e.preventDefault()\n                }\n              }}\n            >\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </PopoverContent>\n          </Popover>\n        </Command>\n      ) : (\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              role=\"combobox\"\n              aria-expanded={open}\n              className={cn(\n                'flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring md:text-sm pointer-coarse:h-11',\n                !value && 'text-muted-foreground'\n              )}\n              data-testid=\"document-combobox-trigger\"\n            >\n              <span className=\"truncate\">{selected?.title || l.placeholder}</span>\n              <ChevronsUpDown className=\"ml-2 size-4 shrink-0 opacity-50\" />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent className={contentClass} align=\"start\">\n            <Command>\n              <CommandInput placeholder={l.searchDocuments} />\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {selected && (\n        <div className=\"mt-2 space-y-1\" data-testid=\"document-combobox-info\">\n          <p className=\"text-sm text-muted-foreground\">\n            {pages != null && <span>{l.pages(pages)}</span>}\n            {pages != null && tokens != null && <span> · </span>}\n            {tokens != null && <span>{l.tokens(tokens)}</span>}\n          </p>\n          {isWarning && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-yellow-text\"\n              data-testid=\"document-combobox-warning\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.largeDocument}\n            </p>\n          )}\n          {isDanger && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-red-text\"\n              data-testid=\"document-combobox-danger\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.tooLong}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n","import {\n  Fragment,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { Ban, Check, ChevronDown, ChevronRight, Filter, FunnelX, MoreVertical } from 'lucide-react'\nimport {\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  cn,\n} from '@arbidocs/react/ui'\n\n/** include keeps matches, exclude drops them, null is indifferent. */\nexport type TriState = 'include' | 'exclude' | null\n\nexport interface TriStateOption<T extends string = string> {\n  id: T\n  label: string\n  icon?: ReactNode\n  count: number\n  disabled?: boolean\n  /** Indent level (nested options such as folders). */\n  depth?: number\n}\n\nexport interface TriStateGroup<T extends string = string> {\n  label: string\n  options: T[]\n  collapsible?: boolean\n}\n\n/** Every fixed string of the filter menu. */\nexport interface TriStateFilterMenuLabels {\n  clear: string\n}\n\nexport const DEFAULT_TRI_STATE_FILTER_MENU_LABELS: TriStateFilterMenuLabels = { clear: 'Clear' }\n\nexport interface HoverHandlers {\n  onMouseEnter: () => void\n  onMouseLeave: () => void\n}\n\nexport interface TriStateFilterMenuProps<T extends string> {\n  /** Test id of the trigger. */\n  testId: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: string\n  filterStates: Map<T, TriState>\n  onFiltersChange: (filters: Map<T, TriState>) => void\n  options: TriStateOption<T>[]\n  groups?: TriStateGroup<T>[]\n  /** Between the header and the options (e.g. a toggle). */\n  topContent?: ReactNode\n  /** Before a group, keyed by the group's label. */\n  groupTopContent?: Record<string, ReactNode>\n  /** After `topContent` (e.g. a folder navigator). */\n  folderContent?: ReactNode\n  /** After every group (e.g. a source toggle). */\n  bottomContent?: ReactNode\n  /** Label next to the filter icon of the trigger. */\n  triggerLabel?: string\n  /** Shows the active styling even with no tri-state filter set. */\n  hasExternalActiveState?: boolean\n  /** Never show the active styling (chips carry the indication instead). */\n  suppressTriggerActiveStyle?: boolean\n  /** Replaces the default trigger styling (e.g. flush inside a unified widget). */\n  triggerClassName?: string\n  /** A chevron after the icon/label instead of the dots: the trigger reads as a dropdown segment. */\n  renderChevron?: boolean\n  /** Open only on an explicit click, never on hover (trigger embedded in another control). */\n  disableHoverOpen?: boolean\n  /** Which edge of the trigger the menu lines up with (default: centered on it). */\n  align?: 'start' | 'center' | 'end'\n  /** Exposes the hover handlers so a wider hover target (a tab header) can drive the menu. */\n  onHoverHandlers?: (handlers: HoverHandlers) => void\n  labels?: Partial<TriStateFilterMenuLabels>\n}\n\n/**\n * Tri-state filter dropdown. Opens on hover (pointer) or click (locks it open until clicked\n * away); the open state is controlled so a host can persist it. Options cycle\n * neutral, include, exclude.\n */\nexport function TriStateFilterMenu<T extends string>({\n  testId,\n  open,\n  onOpenChange,\n  title,\n  filterStates,\n  onFiltersChange,\n  options,\n  groups,\n  topContent,\n  groupTopContent,\n  folderContent,\n  bottomContent,\n  triggerLabel,\n  hasExternalActiveState = false,\n  suppressTriggerActiveStyle = false,\n  triggerClassName,\n  renderChevron = false,\n  disableHoverOpen = false,\n  align = 'center',\n  onHoverHandlers,\n  labels,\n}: TriStateFilterMenuProps<T>) {\n  const l = { ...DEFAULT_TRI_STATE_FILTER_MENU_LABELS, ...labels }\n  const [collapsedGroups, setCollapsedGroups] = useState<Set<string>>(\n    () => new Set((groups ?? []).filter((g) => g.collapsible).map((g) => g.label))\n  )\n  // Opened by click: stays open until clicked away.\n  const [isClickOpen, setIsClickOpen] = useState(false)\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const cancelPendingClose = () => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n      hoverTimeoutRef.current = null\n    }\n  }\n\n  const handleMouseEnter = () => {\n    if (disableHoverOpen) return\n    cancelPendingClose()\n    if (!isClickOpen) onOpenChange(true)\n  }\n\n  const handleMouseLeave = () => {\n    if (disableHoverOpen || isClickOpen) return\n    // Delay so the pointer can travel to the content.\n    hoverTimeoutRef.current = setTimeout(() => {\n      if (!isClickOpen) onOpenChange(false)\n    }, 150)\n  }\n\n  const handleTriggerClick = () => {\n    setIsClickOpen(!isClickOpen)\n    onOpenChange(!isClickOpen)\n  }\n\n  useEffect(() => {\n    onHoverHandlers?.({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave })\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => cancelPendingClose, [])\n\n  const optionMap = useMemo(() => new Map(options.map((o) => [o.id, o])), [options])\n\n  // neutral -> include -> exclude -> neutral\n  const handleFilterToggle = (filterId: T) => {\n    const next = new Map(filterStates)\n    const current = next.get(filterId) ?? null\n    next.set(filterId, current === null ? 'include' : current === 'include' ? 'exclude' : null)\n    onFiltersChange(next)\n  }\n\n  const handleClearFilters = (e: MouseEvent) => {\n    e.stopPropagation()\n    // Only option ids: other keys (e.g. folder filters) stay.\n    const cleared = new Map(filterStates)\n    options.forEach((opt) => cleared.set(opt.id, null))\n    onFiltersChange(cleared)\n  }\n\n  const clearButton = (\n    <Button\n      variant=\"ghost\"\n      size=\"default\"\n      onClick={handleClearFilters}\n      className=\"ml-auto h-8 px-3 text-sm text-primary hover:text-primary pointer-coarse:h-11\"\n    >\n      <FunnelX className=\"mr-1.5 h-4 w-4 text-primary\" />\n      {l.clear}\n    </Button>\n  )\n\n  const hasActiveFilters = useMemo(() => {\n    const ids = new Set(options.map((o) => o.id))\n    return (\n      hasExternalActiveState ||\n      Array.from(filterStates.entries()).some(([k, v]) => ids.has(k) && v !== null)\n    )\n  }, [filterStates, options, hasExternalActiveState])\n  const isActive = !suppressTriggerActiveStyle && hasActiveFilters\n\n  // Without a title the Clear button rides on the first group's label row.\n  const showInlineClear =\n    !title &&\n    hasActiveFilters &&\n    !suppressTriggerActiveStyle &&\n    !!groups &&\n    groups.length > 0 &&\n    !groups[0].collapsible\n\n  const renderTriStateItem = (option: TriStateOption<T>) => {\n    const state = filterStates.get(option.id) ?? null\n    const badgeClass =\n      state === null\n        ? 'bg-card border-border text-foreground hover:bg-muted'\n        : state === 'include'\n          ? 'bg-primary text-primary-foreground border-primary hover:bg-primary'\n          : 'bg-card text-red-text border-red-text hover:bg-red-bg'\n    const stateIcon =\n      state === null ? (\n        <div className=\"size-3.5 rounded-sm border-2 border-border bg-transparent\" />\n      ) : state === 'include' ? (\n        <Check className=\"size-3\" strokeWidth={3} />\n      ) : (\n        <Ban className=\"size-3 text-red-text\" strokeWidth={3} />\n      )\n    const depthPadding = option.depth ? option.depth * 16 : 0\n\n    return (\n      <DropdownMenuItem\n        key={option.id}\n        onClick={() => handleFilterToggle(option.id)}\n        onSelect={(e) => e.preventDefault()}\n        disabled={option.disabled}\n        className=\"cursor-pointer p-1\"\n        style={depthPadding ? { paddingLeft: `${depthPadding + 4}px` } : undefined}\n      >\n        <Badge\n          variant=\"outline\"\n          className={cn(\n            'flex w-full items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11',\n            badgeClass\n          )}\n        >\n          {stateIcon}\n          {option.icon && <span className=\"[&>svg]:size-3.5\">{option.icon}</span>}\n          <span className=\"font-medium\">{option.label}</span>\n          <span className=\"ml-auto font-semibold\">{option.count}</span>\n        </Badge>\n      </DropdownMenuItem>\n    )\n  }\n\n  const toggleGroupCollapse = (label: string) => {\n    setCollapsedGroups((prev) => {\n      const next = new Set(prev)\n      if (!next.delete(label)) next.add(label)\n      return next\n    })\n  }\n\n  const renderOptions = () => {\n    if (!groups || groups.length === 0) return options.map(renderTriStateItem)\n\n    return groups.map((group, groupIndex) => {\n      const isCollapsed = !!group.collapsible && collapsedGroups.has(group.label)\n      const activeCount = group.collapsible\n        ? group.options.filter((id) => filterStates.get(id) !== null).length\n        : 0\n\n      return (\n        <Fragment key={group.label}>\n          {groupIndex > 0 && <DropdownMenuSeparator />}\n          {groupTopContent?.[group.label] && (\n            <>\n              <div className=\"px-2 py-1.5\">{groupTopContent[group.label]}</div>\n              <DropdownMenuSeparator />\n            </>\n          )}\n          {group.collapsible ? (\n            <button\n              type=\"button\"\n              onClick={() => toggleGroupCollapse(group.label)}\n              aria-expanded={!isCollapsed}\n              className=\"flex w-full cursor-pointer items-center gap-1 rounded-sm px-2 py-1.5 text-sm font-semibold text-primary hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n            >\n              {isCollapsed ? (\n                <ChevronRight className=\"size-3.5\" />\n              ) : (\n                <ChevronDown className=\"size-3.5\" />\n              )}\n              <span>{group.label}</span>\n              {isCollapsed && activeCount > 0 && (\n                <Badge\n                  variant=\"outline\"\n                  className=\"ml-auto flex h-4 min-w-4 items-center justify-center rounded-md px-1 text-xs leading-none\"\n                >\n                  {activeCount}\n                </Badge>\n              )}\n            </button>\n          ) : groupIndex === 0 && showInlineClear ? (\n            <div className=\"flex items-center justify-between pr-1\">\n              <DropdownMenuLabel className=\"text-primary\">{group.label}</DropdownMenuLabel>\n              {clearButton}\n            </div>\n          ) : (\n            <DropdownMenuLabel className=\"text-primary\">{group.label}</DropdownMenuLabel>\n          )}\n          {!isCollapsed &&\n            group.options\n              .map((id) => optionMap.get(id))\n              .filter((opt): opt is TriStateOption<T> => opt !== undefined)\n              .map(renderTriStateItem)}\n        </Fragment>\n      )\n    })\n  }\n\n  const tone = isActive ? 'text-primary' : 'text-muted-foreground'\n\n  return (\n    <DropdownMenu modal={false} open={open} onOpenChange={onOpenChange}>\n      <DropdownMenuTrigger asChild>\n        <span\n          role=\"button\"\n          tabIndex={0}\n          data-slot=\"tri-state-filter-trigger\"\n          className={\n            triggerClassName ??\n            'inline-flex cursor-pointer items-center gap-1 rounded-sm px-1.5 py-0.5 text-sm font-medium transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center'\n          }\n          data-testid={testId}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onClick={handleTriggerClick}\n        >\n          <Filter\n            className={cn(\n              'size-3 transition-colors',\n              isActive ? 'fill-primary text-primary' : tone\n            )}\n          />\n          {triggerLabel && <span className={tone}>{triggerLabel}</span>}\n          {renderChevron ? (\n            <ChevronDown className={cn('size-3 transition-colors', tone)} />\n          ) : (\n            triggerLabel && <MoreVertical className={cn('size-3 transition-colors', tone)} />\n          )}\n        </span>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align={align}\n        className=\"w-80 border-0 bg-muted\"\n        onCloseAutoFocus={(e) => e.preventDefault()}\n        onMouseEnter={cancelPendingClose}\n        onMouseLeave={() => {\n          if (!isClickOpen) onOpenChange(false)\n        }}\n        onPointerDownOutside={(e) => {\n          // Click-opened menus close only on a real outside click.\n          if (!isClickOpen) return\n          if (!(e.target as HTMLElement).closest('[role=\"menu\"]')) {\n            setIsClickOpen(false)\n            onOpenChange(false)\n          } else {\n            e.preventDefault()\n          }\n        }}\n      >\n        {(title || (hasActiveFilters && !suppressTriggerActiveStyle && !showInlineClear)) && (\n          <>\n            <div className=\"flex items-center justify-between px-2 py-1.5\">\n              {title && <DropdownMenuLabel className=\"p-0 text-primary\">{title}</DropdownMenuLabel>}\n              {hasActiveFilters && !showInlineClear && clearButton}\n            </div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {topContent && (\n          <>\n            <div className=\"px-2 py-1.5\">{topContent}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {folderContent && (\n          <>\n            <div className=\"px-1 py-0.5\">{folderContent}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {renderOptions()}\n        {bottomContent && (\n          <>\n            <DropdownMenuSeparator />\n            <div className=\"px-2 py-1.5\">{bottomContent}</div>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n","import * as React from 'react'\nimport { CheckIcon, ChevronDown, WandSparkles } from 'lucide-react'\n\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Separator,\n  cn,\n} from '@arbidocs/react/ui'\n\n/**\n * Variants for the multi-select component to handle different styles.\n * Uses class-variance-authority (cva) to define different styles based on \"variant\" prop.\n */\n\n/**\n * Props for MultiSelect component\n */\ninterface MultiSelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /**\n   * An array of option objects to be displayed in the multi-select component.\n   * Each option object has a label, value, and an optional icon.\n   */\n  data: {\n    /** The text to display for the option. */\n    label: string\n    /** The unique value associated with the option. */\n    value: string\n    /** Optional icon component to display alongside the option. */\n    icon?: React.ComponentType<{ className?: string }>\n  }[]\n\n  /**\n   * Current selected values.\n   */\n  value: string[]\n\n  /**\n   * Callback function triggered when the selected values change.\n   * Receives an array of the new selected values.\n   */\n  onChange: (value: string[]) => void\n\n  /**\n   * Current search value for filtering options.\n   */\n  searchValue?: string\n\n  /**\n   * Callback function triggered when the search value changes.\n   */\n  onSearchChange?: (value: string) => void\n\n  /**\n   * Placeholder text to be displayed when no values are selected.\n   * Optional, defaults to \"Select options\".\n   */\n  placeholder?: string\n\n  /**\n   * Whether the component is searchable.\n   */\n  searchable?: boolean\n\n  /**\n   * Whether the component is clearable.\n   */\n  clearable?: boolean\n\n  /**\n   * Size of the component.\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Whether the component should auto focus.\n   */\n  autoFocus?: boolean\n\n  /**\n   * Callback triggered when dropdown opens.\n   */\n  onDropdownOpen?: () => void\n\n  /**\n   * Callback triggered when dropdown closes.\n   */\n  onDropdownClose?: () => void\n\n  /**\n   * Custom render function for options.\n   */\n  renderOption?: (params: {\n    option: { label: string; value: string; icon?: React.ComponentType<{ className?: string }> }\n    checked: boolean\n  }) => React.ReactNode\n\n  /**\n   * Animation duration in seconds for the visual effects (e.g., bouncing badges).\n   * Optional, defaults to 0 (no animation).\n   */\n  animation?: number\n\n  /**\n   * Maximum number of items to display. Extra selected items will be summarized.\n   * Optional, defaults to 3.\n   */\n  maxCount?: number\n\n  /**\n   * The modality of the popover. When set to true, interaction with outside elements\n   * will be disabled and only popover content will be visible to screen readers.\n   * Optional, defaults to false.\n   */\n  modalPopover?: boolean\n\n  /**\n   * If true, renders the multi-select component as a child of another component.\n   * Optional, defaults to false.\n   */\n  asChild?: boolean\n\n  /**\n   * Additional class names to apply custom styles to the multi-select component.\n   * Optional, can be used to add custom styles.\n   */\n  className?: string\n}\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      data,\n      value,\n      onChange,\n      searchValue,\n      onSearchChange,\n      placeholder = 'Select options',\n      searchable = false,\n      clearable = false,\n      size = 'md',\n      autoFocus = false,\n      onDropdownOpen,\n      onDropdownClose,\n      renderOption,\n      animation = 0,\n      modalPopover = false,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false)\n    const [internalSearchValue, setInternalSearchValue] = React.useState('')\n\n    const currentSearchValue = searchValue ?? internalSearchValue\n\n    React.useEffect(() => {\n      if (isPopoverOpen && onDropdownOpen) {\n        onDropdownOpen()\n      } else if (!isPopoverOpen && onDropdownClose) {\n        onDropdownClose()\n      }\n    }, [isPopoverOpen, onDropdownOpen, onDropdownClose])\n\n    // Handle autoFocus - open dropdown immediately when component mounts\n    React.useEffect(() => {\n      if (autoFocus) {\n        setIsPopoverOpen(true)\n      }\n    }, [autoFocus])\n\n    const handleSearchValueChange = (newValue: string) => {\n      if (onSearchChange) {\n        onSearchChange(newValue)\n      } else {\n        setInternalSearchValue(newValue)\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case 'sm':\n          return 'min-h-8 text-sm'\n        case 'lg':\n          return 'min-h-12 text-base'\n        default:\n          return 'min-h-10 text-sm'\n      }\n    }\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        setIsPopoverOpen(true)\n      } else if (event.key === 'Backspace' && !event.currentTarget.value) {\n        const newSelectedValues = [...value]\n        newSelectedValues.pop()\n        onChange(newSelectedValues)\n      }\n    }\n\n    const toggleOption = (optionValue: string) => {\n      const newSelectedValues = value.includes(optionValue)\n        ? value.filter((v) => v !== optionValue)\n        : [...value, optionValue]\n      onChange(newSelectedValues)\n    }\n\n    const handleClear = () => {\n      onChange([])\n    }\n\n    const toggleAll = () => {\n      if (value.length === data.length) {\n        handleClear()\n      } else {\n        const allValues = data.map((option) => option.value)\n        onChange(allValues)\n      }\n    }\n\n    return (\n      <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            {...props}\n            variant=\"outline\"\n            className={cn(\n              'flex w-full p-1 rounded-md border h-auto items-center justify-between bg-background hover:bg-accent [&_svg]:pointer-events-auto',\n              getSizeClasses(),\n              className\n            )}\n            data-testid=\"multi-select-trigger\"\n          >\n            <div className=\"flex items-center justify-between w-full mx-auto\">\n              <span className=\"text-sm text-muted-foreground mx-3\">{placeholder}</span>\n              <ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\n            </div>\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n          align=\"start\"\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <Command shouldFilter={true}>\n            {searchable && (\n              <CommandInput\n                placeholder=\"Search...\"\n                value={currentSearchValue}\n                onValueChange={handleSearchValueChange}\n                onKeyDown={handleInputKeyDown}\n                autoFocus={autoFocus}\n              />\n            )}\n            <CommandList>\n              <CommandEmpty>No results found.</CommandEmpty>\n              <CommandGroup>\n                <CommandItem\n                  key=\"all\"\n                  onSelect={toggleAll}\n                  className=\"cursor-pointer\"\n                  data-testid=\"multi-select-all-option\"\n                >\n                  <div\n                    className={cn(\n                      'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n                      value.length === data.length\n                        ? 'bg-primary text-primary-foreground'\n                        : 'opacity-50 [&_svg]:invisible'\n                    )}\n                  >\n                    <CheckIcon className=\"h-4 w-4\" />\n                  </div>\n                  <span>(Select All)</span>\n                </CommandItem>\n                {data.map((option) => {\n                  const isSelected = value.includes(option.value)\n                  return (\n                    <CommandItem\n                      key={option.value}\n                      value={option.label}\n                      onSelect={() => toggleOption(option.value)}\n                      className=\"cursor-pointer\"\n                      data-testid={`multi-select-option-${option.value}`}\n                    >\n                      {renderOption ? (\n                        renderOption({ option, checked: isSelected })\n                      ) : (\n                        <>\n                          <div\n                            className={cn(\n                              'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n                              isSelected\n                                ? 'bg-primary text-primary-foreground'\n                                : 'opacity-50 [&_svg]:invisible'\n                            )}\n                          >\n                            <CheckIcon className=\"h-4 w-4\" />\n                          </div>\n                          {option.icon && (\n                            <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                          )}\n                          <span>{option.label}</span>\n                        </>\n                      )}\n                    </CommandItem>\n                  )\n                })}\n              </CommandGroup>\n              <CommandSeparator />\n              <CommandGroup>\n                <div className=\"flex items-center justify-between\">\n                  {clearable && value.length > 0 && (\n                    <>\n                      <CommandItem\n                        onSelect={handleClear}\n                        className=\"flex-1 justify-center cursor-pointer\"\n                        data-testid=\"multi-select-clear-button\"\n                      >\n                        Clear\n                      </CommandItem>\n                      <Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n                    </>\n                  )}\n                  <CommandItem\n                    onSelect={() => setIsPopoverOpen(false)}\n                    className=\"flex-1 justify-center cursor-pointer max-w-full\"\n                    data-testid=\"multi-select-close-button\"\n                  >\n                    Close\n                  </CommandItem>\n                </div>\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n        {animation > 0 && value.length > 0 && (\n          <WandSparkles className=\"cursor-pointer my-2 text-muted-foreground bg-background w-3 h-3\" />\n        )}\n      </Popover>\n    )\n  }\n)\n\nMultiSelect.displayName = 'MultiSelect'\n"]}