@pipe0/react 1.0.29 → 1.0.31

package/dist/hooks/use-pipe-catalog-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-pipe-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-pipe-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  collectRequirementFields,\n  filterPipeEntries,\n  getDefaultOutputFields,\n  getDefaultPipeProviders,\n  getInitialTableData,\n  getLowestPipeCreditAmount,\n  getPipeAccessLevel,\n  getPipeSearchTarget,\n  getStartingCostPerPipesProvider,\n  getTableDataAggregates,\n  isEntryAccessible,\n  isTokenBilledOperations,\n  type OrgAccessLevel,\n  type PipeCatalogEntry,\n  type PipeCategory,\n  type PipeEntryWithLatestVersion,\n  type PipeId,\n} from \"@pipe0/base\";\nimport {\n  type ColumnFilter,\n  createColumnHelper,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { PipeCardData } from \"../types/catalog-adapters.js\";\nimport { catalogSearchFilter, catalogSearchSort } from \"../utils/catalog-helpers.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type InputFieldEntries = Record<string, PipeId[]>;\nexport type OutputFieldEntries = Record<string, PipeId[]>;\n\n/**\n * Access-ladder trim for table data: partner-gated entries are hidden below\n * partner. Verified-gated entries stay in the table — the cards mark them\n * `locked` so they render grayed with a \"requires verification\" note. No\n * `accessLevel` (undefined) = no gating, so existing consumers are unchanged.\n */\nfunction hidePartnerGated<T extends { pipeId: PipeId }>(\n  rows: T[],\n  accessLevel: OrgAccessLevel | undefined,\n): T[] {\n  if (accessLevel === undefined || accessLevel === \"partner\") return rows;\n  return rows.filter((row) => getPipeAccessLevel(row.pipeId) !== \"partner\");\n}\n\nconst columnHelper = createColumnHelper<PipeEntryWithLatestVersion>();\n\nconst columns = [\n  columnHelper.accessor(\"pipeId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"label\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"description\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\n    (row) =>\n      row.defaultInputRequirement\n        ? collectRequirementFields(row.defaultInputRequirement).map(({ field }) => field.name)\n        : [],\n    {\n      id: \"inputFields\",\n      filterFn: \"arrIncludes\",\n      enableGlobalFilter: false,\n    },\n  ),\n  columnHelper.accessor((row) => getDefaultOutputFields(row) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => getDefaultPipeProviders(row.pipeId) || [], {\n    id: \"providers\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  // Hidden relevance column — the ONLY globally-filterable one, so the global\n  // filter scores each row exactly once and catalogSearchSort can read the\n  // score back from this column's filter meta.\n  columnHelper.accessor((row) => getPipeSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortingFn: catalogSearchSort,\n  }),\n];\n\nexport function usePipeCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /**\n     * Optional whitelist/blacklist of pipes and providers. Memoize to avoid\n     * recomputing the table data on every render.\n     */\n    filter?: CatalogFilter;\n    /**\n     * The viewing org's access level. Hides partner-gated pipes below partner\n     * and marks verified-gated cards `locked` below verified. Omit for no\n     * gating (docs/playground).\n     */\n    accessLevel?: OrgAccessLevel;\n  } = {},\n) {\n  const [category, setCategory] = useState<PipeCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter, accessLevel } = config;\n\n  const initialTableData = useMemo(\n    () => hidePartnerGated(filterPipeEntries(getInitialTableData(category), filter), accessLevel),\n    [category, filter, accessLevel],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump when the\n  // user changes a filter.\n  const baselineTableData = useMemo(\n    () => hidePartnerGated(filterPipeEntries(getInitialTableData(null), filter), accessLevel),\n    [filter, accessLevel],\n  );\n\n  const table = useReactTable({\n    columns,\n    data: initialTableData,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    globalFilterFn: catalogSearchFilter,\n    getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,\n    initialState: {\n      columnFilters: initialColumnFilters,\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  const columnFilters = table.getState().columnFilters;\n\n  const aggregates = useMemo(\n    () => getTableDataAggregates(initialTableData, category),\n    [category, initialTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.getState().globalFilter) return;\n    table.setGlobalFilter(v);\n    // Relevance order only while a query is active; empty query restores\n    // catalog order.\n    table.setSorting(v ? [{ id: \"search\", desc: true }] : []);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\", value: string) => {\n      setGlobalFilterImmediately(\"\");\n      table.setColumnFilters([{ id, value }]);\n    },\n    [setGlobalFilterImmediately, table],\n  );\n\n  const handleCategoryChange = useCallback(\n    (category: PipeCategory | null) => {\n      setCategory(category);\n      table.setColumnFilters([]);\n      setGlobalFilterImmediately(\"\");\n    },\n    [table, setGlobalFilterImmediately],\n  );\n\n  const resetFilters = useCallback(() => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  }, [setGlobalFilterImmediately]);\n\n  const removeColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      table.getColumn(id)?.setFilterValue(null);\n    },\n    [table],\n  );\n\n  const getColumnFilterValue = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      const res = columnFilters.find((f) => f.id === id)?.value;\n      return res as string;\n    },\n    [columnFilters],\n  );\n\n  // Pre-compute card display data so consumers don't have to. Memoized on\n  // the filtered rows + aggregate map (both stable references from tanstack).\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<PipeCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.pipeEntriesByBasePipe[entry.basePipe]?.[0] ??\n          entry) as PipeCatalogEntry & { pipeId: PipeId };\n        const providers = getDefaultPipeProviders(latestEntry.pipeId);\n        const gate = getPipeAccessLevel(latestEntry.pipeId);\n        const locked =\n          accessLevel !== undefined && gate !== undefined && !isEntryAccessible(gate, accessLevel);\n        return {\n          ...(locked ? { locked, requiredAccessLevel: gate } : {}),\n          pipeId: latestEntry.pipeId,\n          basePipe: entry.basePipe,\n          label: entry.label,\n          description: entry.description,\n          providers,\n          startingCostPerProvider: getStartingCostPerPipesProvider(latestEntry.pipeId),\n          startingCreditAmount: getLowestPipeCreditAmount(latestEntry),\n          costMode: isTokenBilledOperations(latestEntry.billableOperations)\n            ? \"usage\"\n            : \"per_result\",\n          defaultInputFields: latestEntry.defaultInputRequirement\n            ? collectRequirementFields(latestEntry.defaultInputRequirement).map(({ field }) => ({\n                name: field.name,\n              }))\n            : [],\n          defaultOutputFields: getDefaultOutputFields(latestEntry) ?? [],\n          docPath: latestEntry.docPath,\n          entry,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.pipeEntriesByBasePipe, accessLevel],\n  );\n\n  // Group cards by category. Pipes can belong to multiple categories — they\n  // appear once per matching category. Order: insertion (first-seen).\n  const cardsByCategory = useMemo<{ category: PipeCategory; cards: PipeCardData[] }[]>(() => {\n    const groups = new Map<PipeCategory, PipeCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  // Count of cards per category (a pipe in N categories counts N times).\n  const categoryCounts = useMemo<Partial<Record<PipeCategory, number>>>(() => {\n    const counts: Partial<Record<PipeCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied). Use these to render category-selector counts that don't jump as\n  // the user clicks around.\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<PipeCategory, number>>>(() => {\n    const counts: Partial<Record<PipeCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    // category + global filter\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    // mutators\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    // aggregates for filter UI\n    sortedInputFieldEntries: aggregates.sortedInputFieldEntries,\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    // reverse indexes (power-user / inverted-filter UX)\n    pipeIdsByInputField: aggregates.pipeIdsByInputField,\n    pipeIdsByOutputField: aggregates.pipeIdsByOutputField,\n    pipeIdsByProvider: aggregates.pipeIdsByProvider,\n    pipeIdsByTag: aggregates.pipeIdsByTag,\n  };\n}\n\nexport type UsePipeCatalogTableReturn = ReturnType<typeof usePipeCatalogTable>;\n"],"mappings":"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"}
+{"version":3,"file":"use-pipe-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-pipe-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  collectRequirementFields,\n  filterPipeEntries,\n  getDefaultOutputFields,\n  getDefaultPipeProviders,\n  getInitialTableData,\n  getLowestPipeCreditAmount,\n  getPipeAccessLevel,\n  getPipeSearchTarget,\n  getStartingCostPerPipesProvider,\n  getTableDataAggregates,\n  isEntryAccessible,\n  isTokenBilledOperations,\n  type OrgAccessLevel,\n  type PipeCatalogEntry,\n  type PipeCategory,\n  type PipeEntryWithLatestVersion,\n  type PipeId,\n} from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport type { PipeCardData } from \"../types/catalog-adapters.js\";\nimport { createCatalogColumnHelper, useCatalogTable } from \"./catalog-table.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type InputFieldEntries = Record<string, PipeId[]>;\nexport type OutputFieldEntries = Record<string, PipeId[]>;\n\n/**\n * Access-ladder trim for table data: partner-gated entries are hidden below\n * partner. Verified-gated entries stay in the table — the cards mark them\n * `locked` so they render grayed with a \"requires verification\" note. No\n * `accessLevel` (undefined) = no gating, so existing consumers are unchanged.\n */\nfunction hidePartnerGated<T extends { pipeId: PipeId }>(\n  rows: T[],\n  accessLevel: OrgAccessLevel | undefined,\n): T[] {\n  if (accessLevel === undefined || accessLevel === \"partner\") return rows;\n  return rows.filter((row) => getPipeAccessLevel(row.pipeId) !== \"partner\");\n}\n\nconst columnHelper = createCatalogColumnHelper<PipeEntryWithLatestVersion>();\n\nconst columns = columnHelper.columns([\n  columnHelper.accessor(\"pipeId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"label\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"description\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\n    (row) =>\n      row.defaultInputRequirement\n        ? collectRequirementFields(row.defaultInputRequirement).map(({ field }) => field.name)\n        : [],\n    {\n      id: \"inputFields\",\n      filterFn: \"arrIncludes\",\n      enableGlobalFilter: false,\n    },\n  ),\n  columnHelper.accessor((row) => getDefaultOutputFields(row) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => getDefaultPipeProviders(row.pipeId) || [], {\n    id: \"providers\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  // Hidden relevance column — the ONLY globally-filterable one, so the global\n  // filter scores each row exactly once and catalogSearchSort can read the\n  // score back from this column's filter meta.\n  columnHelper.accessor((row) => getPipeSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortFn: \"catalogSearch\",\n  }),\n]);\n\nexport function usePipeCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /**\n     * Optional whitelist/blacklist of pipes and providers. Memoize to avoid\n     * recomputing the table data on every render.\n     */\n    filter?: CatalogFilter;\n    /**\n     * The viewing org's access level. Hides partner-gated pipes below partner\n     * and marks verified-gated cards `locked` below verified. Omit for no\n     * gating (docs/playground).\n     */\n    accessLevel?: OrgAccessLevel;\n  } = {},\n) {\n  const [category, setCategory] = useState<PipeCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter, accessLevel } = config;\n\n  const initialTableData = useMemo(\n    () => hidePartnerGated(filterPipeEntries(getInitialTableData(category), filter), accessLevel),\n    [category, filter, accessLevel],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump when the\n  // user changes a filter.\n  const baselineTableData = useMemo(\n    () => hidePartnerGated(filterPipeEntries(getInitialTableData(null), filter), accessLevel),\n    [filter, accessLevel],\n  );\n\n  const table = useCatalogTable({\n    columns,\n    data: initialTableData,\n    initialState: { columnFilters: initialColumnFilters },\n  });\n\n  const columnFilters = table.state.columnFilters;\n\n  const aggregates = useMemo(\n    () => getTableDataAggregates(initialTableData, category),\n    [category, initialTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.atoms.globalFilter.get()) return;\n    table.setGlobalFilter(v);\n    // Relevance order only while a query is active; empty query restores\n    // catalog order.\n    table.setSorting(v ? [{ id: \"search\", desc: true }] : []);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = (\n    id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\",\n    value: string,\n  ) => {\n    setGlobalFilterImmediately(\"\");\n    table.setColumnFilters([{ id, value }]);\n  };\n\n  const handleCategoryChange = (category: PipeCategory | null) => {\n    setCategory(category);\n    table.setColumnFilters([]);\n    setGlobalFilterImmediately(\"\");\n  };\n\n  const resetFilters = () => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  };\n\n  const removeColumnFilter = (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n    table.getColumn(id)?.setFilterValue(null);\n  };\n\n  const getColumnFilterValue = (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n    const res = columnFilters.find((f) => f.id === id)?.value;\n    return res as string;\n  };\n\n  // Pre-compute card display data so consumers don't have to. Memoized on\n  // the filtered rows + aggregate map (both stable references from tanstack).\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<PipeCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.pipeEntriesByBasePipe[entry.basePipe]?.[0] ??\n          entry) as PipeCatalogEntry & { pipeId: PipeId };\n        const providers = getDefaultPipeProviders(latestEntry.pipeId);\n        const gate = getPipeAccessLevel(latestEntry.pipeId);\n        const locked =\n          accessLevel !== undefined && gate !== undefined && !isEntryAccessible(gate, accessLevel);\n        return {\n          ...(locked ? { locked, requiredAccessLevel: gate } : {}),\n          pipeId: latestEntry.pipeId,\n          basePipe: entry.basePipe,\n          label: entry.label,\n          description: entry.description,\n          providers,\n          startingCostPerProvider: getStartingCostPerPipesProvider(latestEntry.pipeId),\n          startingCreditAmount: getLowestPipeCreditAmount(latestEntry),\n          costMode: isTokenBilledOperations(latestEntry.billableOperations)\n            ? \"usage\"\n            : \"per_result\",\n          defaultInputFields: latestEntry.defaultInputRequirement\n            ? collectRequirementFields(latestEntry.defaultInputRequirement).map(({ field }) => ({\n                name: field.name,\n              }))\n            : [],\n          defaultOutputFields: getDefaultOutputFields(latestEntry) ?? [],\n          docPath: latestEntry.docPath,\n          entry,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.pipeEntriesByBasePipe, accessLevel],\n  );\n\n  // Group cards by category. Pipes can belong to multiple categories — they\n  // appear once per matching category. Order: insertion (first-seen).\n  const cardsByCategory = useMemo<{ category: PipeCategory; cards: PipeCardData[] }[]>(() => {\n    const groups = new Map<PipeCategory, PipeCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  // Count of cards per category (a pipe in N categories counts N times).\n  const categoryCounts = useMemo<Partial<Record<PipeCategory, number>>>(() => {\n    const counts: Partial<Record<PipeCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied). Use these to render category-selector counts that don't jump as\n  // the user clicks around.\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<PipeCategory, number>>>(() => {\n    const counts: Partial<Record<PipeCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    // category + global filter\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    // mutators\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    // aggregates for filter UI\n    sortedInputFieldEntries: aggregates.sortedInputFieldEntries,\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    // reverse indexes (power-user / inverted-filter UX)\n    pipeIdsByInputField: aggregates.pipeIdsByInputField,\n    pipeIdsByOutputField: aggregates.pipeIdsByOutputField,\n    pipeIdsByProvider: aggregates.pipeIdsByProvider,\n    pipeIdsByTag: aggregates.pipeIdsByTag,\n  };\n}\n\nexport type UsePipeCatalogTableReturn = ReturnType<typeof usePipeCatalogTable>;\n"],"mappings":"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"}

package/dist/hooks/use-search-catalog-table.d.mts

@@ -1,4 +1,5 @@
 import { SearchCardData } from "../types/catalog-adapters.mjs";
+import { CatalogFilterMeta, CatalogSearchFeatures } from "../utils/catalog-helpers.mjs";
 import * as _$react from "react";
 import { CatalogFilter, OrgAccessLevel, SearchCatalogTableData, SearchCategory, SearchId } from "@pipe0/base";
 import * as _$_tanstack_react_table0 from "@tanstack/react-table";
@@ -16,7 +17,22 @@ declare function useSearchCatalogTable(config?: {
    */
   accessLevel?: OrgAccessLevel;
 }): {
-  table: _$_tanstack_react_table0.Table<SearchCatalogTableData>;
+  table: _$_tanstack_react_table0.AppReactTable<{
+    columnFilteringFeature: _$_tanstack_react_table0.TableFeature;
+    globalFilteringFeature: _$_tanstack_react_table0.TableFeature;
+    rowSortingFeature: _$_tanstack_react_table0.TableFeature;
+    filteredRowModel: (table: _$_tanstack_react_table0.Table<any, any>) => () => _$_tanstack_react_table0.RowModel<any, any>;
+    sortedRowModel: (table: _$_tanstack_react_table0.Table<any, any>) => () => _$_tanstack_react_table0.RowModel<any, any>;
+    filterFns: {
+      includesString: _$_tanstack_react_table0.CreatedFilterFn<any, any>;
+      arrIncludes: _$_tanstack_react_table0.CreatedFilterFn<any, any>;
+      catalogSearch: _$_tanstack_react_table0.FilterFn<CatalogSearchFeatures, _$_tanstack_react_table0.RowData>;
+    };
+    sortFns: {
+      catalogSearch: _$_tanstack_react_table0.SortFn<CatalogSearchFeatures, _$_tanstack_react_table0.RowData>;
+    };
+    filterMeta: CatalogFilterMeta;
+  }, SearchCatalogTableData, _$_tanstack_react_table0.TableState_ColumnFiltering & _$_tanstack_react_table0.TableState_GlobalFiltering & _$_tanstack_react_table0.TableState_RowSorting, {}, {}, {}>;
   cards: SearchCardData[];
   cardsByCategory: {
     category: SearchCategory;

package/dist/hooks/use-search-catalog-table.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-search-catalog-table.ts"],"mappings":";;;;;;;KA+BY,wBAAA,GAA2B,MAAA,SAAe,QAAA;AAAA,iBAkDtC,qBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;EAEvB,MAAA,GAAS,aAAA;EAtDuB;;;;AAkDpC;EAUI,WAAA,GAAc,cAAA;AAAA;;;;cAkI4B,cAAA;WAAuB,cAAA;EAAA;;;;;0BAnDtD,cAAA;;yCAAc,OAAA,CAAA,cAAA;+EApBiC,KAAA;;;;;;;;;;;KA4IlD,2BAAA,GAA8B,UAAA,QAAkB,qBAAA"}
+{"version":3,"file":"use-search-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-search-catalog-table.ts"],"mappings":";;;;;;;;KAwBY,wBAAA,GAA2B,MAAA,SAAe,QAAA;AAAA,iBAkDtC,qBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;EAEvB,MAAA,GAAS,aAAA;;AAtDb;;;;EA4DI,WAAA,GAAc,cAAA;AAAA;;4BAAc,wBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;cA+Gc,cAAA;WAAuB,cAAA;EAAA;;;;;0BA9C3B,cAAA;;yCAAc,OAAA,CAAA,cAAA;+EAhBK,KAAA;;;;;;;;;;;KAmIjD,2BAAA,GAA8B,UAAA,QAAkB,qBAAA"}

package/dist/hooks/use-search-catalog-table.mjs

@@ -1,8 +1,7 @@
-import { catalogSearchFilter, catalogSearchSort } from "../utils/catalog-helpers.mjs";
+import { createCatalogColumnHelper, useCatalogTable } from "./catalog-table.mjs";
 import { useDebounce } from "./use-debounce.mjs";
-import { useCallback, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { filterSearchEntries, getDefaultSearchOutputFields, getInitialSearchTableData, getLoweestSearchCreditAmount, getSearchAccessLevel, getSearchSearchTarget, getSearchTableDataAggregates, getStartingCostPerSearchProvider, isEntryAccessible, isTokenBilledOperations } from "@pipe0/base";
-import { createColumnHelper, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 
 //#region src/hooks/use-search-catalog-table.ts
 /** Mirrors the pipe hook: partner-gated searches are hidden below partner. */
@@ -10,8 +9,8 @@ function hidePartnerGated(rows, accessLevel) {
 	if (accessLevel === void 0 || accessLevel === "partner") return rows;
 	return rows.filter((row) => getSearchAccessLevel(row.searchId) !== "partner");
 }
-const columnHelper = createColumnHelper();
-const columns = [
+const columnHelper = createCatalogColumnHelper();
+const columns = columnHelper.columns([
 	columnHelper.accessor("searchId", {
 		filterFn: "includesString",
 		enableGlobalFilter: false
@@ -39,9 +38,9 @@ const columns = [
 		id: "search",
 		enableGlobalFilter: true,
 		enableSorting: true,
-		sortingFn: catalogSearchSort
+		sortFn: "catalogSearch"
 	})
-];
+]);
 function useSearchCatalogTable(config = {}) {
 	const [category, setCategory] = useState(null);
 	const { initialColumnFilters = [], filter, accessLevel } = config;
@@ -51,23 +50,15 @@ function useSearchCatalogTable(config = {}) {
 		accessLevel
 	]);
 	const baselineTableData = useMemo(() => hidePartnerGated(filterSearchEntries(getInitialSearchTableData(null), filter), accessLevel), [filter, accessLevel]);
-	const table = useReactTable({
+	const table = useCatalogTable({
 		columns,
 		data: initialSearchTableData,
-		getCoreRowModel: getCoreRowModel(),
-		getFilteredRowModel: getFilteredRowModel(),
-		getSortedRowModel: getSortedRowModel(),
-		globalFilterFn: catalogSearchFilter,
-		getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,
-		initialState: {
-			columnFilters: initialColumnFilters,
-			pagination: { pageSize: 10 }
-		}
+		initialState: { columnFilters: initialColumnFilters }
 	});
-	const columnFilters = table.getState().columnFilters;
+	const columnFilters = table.state.columnFilters;
 	const aggregates = useMemo(() => getSearchTableDataAggregates(initialSearchTableData, category), [category, initialSearchTableData]);
 	const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {
-		if (v === table.getState().globalFilter) return;
+		if (v === table.atoms.globalFilter.get()) return;
 		table.setGlobalFilter(v);
 		table.setSorting(v ? [{
 			id: "search",
@@ -78,28 +69,28 @@ function useSearchCatalogTable(config = {}) {
 			table.setColumnFilters([]);
 		}
 	});
-	const addColumnFilter = useCallback((id, value) => {
+	const addColumnFilter = (id, value) => {
 		setGlobalFilterImmediately("");
 		table.setColumnFilters([{
 			id,
 			value
 		}]);
-	}, [setGlobalFilterImmediately, table]);
-	const resetFilters = useCallback(() => {
+	};
+	const resetFilters = () => {
 		setGlobalFilterImmediately("");
 		setCategory(null);
-	}, [setGlobalFilterImmediately]);
-	const removeColumnFilter = useCallback((id) => {
+	};
+	const removeColumnFilter = (id) => {
 		table.getColumn(id)?.setFilterValue(null);
-	}, [table]);
-	const handleCategoryChange = useCallback((category) => {
+	};
+	const handleCategoryChange = (category) => {
 		setCategory(category);
 		table.setColumnFilters([]);
 		setGlobalFilterImmediately("");
-	}, [table, setGlobalFilterImmediately]);
-	const getColumnFilterValue = useCallback((id) => {
+	};
+	const getColumnFilterValue = (id) => {
 		return columnFilters.find((f) => f.id === id)?.value;
-	}, [columnFilters]);
+	};
 	const rows = table.getRowModel().rows;
 	const cards = useMemo(() => rows.map((row) => {
 		const entry = row.original;

package/dist/hooks/use-search-catalog-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-search-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  filterSearchEntries,\n  getDefaultSearchOutputFields,\n  getInitialSearchTableData,\n  getLoweestSearchCreditAmount,\n  getSearchAccessLevel,\n  getSearchSearchTarget,\n  getSearchTableDataAggregates,\n  getStartingCostPerSearchProvider,\n  isEntryAccessible,\n  isTokenBilledOperations,\n  type OrgAccessLevel,\n  type SearchCatalogEntry,\n  type SearchCatalogTableData,\n  type SearchCategory,\n  type SearchId,\n} from \"@pipe0/base\";\nimport {\n  type ColumnFilter,\n  createColumnHelper,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CostMode, SearchCardData } from \"../types/catalog-adapters.js\";\nimport { catalogSearchFilter, catalogSearchSort } from \"../utils/catalog-helpers.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type SearchOutputFieldEntries = Record<string, SearchId[]>;\n\n/** Mirrors the pipe hook: partner-gated searches are hidden below partner. */\nfunction hidePartnerGated<T extends { searchId: SearchId }>(\n  rows: T[],\n  accessLevel: OrgAccessLevel | undefined,\n): T[] {\n  if (accessLevel === undefined || accessLevel === \"partner\") return rows;\n  return rows.filter((row) => getSearchAccessLevel(row.searchId) !== \"partner\");\n}\n\nconst columnHelper = createColumnHelper<SearchCatalogTableData>();\n\nconst columns = [\n  columnHelper.accessor(\"searchId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"description\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"label\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => getDefaultSearchOutputFields(row.searchId) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.provider, {\n    id: \"providers\",\n    enableGlobalFilter: false,\n  }),\n  // Hidden relevance column — the ONLY globally-filterable one, so the global\n  // filter scores each row exactly once and catalogSearchSort can read the\n  // score back from this column's filter meta.\n  columnHelper.accessor((row) => getSearchSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortingFn: catalogSearchSort,\n  }),\n];\n\nexport function useSearchCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /** Optional whitelist/blacklist of searches and providers. Memoize. */\n    filter?: CatalogFilter;\n    /**\n     * The viewing org's access level. Hides partner-gated searches below\n     * partner and marks verified-gated cards `locked` below verified. Omit\n     * for no gating (docs/playground).\n     */\n    accessLevel?: OrgAccessLevel;\n  } = {},\n) {\n  const [category, setCategory] = useState<SearchCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter, accessLevel } = config;\n\n  const initialSearchTableData = useMemo(\n    () =>\n      hidePartnerGated(\n        filterSearchEntries(getInitialSearchTableData(category), filter),\n        accessLevel,\n      ),\n    [category, filter, accessLevel],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () =>\n      hidePartnerGated(filterSearchEntries(getInitialSearchTableData(null), filter), accessLevel),\n    [filter, accessLevel],\n  );\n\n  const table = useReactTable({\n    columns,\n    data: initialSearchTableData,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    globalFilterFn: catalogSearchFilter,\n    getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,\n    initialState: {\n      columnFilters: initialColumnFilters,\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  const columnFilters = table.getState().columnFilters;\n\n  const aggregates = useMemo(\n    () => getSearchTableDataAggregates(initialSearchTableData, category),\n    [category, initialSearchTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.getState().globalFilter) return;\n    table.setGlobalFilter(v);\n    // Relevance order only while a query is active; empty query restores\n    // catalog order.\n    table.setSorting(v ? [{ id: \"search\", desc: true }] : []);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\", value: string) => {\n      setGlobalFilterImmediately(\"\");\n      table.setColumnFilters([{ id, value }]);\n    },\n    [setGlobalFilterImmediately, table],\n  );\n\n  const resetFilters = useCallback(() => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  }, [setGlobalFilterImmediately]);\n\n  const removeColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      table.getColumn(id)?.setFilterValue(null);\n    },\n    [table],\n  );\n\n  const handleCategoryChange = useCallback(\n    (category: SearchCategory | null) => {\n      setCategory(category);\n      table.setColumnFilters([]);\n      setGlobalFilterImmediately(\"\");\n    },\n    [table, setGlobalFilterImmediately],\n  );\n\n  const getColumnFilterValue = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      const res = columnFilters.find((f) => f.id === id)?.value;\n      return res as string;\n    },\n    [columnFilters],\n  );\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<SearchCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.searchEntriesByBaseSearch[entry.baseSearch]?.[0] ??\n          entry) as SearchCatalogEntry & { searchId: SearchId };\n        const gate = getSearchAccessLevel(latestEntry.searchId);\n        const locked =\n          accessLevel !== undefined && gate !== undefined && !isEntryAccessible(gate, accessLevel);\n        return {\n          ...(locked ? { locked, requiredAccessLevel: gate } : {}),\n          searchId: latestEntry.searchId,\n          baseSearch: entry.baseSearch,\n          label: entry.label,\n          description: entry.description,\n          provider: entry.provider,\n          providers: [entry.provider],\n          startingCostPerProvider: getStartingCostPerSearchProvider(latestEntry.searchId),\n          startingCreditAmount: getLoweestSearchCreditAmount(latestEntry),\n          // A usage-metered search bills per operation and carries cost.credits 0,\n          // so the flat mode would render it as free. Same branch the pipe and\n          // effect hooks already use.\n          costMode: isTokenBilledOperations(latestEntry.billableOperations ?? {})\n            ? (\"usage\" as CostMode)\n            : ((latestEntry.cost.mode ?? \"per_page\") as CostMode),\n          defaultOutputFields: getDefaultSearchOutputFields(latestEntry.searchId),\n          docPath: latestEntry.docPath,\n          entry: entry as SearchCatalogTableData,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.searchEntriesByBaseSearch, accessLevel],\n  );\n\n  const cardsByCategory = useMemo<{ category: SearchCategory; cards: SearchCardData[] }[]>(() => {\n    const groups = new Map<SearchCategory, SearchCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    searchIdsByOutputField: aggregates.searchIdsByOutputField,\n    searchIdsByProvider: aggregates.searchIdsByProvider,\n    searchIdsByTag: aggregates.searchIdsByTag,\n  };\n}\n\nexport type UseSearchCatalogTableReturn = ReturnType<typeof useSearchCatalogTable>;\n"],"mappings":"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"}
+{"version":3,"file":"use-search-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-search-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  filterSearchEntries,\n  getDefaultSearchOutputFields,\n  getInitialSearchTableData,\n  getLoweestSearchCreditAmount,\n  getSearchAccessLevel,\n  getSearchSearchTarget,\n  getSearchTableDataAggregates,\n  getStartingCostPerSearchProvider,\n  isEntryAccessible,\n  isTokenBilledOperations,\n  type OrgAccessLevel,\n  type SearchCatalogEntry,\n  type SearchCatalogTableData,\n  type SearchCategory,\n  type SearchId,\n} from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport type { CostMode, SearchCardData } from \"../types/catalog-adapters.js\";\nimport { createCatalogColumnHelper, useCatalogTable } from \"./catalog-table.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type SearchOutputFieldEntries = Record<string, SearchId[]>;\n\n/** Mirrors the pipe hook: partner-gated searches are hidden below partner. */\nfunction hidePartnerGated<T extends { searchId: SearchId }>(\n  rows: T[],\n  accessLevel: OrgAccessLevel | undefined,\n): T[] {\n  if (accessLevel === undefined || accessLevel === \"partner\") return rows;\n  return rows.filter((row) => getSearchAccessLevel(row.searchId) !== \"partner\");\n}\n\nconst columnHelper = createCatalogColumnHelper<SearchCatalogTableData>();\n\nconst columns = columnHelper.columns([\n  columnHelper.accessor(\"searchId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"description\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"label\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => getDefaultSearchOutputFields(row.searchId) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.provider, {\n    id: \"providers\",\n    enableGlobalFilter: false,\n  }),\n  // Hidden relevance column — the ONLY globally-filterable one, so the global\n  // filter scores each row exactly once and catalogSearchSort can read the\n  // score back from this column's filter meta.\n  columnHelper.accessor((row) => getSearchSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortFn: \"catalogSearch\",\n  }),\n]);\n\nexport function useSearchCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /** Optional whitelist/blacklist of searches and providers. Memoize. */\n    filter?: CatalogFilter;\n    /**\n     * The viewing org's access level. Hides partner-gated searches below\n     * partner and marks verified-gated cards `locked` below verified. Omit\n     * for no gating (docs/playground).\n     */\n    accessLevel?: OrgAccessLevel;\n  } = {},\n) {\n  const [category, setCategory] = useState<SearchCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter, accessLevel } = config;\n\n  const initialSearchTableData = useMemo(\n    () =>\n      hidePartnerGated(\n        filterSearchEntries(getInitialSearchTableData(category), filter),\n        accessLevel,\n      ),\n    [category, filter, accessLevel],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () =>\n      hidePartnerGated(filterSearchEntries(getInitialSearchTableData(null), filter), accessLevel),\n    [filter, accessLevel],\n  );\n\n  const table = useCatalogTable({\n    columns,\n    data: initialSearchTableData,\n    initialState: { columnFilters: initialColumnFilters },\n  });\n\n  const columnFilters = table.state.columnFilters;\n\n  const aggregates = useMemo(\n    () => getSearchTableDataAggregates(initialSearchTableData, category),\n    [category, initialSearchTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.atoms.globalFilter.get()) return;\n    table.setGlobalFilter(v);\n    // Relevance order only while a query is active; empty query restores\n    // catalog order.\n    table.setSorting(v ? [{ id: \"search\", desc: true }] : []);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = (\n    id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\",\n    value: string,\n  ) => {\n    setGlobalFilterImmediately(\"\");\n    table.setColumnFilters([{ id, value }]);\n  };\n\n  const resetFilters = () => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  };\n\n  const removeColumnFilter = (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n    table.getColumn(id)?.setFilterValue(null);\n  };\n\n  const handleCategoryChange = (category: SearchCategory | null) => {\n    setCategory(category);\n    table.setColumnFilters([]);\n    setGlobalFilterImmediately(\"\");\n  };\n\n  const getColumnFilterValue = (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n    const res = columnFilters.find((f) => f.id === id)?.value;\n    return res as string;\n  };\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<SearchCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.searchEntriesByBaseSearch[entry.baseSearch]?.[0] ??\n          entry) as SearchCatalogEntry & { searchId: SearchId };\n        const gate = getSearchAccessLevel(latestEntry.searchId);\n        const locked =\n          accessLevel !== undefined && gate !== undefined && !isEntryAccessible(gate, accessLevel);\n        return {\n          ...(locked ? { locked, requiredAccessLevel: gate } : {}),\n          searchId: latestEntry.searchId,\n          baseSearch: entry.baseSearch,\n          label: entry.label,\n          description: entry.description,\n          provider: entry.provider,\n          providers: [entry.provider],\n          startingCostPerProvider: getStartingCostPerSearchProvider(latestEntry.searchId),\n          startingCreditAmount: getLoweestSearchCreditAmount(latestEntry),\n          // A usage-metered search bills per operation and carries cost.credits 0,\n          // so the flat mode would render it as free. Same branch the pipe and\n          // effect hooks already use.\n          costMode: isTokenBilledOperations(latestEntry.billableOperations ?? {})\n            ? (\"usage\" as CostMode)\n            : ((latestEntry.cost.mode ?? \"per_page\") as CostMode),\n          defaultOutputFields: getDefaultSearchOutputFields(latestEntry.searchId),\n          docPath: latestEntry.docPath,\n          entry: entry as SearchCatalogTableData,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.searchEntriesByBaseSearch, accessLevel],\n  );\n\n  const cardsByCategory = useMemo<{ category: SearchCategory; cards: SearchCardData[] }[]>(() => {\n    const groups = new Map<SearchCategory, SearchCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    searchIdsByOutputField: aggregates.searchIdsByOutputField,\n    searchIdsByProvider: aggregates.searchIdsByProvider,\n    searchIdsByTag: aggregates.searchIdsByTag,\n  };\n}\n\nexport type UseSearchCatalogTableReturn = ReturnType<typeof useSearchCatalogTable>;\n"],"mappings":"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"}

package/dist/hooks/use-searches-catalog-table.d.mts

@@ -1,4 +1,5 @@
 import { SearchesCardData } from "../types/catalog-adapters.mjs";
+import { CatalogFilterMeta, CatalogSearchFeatures } from "../utils/catalog-helpers.mjs";
 import * as _$react from "react";
 import { CatalogFilter, SearchCategory, SearchesCatalogTableData, SearchesId } from "@pipe0/base";
 import * as _$_tanstack_react_table0 from "@tanstack/react-table";
@@ -10,7 +11,22 @@ declare function useSearchesCatalogTable(config?: {
   initialColumnFilters?: ColumnFilter[];
   filter?: CatalogFilter;
 }): {
-  table: _$_tanstack_react_table0.Table<SearchesCatalogTableData>;
+  table: _$_tanstack_react_table0.AppReactTable<{
+    columnFilteringFeature: _$_tanstack_react_table0.TableFeature;
+    globalFilteringFeature: _$_tanstack_react_table0.TableFeature;
+    rowSortingFeature: _$_tanstack_react_table0.TableFeature;
+    filteredRowModel: (table: _$_tanstack_react_table0.Table<any, any>) => () => _$_tanstack_react_table0.RowModel<any, any>;
+    sortedRowModel: (table: _$_tanstack_react_table0.Table<any, any>) => () => _$_tanstack_react_table0.RowModel<any, any>;
+    filterFns: {
+      includesString: _$_tanstack_react_table0.CreatedFilterFn<any, any>;
+      arrIncludes: _$_tanstack_react_table0.CreatedFilterFn<any, any>;
+      catalogSearch: _$_tanstack_react_table0.FilterFn<CatalogSearchFeatures, _$_tanstack_react_table0.RowData>;
+    };
+    sortFns: {
+      catalogSearch: _$_tanstack_react_table0.SortFn<CatalogSearchFeatures, _$_tanstack_react_table0.RowData>;
+    };
+    filterMeta: CatalogFilterMeta;
+  }, SearchesCatalogTableData, _$_tanstack_react_table0.TableState_ColumnFiltering & _$_tanstack_react_table0.TableState_GlobalFiltering & _$_tanstack_react_table0.TableState_RowSorting, {}, {}, {}>;
   cards: SearchesCardData[];
   cardsByCategory: {
     category: SearchCategory;

package/dist/hooks/use-searches-catalog-table.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-searches-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-searches-catalog-table.ts"],"mappings":";;;;;;;KA2BY,0BAAA,GAA6B,MAAA,SAAe,UAAA;AAAA,iBAyCxC,uBAAA,CACd,MAAA;EAAU,oBAAA,GAAuB,YAAA;EAAgB,MAAA,GAAS,aAAA;AAAA;;;;cAmHd,cAAA;WAAuB,gBAAA;EAAA;;;;;0BA1CtD,cAAA;;yCAAc,OAAA,CAAA,cAAA;+EApBiC,KAAA;;;;;;;;;;;KAmIlD,6BAAA,GAAgC,UAAA,QAAkB,uBAAA"}
+{"version":3,"file":"use-searches-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-searches-catalog-table.ts"],"mappings":";;;;;;;;KAoBY,0BAAA,GAA6B,MAAA,SAAe,UAAA;AAAA,iBAyCxC,uBAAA,CACd,MAAA;EAAU,oBAAA,GAAuB,YAAA;EAAgB,MAAA,GAAS,aAAA;AAAA;;4BAAa,wBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;cAgG3B,cAAA;WAAuB,gBAAA;EAAA;;;;;0BArC3B,cAAA;;yCAAc,OAAA,CAAA,cAAA;+EAhBK,KAAA;;;;;;;;;;;KA0HjD,6BAAA,GAAgC,UAAA,QAAkB,uBAAA"}

package/dist/hooks/use-searches-catalog-table.mjs

@@ -1,12 +1,11 @@
-import { catalogSearchFilter, catalogSearchSort } from "../utils/catalog-helpers.mjs";
+import { createCatalogColumnHelper, useCatalogTable } from "./catalog-table.mjs";
 import { useDebounce } from "./use-debounce.mjs";
-import { useCallback, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { filterSearchesEntries, getDefaultSearchesOutputFields, getInitialSearchesTableData, getLoweestSearchesCreditAmount, getSearchesSearchTarget, getSearchesTableDataAggregates, getStartingCostPerSearchesProvider } from "@pipe0/base";
-import { createColumnHelper, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 
 //#region src/hooks/use-searches-catalog-table.ts
-const columnHelper = createColumnHelper();
-const columns = [
+const columnHelper = createCatalogColumnHelper();
+const columns = columnHelper.columns([
 	columnHelper.accessor("searchId", {
 		filterFn: "includesString",
 		enableGlobalFilter: false
@@ -34,31 +33,23 @@ const columns = [
 		id: "search",
 		enableGlobalFilter: true,
 		enableSorting: true,
-		sortingFn: catalogSearchSort
+		sortFn: "catalogSearch"
 	})
-];
+]);
 function useSearchesCatalogTable(config = {}) {
 	const [category, setCategory] = useState(null);
 	const { initialColumnFilters = [], filter } = config;
 	const initialSearchTableData = useMemo(() => filterSearchesEntries(getInitialSearchesTableData(category), filter), [category, filter]);
 	const baselineTableData = useMemo(() => filterSearchesEntries(getInitialSearchesTableData(null), filter), [filter]);
-	const table = useReactTable({
+	const table = useCatalogTable({
 		columns,
 		data: initialSearchTableData,
-		getCoreRowModel: getCoreRowModel(),
-		getFilteredRowModel: getFilteredRowModel(),
-		getSortedRowModel: getSortedRowModel(),
-		globalFilterFn: catalogSearchFilter,
-		getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,
-		initialState: {
-			columnFilters: initialColumnFilters,
-			pagination: { pageSize: 10 }
-		}
+		initialState: { columnFilters: initialColumnFilters }
 	});
-	const columnFilters = table.getState().columnFilters;
+	const columnFilters = table.state.columnFilters;
 	const aggregates = useMemo(() => getSearchesTableDataAggregates(initialSearchTableData, category), [category, initialSearchTableData]);
 	const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {
-		if (v === table.getState().globalFilter) return;
+		if (v === table.atoms.globalFilter.get()) return;
 		table.setGlobalFilter(v);
 		table.setSorting(v ? [{
 			id: "search",
@@ -69,28 +60,28 @@ function useSearchesCatalogTable(config = {}) {
 			table.setColumnFilters([]);
 		}
 	});
-	const addColumnFilter = useCallback((id, value) => {
+	const addColumnFilter = (id, value) => {
 		setGlobalFilterImmediately("");
 		table.setColumnFilters([{
 			id,
 			value
 		}]);
-	}, [setGlobalFilterImmediately, table]);
-	const resetFilters = useCallback(() => {
+	};
+	const resetFilters = () => {
 		setGlobalFilterImmediately("");
 		setCategory(null);
-	}, [setGlobalFilterImmediately]);
-	const removeColumnFilter = useCallback((id) => {
+	};
+	const removeColumnFilter = (id) => {
 		table.getColumn(id)?.setFilterValue(null);
-	}, [table]);
-	const handleCategoryChange = useCallback((category) => {
+	};
+	const handleCategoryChange = (category) => {
 		setCategory(category);
 		table.setColumnFilters([]);
 		setGlobalFilterImmediately("");
-	}, [table, setGlobalFilterImmediately]);
-	const getColumnFilterValue = useCallback((id) => {
+	};
+	const getColumnFilterValue = (id) => {
 		return columnFilters.find((f) => f.id === id)?.value;
-	}, [columnFilters]);
+	};
 	const rows = table.getRowModel().rows;
 	const cards = useMemo(() => rows.map((row) => {
 		const entry = row.original;

package/dist/hooks/use-searches-catalog-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-searches-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-searches-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  filterSearchesEntries,\n  getDefaultSearchesOutputFields,\n  getInitialSearchesTableData,\n  getLoweestSearchesCreditAmount,\n  getSearchesSearchTarget,\n  getSearchesTableDataAggregates,\n  getStartingCostPerSearchesProvider,\n  type SearchCategory,\n  type SearchesCatalogEntry,\n  type SearchesCatalogTableData,\n  type SearchesId,\n} from \"@pipe0/base\";\nimport {\n  type ColumnFilter,\n  createColumnHelper,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CostMode, SearchesCardData } from \"../types/catalog-adapters.js\";\nimport { catalogSearchFilter, catalogSearchSort } from \"../utils/catalog-helpers.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type SearchesOutputFieldEntries = Record<string, SearchesId[]>;\n\nconst columnHelper = createColumnHelper<SearchesCatalogTableData>();\n\nconst columns = [\n  columnHelper.accessor(\"searchId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"description\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"label\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => getDefaultSearchesOutputFields(row.searchId) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.provider, {\n    id: \"providers\",\n    enableGlobalFilter: false,\n  }),\n  // Hidden relevance column — the ONLY globally-filterable one, so the global\n  // filter scores each row exactly once and catalogSearchSort can read the\n  // score back from this column's filter meta.\n  columnHelper.accessor((row) => getSearchesSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortingFn: catalogSearchSort,\n  }),\n];\n\nexport function useSearchesCatalogTable(\n  config: { initialColumnFilters?: ColumnFilter[]; filter?: CatalogFilter } = {},\n) {\n  const [category, setCategory] = useState<SearchCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter } = config;\n\n  const initialSearchTableData = useMemo(\n    () => filterSearchesEntries(getInitialSearchesTableData(category), filter),\n    [category, filter],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () => filterSearchesEntries(getInitialSearchesTableData(null), filter),\n    [filter],\n  );\n\n  const table = useReactTable({\n    columns,\n    data: initialSearchTableData,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    globalFilterFn: catalogSearchFilter,\n    getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,\n    initialState: {\n      columnFilters: initialColumnFilters,\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  const columnFilters = table.getState().columnFilters;\n\n  const aggregates = useMemo(\n    () => getSearchesTableDataAggregates(initialSearchTableData, category),\n    [category, initialSearchTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.getState().globalFilter) return;\n    table.setGlobalFilter(v);\n    // Relevance order only while a query is active; empty query restores\n    // catalog order.\n    table.setSorting(v ? [{ id: \"search\", desc: true }] : []);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\", value: string) => {\n      setGlobalFilterImmediately(\"\");\n      table.setColumnFilters([{ id, value }]);\n    },\n    [setGlobalFilterImmediately, table],\n  );\n\n  const resetFilters = useCallback(() => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  }, [setGlobalFilterImmediately]);\n\n  const removeColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      table.getColumn(id)?.setFilterValue(null);\n    },\n    [table],\n  );\n\n  const handleCategoryChange = useCallback(\n    (category: SearchCategory | null) => {\n      setCategory(category);\n      table.setColumnFilters([]);\n      setGlobalFilterImmediately(\"\");\n    },\n    [table, setGlobalFilterImmediately],\n  );\n\n  const getColumnFilterValue = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      const res = columnFilters.find((f) => f.id === id)?.value;\n      return res as string;\n    },\n    [columnFilters],\n  );\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<SearchesCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.searchEntriesByBaseSearch[entry.baseSearch]?.[0] ??\n          entry) as SearchesCatalogEntry & { searchesId: SearchesId };\n        return {\n          searchesId: latestEntry.searchesId,\n          baseSearches: entry.baseSearch,\n          label: entry.label,\n          description: entry.description,\n          provider: entry.provider,\n          providers: [entry.provider],\n          startingCostPerProvider: getStartingCostPerSearchesProvider(latestEntry.searchesId),\n          startingCreditAmount: getLoweestSearchesCreditAmount(latestEntry),\n          costMode: latestEntry.cost.mode as CostMode,\n          defaultOutputFields: getDefaultSearchesOutputFields(latestEntry.searchesId),\n          docPath: latestEntry.docPath,\n          entry: entry as SearchesCatalogTableData,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.searchEntriesByBaseSearch],\n  );\n\n  const cardsByCategory = useMemo<{ category: SearchCategory; cards: SearchesCardData[] }[]>(() => {\n    const groups = new Map<SearchCategory, SearchesCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    searchIdsByOutputField: aggregates.searchIdsByOutputField,\n    searchIdsByProvider: aggregates.searchIdsByProvider,\n    searchIdsByTag: aggregates.searchIdsByTag,\n  };\n}\n\nexport type UseSearchesCatalogTableReturn = ReturnType<typeof useSearchesCatalogTable>;\n"],"mappings":"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"}
+{"version":3,"file":"use-searches-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-searches-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  filterSearchesEntries,\n  getDefaultSearchesOutputFields,\n  getInitialSearchesTableData,\n  getLoweestSearchesCreditAmount,\n  getSearchesSearchTarget,\n  getSearchesTableDataAggregates,\n  getStartingCostPerSearchesProvider,\n  type SearchCategory,\n  type SearchesCatalogEntry,\n  type SearchesCatalogTableData,\n  type SearchesId,\n} from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport type { CostMode, SearchesCardData } from \"../types/catalog-adapters.js\";\nimport { createCatalogColumnHelper, useCatalogTable } from \"./catalog-table.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type SearchesOutputFieldEntries = Record<string, SearchesId[]>;\n\nconst columnHelper = createCatalogColumnHelper<SearchesCatalogTableData>();\n\nconst columns = columnHelper.columns([\n  columnHelper.accessor(\"searchId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"description\", {\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor(\"label\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => getDefaultSearchesOutputFields(row.searchId) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.provider, {\n    id: \"providers\",\n    enableGlobalFilter: false,\n  }),\n  // Hidden relevance column — the ONLY globally-filterable one, so the global\n  // filter scores each row exactly once and catalogSearchSort can read the\n  // score back from this column's filter meta.\n  columnHelper.accessor((row) => getSearchesSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortFn: \"catalogSearch\",\n  }),\n]);\n\nexport function useSearchesCatalogTable(\n  config: { initialColumnFilters?: ColumnFilter[]; filter?: CatalogFilter } = {},\n) {\n  const [category, setCategory] = useState<SearchCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter } = config;\n\n  const initialSearchTableData = useMemo(\n    () => filterSearchesEntries(getInitialSearchesTableData(category), filter),\n    [category, filter],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () => filterSearchesEntries(getInitialSearchesTableData(null), filter),\n    [filter],\n  );\n\n  const table = useCatalogTable({\n    columns,\n    data: initialSearchTableData,\n    initialState: { columnFilters: initialColumnFilters },\n  });\n\n  const columnFilters = table.state.columnFilters;\n\n  const aggregates = useMemo(\n    () => getSearchesTableDataAggregates(initialSearchTableData, category),\n    [category, initialSearchTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.atoms.globalFilter.get()) return;\n    table.setGlobalFilter(v);\n    // Relevance order only while a query is active; empty query restores\n    // catalog order.\n    table.setSorting(v ? [{ id: \"search\", desc: true }] : []);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = (\n    id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\",\n    value: string,\n  ) => {\n    setGlobalFilterImmediately(\"\");\n    table.setColumnFilters([{ id, value }]);\n  };\n\n  const resetFilters = () => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  };\n\n  const removeColumnFilter = (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n    table.getColumn(id)?.setFilterValue(null);\n  };\n\n  const handleCategoryChange = (category: SearchCategory | null) => {\n    setCategory(category);\n    table.setColumnFilters([]);\n    setGlobalFilterImmediately(\"\");\n  };\n\n  const getColumnFilterValue = (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n    const res = columnFilters.find((f) => f.id === id)?.value;\n    return res as string;\n  };\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<SearchesCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.searchEntriesByBaseSearch[entry.baseSearch]?.[0] ??\n          entry) as SearchesCatalogEntry & { searchesId: SearchesId };\n        return {\n          searchesId: latestEntry.searchesId,\n          baseSearches: entry.baseSearch,\n          label: entry.label,\n          description: entry.description,\n          provider: entry.provider,\n          providers: [entry.provider],\n          startingCostPerProvider: getStartingCostPerSearchesProvider(latestEntry.searchesId),\n          startingCreditAmount: getLoweestSearchesCreditAmount(latestEntry),\n          costMode: latestEntry.cost.mode as CostMode,\n          defaultOutputFields: getDefaultSearchesOutputFields(latestEntry.searchesId),\n          docPath: latestEntry.docPath,\n          entry: entry as SearchesCatalogTableData,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.searchEntriesByBaseSearch],\n  );\n\n  const cardsByCategory = useMemo<{ category: SearchCategory; cards: SearchesCardData[] }[]>(() => {\n    const groups = new Map<SearchCategory, SearchesCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    searchIdsByOutputField: aggregates.searchIdsByOutputField,\n    searchIdsByProvider: aggregates.searchIdsByProvider,\n    searchIdsByTag: aggregates.searchIdsByTag,\n  };\n}\n\nexport type UseSearchesCatalogTableReturn = ReturnType<typeof useSearchesCatalogTable>;\n"],"mappings":"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"}

package/dist/index.d.mts

@@ -93,13 +93,14 @@ import { SearchCatalogCardContext, SearchCatalogCardContextValue, useSearchCatal
 import { SearchCatalogContext, SearchCatalogContextValue, useSearchCatalogContext } from "./context/search-catalog-context.mjs";
 import { SearchesCatalogCardContext, SearchesCatalogCardContextValue, useSearchesCatalogCard } from "./context/searches-catalog-card-context.mjs";
 import { SearchesCatalogContext, SearchesCatalogContextValue, useSearchesCatalogContext } from "./context/searches-catalog-context.mjs";
+import { CatalogFilterMeta, CatalogSearchFeatures, catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon } from "./utils/catalog-helpers.mjs";
+import { CatalogTableFeatures, catalogTableFeatures, createCatalogColumnHelper, useCatalogTable } from "./hooks/catalog-table.mjs";
 import { useFieldError } from "./hooks/use-field-error.mjs";
 import { UsePipeFormOptions, usePipeForm } from "./hooks/use-pipe-form.mjs";
 import { UsePlaybookFormOptions, usePlaybookForm } from "./hooks/use-playbook-form.mjs";
 import { UseSearchFormOptions, useSearchForm } from "./hooks/use-search-form.mjs";
 import { UseSheetEffectFormOptions, useSheetEffectForm } from "./hooks/use-sheet-effect-form.mjs";
 import { UseStreamFormOptions, useStreamForm } from "./hooks/use-stream-form.mjs";
-import { fuzzyFilter, getFieldStatusIcon, getFieldTypeIcon } from "./utils/catalog-helpers.mjs";
 import { EmojiGlyph } from "./widgets/emoji-glyph.mjs";
 import { FieldTypeBadge } from "./widgets/field-type-badge.mjs";
 import { IconGlyph } from "./widgets/icon-glyph.mjs";
@@ -108,4 +109,4 @@ import { PricingBadge } from "./widgets/pricing-badge.mjs";
 import { ProviderLogo } from "./widgets/provider-logo.mjs";
 import { WidgetStrip } from "./widgets/widget-strip.mjs";
 import { WidgetView } from "./widgets/widget-view.mjs";
-export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, type AnyFieldProps as AnyFieldHandle, AvatarGroup, type AvatarGroupProps, type AvatarGroupState, CatalogCard, CatalogCardBadge, type CatalogCardBadgeProps, CatalogCardBadges, type CatalogCardBadgesProps, CatalogCardDescription, type CatalogCardDescriptionProps, CatalogCardHeader, type CatalogCardHeaderProps, type CatalogCardProps, CatalogCardTitle, type CatalogCardTitleProps, CatalogCategorySection, type CatalogCategorySectionProps, type CatalogClassNames, type CatalogComponentOverrides, type CatalogConfig, CatalogCopyId, type CatalogCopyIdProps, CatalogCreditBadge, type CatalogCreditBadgeProps, CatalogDocsBadge, type CatalogDocsBadgeProps, CatalogFieldBadge, type CatalogFieldBadgeProps, type CatalogFieldBadgeState, CatalogProvider, CatalogProviderAvatars, type CatalogProviderAvatarsProps, type CatalogProviderProps, CatalogRoot, type CostMode, type EffectCardData, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, type EffectCatalogCardContextValue, type EffectCatalogCardProps, type EffectCatalogCardState, EffectCatalogCategoryFilter, type EffectCatalogCategoryFilterProps, type EffectCatalogCategoryFilterState, EffectCatalogContext, type EffectCatalogContextValue, EffectCatalogEmpty, type EffectCatalogEmptyProps, type EffectCatalogEmptyState, type EffectCatalogInstanceProps, EffectCatalogList, type EffectCatalogListProps, type EffectCatalogListState, type EffectCatalogProps, EffectCatalogSearchFilter, type EffectCatalogSearchFilterProps, type EffectCatalogSearchFilterState, type EffectCatalogZeroConfigProps, EmojiGlyph, type FieldAdapterMap, type GeneratedFieldProps as FieldHandle, type FieldKind, type FieldMeta, FieldRenderer, FieldTypeBadge, type FormClassNames, type FormComponents, type FormConfig, type FormErrorEntry, type FormErrors, type FormFieldState, type FormHandle, FormProvider, type FormResetFieldOptions, type FormResetOptions, FormRoot, type FormSetValueOptions, type FormStateSnapshot, type GroupMap, type GroupOverride, IconGlyph, type InputFieldEntries, LogoUrl, type OutputFieldEntries, type PathMap, type PathOverride, type ActiveFilter as PipeActiveFilter, type PipeCardData, PipeCatalog, PipeCatalogActiveFilters, type PipeCatalogActiveFiltersProps, type PipeCatalogActiveFiltersState, PipeCatalogCard, PipeCatalogCardContext, type PipeCatalogCardContextValue, type PipeCatalogCardProps, PipeCatalogCategoryFilter, type PipeCatalogCategoryFilterProps, type PipeCatalogCategoryFilterState, PipeCatalogColumnFilter, type PipeCatalogColumnFilterProps, PipeCatalogColumnFilters, type PipeCatalogColumnFiltersProps, PipeCatalogContext, type PipeCatalogContextValue, PipeCatalogEmpty, type PipeCatalogEmptyProps, type PipeCatalogEmptyState, PipeCatalogInputFieldFilter, type PipeCatalogInputFieldFilterProps, type PipeCatalogInstanceProps, PipeCatalogList, type PipeCatalogListProps, type PipeCatalogListState, PipeCatalogOutputFieldFilter, type PipeCatalogOutputFieldFilterProps, type PipeCatalogProps, PipeCatalogProviderFilter, type PipeCatalogProviderFilterProps, PipeCatalogSearchFilter, type PipeCatalogSearchFilterProps, type PipeCatalogSearchFilterState, PipeCatalogTagFilter, type PipeCatalogTagFilterProps, type PipeCatalogZeroConfigProps, type PipeColumnFilterId, type ColumnFilterState as PipeColumnFilterState, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, type PipeFormInstanceProps, type PipeFormProps, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, type PipeFormZeroConfigProps, PricingBadge, ProviderLogo, type ActiveFilter$1 as SearchActiveFilter, type SearchCardData, SearchCatalog, SearchCatalogActiveFilters, type SearchCatalogActiveFiltersProps, type SearchCatalogActiveFiltersState, SearchCatalogCard, SearchCatalogCardContext, type SearchCatalogCardContextValue, type SearchCatalogCardProps, SearchCatalogCategoryFilter, type SearchCatalogCategoryFilterProps, type SearchCatalogCategoryFilterState, SearchCatalogColumnFilter, type SearchCatalogColumnFilterProps, SearchCatalogColumnFilters, type SearchCatalogColumnFiltersProps, SearchCatalogContext, type SearchCatalogContextValue, SearchCatalogEmpty, type SearchCatalogEmptyProps, type SearchCatalogEmptyState, type SearchCatalogInstanceProps, SearchCatalogList, type SearchCatalogListProps, type SearchCatalogListState, SearchCatalogOutputFieldFilter, type SearchCatalogOutputFieldFilterProps, type SearchCatalogProps, SearchCatalogProviderFilter, type SearchCatalogProviderFilterProps, SearchCatalogSearchFilter, type SearchCatalogSearchFilterProps, type SearchCatalogSearchFilterState, SearchCatalogTagFilter, type SearchCatalogTagFilterProps, type SearchCatalogZeroConfigProps, type SearchColumnFilterId, type ColumnFilterState$1 as SearchColumnFilterState, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, type SearchFormInstanceProps, type SearchFormProps, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, type SearchFormZeroConfigProps, type SearchOutputFieldEntries, type ActiveFilter$2 as SearchesActiveFilter, type SearchesCardData, SearchesCatalog, SearchesCatalogActiveFilters, type SearchesCatalogActiveFiltersProps, type SearchesCatalogActiveFiltersState, SearchesCatalogCard, SearchesCatalogCardContext, type SearchesCatalogCardContextValue, type SearchesCatalogCardProps, SearchesCatalogCategoryFilter, type SearchesCatalogCategoryFilterProps, type SearchesCatalogCategoryFilterState, SearchesCatalogColumnFilter, type SearchesCatalogColumnFilterProps, SearchesCatalogColumnFilters, type SearchesCatalogColumnFiltersProps, SearchesCatalogContext, type SearchesCatalogContextValue, SearchesCatalogEmpty, type SearchesCatalogEmptyProps, type SearchesCatalogEmptyState, type SearchesCatalogInstanceProps, SearchesCatalogList, type SearchesCatalogListProps, type SearchesCatalogListState, SearchesCatalogOutputFieldFilter, type SearchesCatalogOutputFieldFilterProps, type SearchesCatalogProps, SearchesCatalogProviderFilter, type SearchesCatalogProviderFilterProps, SearchesCatalogSearchFilter, type SearchesCatalogSearchFilterProps, type SearchesCatalogSearchFilterState, SearchesCatalogTagFilter, type SearchesCatalogTagFilterProps, type SearchesCatalogZeroConfigProps, type SearchesColumnFilterId, type ColumnFilterState$2 as SearchesColumnFilterState, type SearchesOutputFieldEntries, type SectionMap, type SectionOverride, type UseEffectCatalogTableReturn, type UsePipeCatalogTableReturn, type UsePipeFormOptions, type UsePlaybookFormOptions, type UseSearchCatalogTableReturn, type UseSearchFormOptions, type UseSearchesCatalogTableReturn, type UseSheetEffectFormOptions, type UseStreamFormOptions, WidgetStrip, WidgetView, alertVariants, defaultAdapters, fuzzyFilter, getFieldStatusIcon, getFieldTypeIcon, useCatalogConfig, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSearchesCatalogCard, useSearchesCatalogContext, useSearchesCatalogTable, useSheetEffectForm, useStreamForm };
+export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, type AnyFieldProps as AnyFieldHandle, AvatarGroup, type AvatarGroupProps, type AvatarGroupState, CatalogCard, CatalogCardBadge, type CatalogCardBadgeProps, CatalogCardBadges, type CatalogCardBadgesProps, CatalogCardDescription, type CatalogCardDescriptionProps, CatalogCardHeader, type CatalogCardHeaderProps, type CatalogCardProps, CatalogCardTitle, type CatalogCardTitleProps, CatalogCategorySection, type CatalogCategorySectionProps, type CatalogClassNames, type CatalogComponentOverrides, type CatalogConfig, CatalogCopyId, type CatalogCopyIdProps, CatalogCreditBadge, type CatalogCreditBadgeProps, CatalogDocsBadge, type CatalogDocsBadgeProps, CatalogFieldBadge, type CatalogFieldBadgeProps, type CatalogFieldBadgeState, type CatalogFilterMeta, CatalogProvider, CatalogProviderAvatars, type CatalogProviderAvatarsProps, type CatalogProviderProps, CatalogRoot, type CatalogSearchFeatures, type CatalogTableFeatures, type CostMode, type EffectCardData, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, type EffectCatalogCardContextValue, type EffectCatalogCardProps, type EffectCatalogCardState, EffectCatalogCategoryFilter, type EffectCatalogCategoryFilterProps, type EffectCatalogCategoryFilterState, EffectCatalogContext, type EffectCatalogContextValue, EffectCatalogEmpty, type EffectCatalogEmptyProps, type EffectCatalogEmptyState, type EffectCatalogInstanceProps, EffectCatalogList, type EffectCatalogListProps, type EffectCatalogListState, type EffectCatalogProps, EffectCatalogSearchFilter, type EffectCatalogSearchFilterProps, type EffectCatalogSearchFilterState, type EffectCatalogZeroConfigProps, EmojiGlyph, type FieldAdapterMap, type GeneratedFieldProps as FieldHandle, type FieldKind, type FieldMeta, FieldRenderer, FieldTypeBadge, type FormClassNames, type FormComponents, type FormConfig, type FormErrorEntry, type FormErrors, type FormFieldState, type FormHandle, FormProvider, type FormResetFieldOptions, type FormResetOptions, FormRoot, type FormSetValueOptions, type FormStateSnapshot, type GroupMap, type GroupOverride, IconGlyph, type InputFieldEntries, LogoUrl, type OutputFieldEntries, type PathMap, type PathOverride, type ActiveFilter as PipeActiveFilter, type PipeCardData, PipeCatalog, PipeCatalogActiveFilters, type PipeCatalogActiveFiltersProps, type PipeCatalogActiveFiltersState, PipeCatalogCard, PipeCatalogCardContext, type PipeCatalogCardContextValue, type PipeCatalogCardProps, PipeCatalogCategoryFilter, type PipeCatalogCategoryFilterProps, type PipeCatalogCategoryFilterState, PipeCatalogColumnFilter, type PipeCatalogColumnFilterProps, PipeCatalogColumnFilters, type PipeCatalogColumnFiltersProps, PipeCatalogContext, type PipeCatalogContextValue, PipeCatalogEmpty, type PipeCatalogEmptyProps, type PipeCatalogEmptyState, PipeCatalogInputFieldFilter, type PipeCatalogInputFieldFilterProps, type PipeCatalogInstanceProps, PipeCatalogList, type PipeCatalogListProps, type PipeCatalogListState, PipeCatalogOutputFieldFilter, type PipeCatalogOutputFieldFilterProps, type PipeCatalogProps, PipeCatalogProviderFilter, type PipeCatalogProviderFilterProps, PipeCatalogSearchFilter, type PipeCatalogSearchFilterProps, type PipeCatalogSearchFilterState, PipeCatalogTagFilter, type PipeCatalogTagFilterProps, type PipeCatalogZeroConfigProps, type PipeColumnFilterId, type ColumnFilterState as PipeColumnFilterState, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, type PipeFormInstanceProps, type PipeFormProps, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, type PipeFormZeroConfigProps, PricingBadge, ProviderLogo, type ActiveFilter$1 as SearchActiveFilter, type SearchCardData, SearchCatalog, SearchCatalogActiveFilters, type SearchCatalogActiveFiltersProps, type SearchCatalogActiveFiltersState, SearchCatalogCard, SearchCatalogCardContext, type SearchCatalogCardContextValue, type SearchCatalogCardProps, SearchCatalogCategoryFilter, type SearchCatalogCategoryFilterProps, type SearchCatalogCategoryFilterState, SearchCatalogColumnFilter, type SearchCatalogColumnFilterProps, SearchCatalogColumnFilters, type SearchCatalogColumnFiltersProps, SearchCatalogContext, type SearchCatalogContextValue, SearchCatalogEmpty, type SearchCatalogEmptyProps, type SearchCatalogEmptyState, type SearchCatalogInstanceProps, SearchCatalogList, type SearchCatalogListProps, type SearchCatalogListState, SearchCatalogOutputFieldFilter, type SearchCatalogOutputFieldFilterProps, type SearchCatalogProps, SearchCatalogProviderFilter, type SearchCatalogProviderFilterProps, SearchCatalogSearchFilter, type SearchCatalogSearchFilterProps, type SearchCatalogSearchFilterState, SearchCatalogTagFilter, type SearchCatalogTagFilterProps, type SearchCatalogZeroConfigProps, type SearchColumnFilterId, type ColumnFilterState$1 as SearchColumnFilterState, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, type SearchFormInstanceProps, type SearchFormProps, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, type SearchFormZeroConfigProps, type SearchOutputFieldEntries, type ActiveFilter$2 as SearchesActiveFilter, type SearchesCardData, SearchesCatalog, SearchesCatalogActiveFilters, type SearchesCatalogActiveFiltersProps, type SearchesCatalogActiveFiltersState, SearchesCatalogCard, SearchesCatalogCardContext, type SearchesCatalogCardContextValue, type SearchesCatalogCardProps, SearchesCatalogCategoryFilter, type SearchesCatalogCategoryFilterProps, type SearchesCatalogCategoryFilterState, SearchesCatalogColumnFilter, type SearchesCatalogColumnFilterProps, SearchesCatalogColumnFilters, type SearchesCatalogColumnFiltersProps, SearchesCatalogContext, type SearchesCatalogContextValue, SearchesCatalogEmpty, type SearchesCatalogEmptyProps, type SearchesCatalogEmptyState, type SearchesCatalogInstanceProps, SearchesCatalogList, type SearchesCatalogListProps, type SearchesCatalogListState, SearchesCatalogOutputFieldFilter, type SearchesCatalogOutputFieldFilterProps, type SearchesCatalogProps, SearchesCatalogProviderFilter, type SearchesCatalogProviderFilterProps, SearchesCatalogSearchFilter, type SearchesCatalogSearchFilterProps, type SearchesCatalogSearchFilterState, SearchesCatalogTagFilter, type SearchesCatalogTagFilterProps, type SearchesCatalogZeroConfigProps, type SearchesColumnFilterId, type ColumnFilterState$2 as SearchesColumnFilterState, type SearchesOutputFieldEntries, type SectionMap, type SectionOverride, type UseEffectCatalogTableReturn, type UsePipeCatalogTableReturn, type UsePipeFormOptions, type UsePlaybookFormOptions, type UseSearchCatalogTableReturn, type UseSearchFormOptions, type UseSearchesCatalogTableReturn, type UseSheetEffectFormOptions, type UseStreamFormOptions, WidgetStrip, WidgetView, alertVariants, catalogSearchFilter, catalogSearchSort, catalogTableFeatures, createCatalogColumnHelper, defaultAdapters, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon, useCatalogConfig, useCatalogTable, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSearchesCatalogCard, useSearchesCatalogContext, useSearchesCatalogTable, useSheetEffectForm, useStreamForm };

package/dist/index.mjs

@@ -13,7 +13,8 @@ import { EffectCatalogCard } from "./components/compound/effect-catalog/card.mjs
 import { EffectCatalogCategoryFilter } from "./components/compound/effect-catalog/category-filter.mjs";
 import { EffectCatalogEmpty } from "./components/compound/effect-catalog/empty.mjs";
 import { EffectCatalogList } from "./components/compound/effect-catalog/list.mjs";
-import { fuzzyFilter, getFieldStatusIcon, getFieldTypeIcon } from "./utils/catalog-helpers.mjs";
+import { catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon } from "./utils/catalog-helpers.mjs";
+import { catalogTableFeatures, createCatalogColumnHelper, useCatalogTable } from "./hooks/catalog-table.mjs";
 import { useEffectCatalogTable } from "./hooks/use-effect-catalog-table.mjs";
 import { EffectCatalogSearchFilter } from "./components/compound/effect-catalog/search-filter.mjs";
 import { EffectCatalog } from "./components/compound/effect-catalog/root.mjs";
@@ -103,4 +104,4 @@ import { usePlaybookForm } from "./hooks/use-playbook-form.mjs";
 import { useSheetEffectForm } from "./hooks/use-sheet-effect-form.mjs";
 import { useStreamForm } from "./hooks/use-stream-form.mjs";
 
-export { Alert, AlertDescription, AlertTitle, AvatarGroup, CatalogCard, CatalogCardBadge, CatalogCardBadges, CatalogCardDescription, CatalogCardHeader, CatalogCardTitle, CatalogCategorySection, CatalogCopyId, CatalogCreditBadge, CatalogDocsBadge, CatalogFieldBadge, CatalogProvider, CatalogProviderAvatars, CatalogRoot, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, EffectCatalogCategoryFilter, EffectCatalogContext, EffectCatalogEmpty, EffectCatalogList, EffectCatalogSearchFilter, EmojiGlyph, FieldRenderer, FieldTypeBadge, FormProvider, FormRoot, IconGlyph, LogoUrl, PipeCatalog, PipeCatalogActiveFilters, PipeCatalogCard, PipeCatalogCardContext, PipeCatalogCategoryFilter, PipeCatalogColumnFilter, PipeCatalogColumnFilters, PipeCatalogContext, PipeCatalogEmpty, PipeCatalogInputFieldFilter, PipeCatalogList, PipeCatalogOutputFieldFilter, PipeCatalogProviderFilter, PipeCatalogSearchFilter, PipeCatalogTagFilter, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, PricingBadge, ProviderLogo, SearchCatalog, SearchCatalogActiveFilters, SearchCatalogCard, SearchCatalogCardContext, SearchCatalogCategoryFilter, SearchCatalogColumnFilter, SearchCatalogColumnFilters, SearchCatalogContext, SearchCatalogEmpty, SearchCatalogList, SearchCatalogOutputFieldFilter, SearchCatalogProviderFilter, SearchCatalogSearchFilter, SearchCatalogTagFilter, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, SearchesCatalog, SearchesCatalogActiveFilters, SearchesCatalogCard, SearchesCatalogCardContext, SearchesCatalogCategoryFilter, SearchesCatalogColumnFilter, SearchesCatalogColumnFilters, SearchesCatalogContext, SearchesCatalogEmpty, SearchesCatalogList, SearchesCatalogOutputFieldFilter, SearchesCatalogProviderFilter, SearchesCatalogSearchFilter, SearchesCatalogTagFilter, WidgetStrip, WidgetView, alertVariants, defaultAdapters, fuzzyFilter, getFieldStatusIcon, getFieldTypeIcon, useCatalogConfig, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSearchesCatalogCard, useSearchesCatalogContext, useSearchesCatalogTable, useSheetEffectForm, useStreamForm };
+export { Alert, AlertDescription, AlertTitle, AvatarGroup, CatalogCard, CatalogCardBadge, CatalogCardBadges, CatalogCardDescription, CatalogCardHeader, CatalogCardTitle, CatalogCategorySection, CatalogCopyId, CatalogCreditBadge, CatalogDocsBadge, CatalogFieldBadge, CatalogProvider, CatalogProviderAvatars, CatalogRoot, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, EffectCatalogCategoryFilter, EffectCatalogContext, EffectCatalogEmpty, EffectCatalogList, EffectCatalogSearchFilter, EmojiGlyph, FieldRenderer, FieldTypeBadge, FormProvider, FormRoot, IconGlyph, LogoUrl, PipeCatalog, PipeCatalogActiveFilters, PipeCatalogCard, PipeCatalogCardContext, PipeCatalogCategoryFilter, PipeCatalogColumnFilter, PipeCatalogColumnFilters, PipeCatalogContext, PipeCatalogEmpty, PipeCatalogInputFieldFilter, PipeCatalogList, PipeCatalogOutputFieldFilter, PipeCatalogProviderFilter, PipeCatalogSearchFilter, PipeCatalogTagFilter, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, PricingBadge, ProviderLogo, SearchCatalog, SearchCatalogActiveFilters, SearchCatalogCard, SearchCatalogCardContext, SearchCatalogCategoryFilter, SearchCatalogColumnFilter, SearchCatalogColumnFilters, SearchCatalogContext, SearchCatalogEmpty, SearchCatalogList, SearchCatalogOutputFieldFilter, SearchCatalogProviderFilter, SearchCatalogSearchFilter, SearchCatalogTagFilter, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, SearchesCatalog, SearchesCatalogActiveFilters, SearchesCatalogCard, SearchesCatalogCardContext, SearchesCatalogCategoryFilter, SearchesCatalogColumnFilter, SearchesCatalogColumnFilters, SearchesCatalogContext, SearchesCatalogEmpty, SearchesCatalogList, SearchesCatalogOutputFieldFilter, SearchesCatalogProviderFilter, SearchesCatalogSearchFilter, SearchesCatalogTagFilter, WidgetStrip, WidgetView, alertVariants, catalogSearchFilter, catalogSearchSort, catalogTableFeatures, createCatalogColumnHelper, defaultAdapters, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon, useCatalogConfig, useCatalogTable, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSearchesCatalogCard, useSearchesCatalogContext, useSearchesCatalogTable, useSheetEffectForm, useStreamForm };

package/dist/utils/catalog-helpers.d.mts

@@ -1,12 +1,29 @@
 import * as _$react from "react";
-import { RecordFieldStatus, RecordFieldType } from "@pipe0/base";
+import { ComponentType } from "react";
+import { RecordFieldFormat, RecordFieldStatus, RecordFieldType } from "@pipe0/base";
 import * as _$lucide_react0 from "lucide-react";
-import { FilterFn } from "@tanstack/react-table";
+import { FilterFn, RowData, SortFn, TableFeatures } from "@tanstack/react-table";
+import { RankingInfo } from "@tanstack/match-sorter-utils";
 
 //#region src/utils/catalog-helpers.d.ts
 declare function getFieldTypeIcon(fieldType: RecordFieldType): _$react.ForwardRefExoticComponent<Omit<_$lucide_react0.LucideProps, "ref"> & _$react.RefAttributes<SVGSVGElement>>;
+/**
+ * Column icon: the format is the expressive signal (an email column looks
+ * different from a date column), the type is the fallback for untyped fields.
+ */
+declare function getFieldFormatIcon(format: RecordFieldFormat, fieldType: RecordFieldType): ComponentType | _$react.ForwardRefExoticComponent<Omit<_$lucide_react0.LucideProps, "ref"> & _$react.RefAttributes<SVGSVGElement>>;
 declare function getFieldStatusIcon(fieldStatus: RecordFieldStatus): _$react.ForwardRefExoticComponent<Omit<_$lucide_react0.LucideProps, "ref"> & _$react.RefAttributes<SVGSVGElement>>;
-declare const fuzzyFilter: FilterFn<any>;
+/** Filter meta the catalog filter fns attach to rows, read back by the sort fns. */
+interface CatalogFilterMeta {
+  itemRank?: RankingInfo;
+  searchScore?: number;
+}
+type CatalogSearchFeatures = TableFeatures & {
+  filterMeta: CatalogFilterMeta;
+};
+declare const fuzzyFilter: FilterFn<CatalogSearchFeatures, RowData>;
+declare const catalogSearchFilter: FilterFn<CatalogSearchFeatures, RowData>;
+declare const catalogSearchSort: SortFn<CatalogSearchFeatures, RowData>;
 //#endregion
-export { fuzzyFilter, getFieldStatusIcon, getFieldTypeIcon };
+export { CatalogFilterMeta, CatalogSearchFeatures, catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon };
 //# sourceMappingURL=catalog-helpers.d.mts.map

package/dist/utils/catalog-helpers.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-helpers.d.mts","names":[],"sources":["../../src/utils/catalog-helpers.tsx"],"mappings":";;;;;;iBAqCgB,gBAAA,CAAiB,SAAA,EAAW,eAAA,GAAe,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,WAAA,WAAA,OAAA,CAAA,aAAA,CAAA,aAAA;AAAA,iBAI3C,kBAAA,CAAmB,WAAA,EAAa,iBAAA,GAAiB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,WAAA,WAAA,OAAA,CAAA,aAAA,CAAA,aAAA;AAAA,cAIpD,WAAA,EAAa,QAAA"}
+{"version":3,"file":"catalog-helpers.d.mts","names":[],"sources":["../../src/utils/catalog-helpers.tsx"],"mappings":";;;;;;;;iBAqDgB,gBAAA,CAAiB,SAAA,EAAW,eAAA,GAAe,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,WAAA,WAAA,OAAA,CAAA,aAAA,CAAA,aAAA;;;;AAA3D;iBA+BgB,kBAAA,CAAmB,MAAA,EAAQ,iBAAA,EAAmB,SAAA,EAAW,eAAA,GAAe,aAAA,GAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,WAAA,WAAA,OAAA,CAAA,aAAA,CAAA,aAAA;AAAA,iBAIxE,kBAAA,CAAmB,WAAA,EAAa,iBAAA,GAAiB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,WAAA,WAAA,OAAA,CAAA,aAAA,CAAA,aAAA;;UAKhD,iBAAA;EACf,QAAA,GAAW,WAAA;EACX,WAAA;AAAA;AAAA,KAKU,qBAAA,GAAwB,aAAA;EAAkB,UAAA,EAAY,iBAAA;AAAA;AAAA,cAErD,WAAA,EAAa,QAAA,CAAS,qBAAA,EAAuB,OAAA;AAAA,cAc7C,mBAAA,EAAqB,QAAA,CAAS,qBAAA,EAAuB,OAAA;AAAA,cAcrD,iBAAA,EAAmB,MAAA,CAAO,qBAAA,EAAuB,OAAA"}