@pipe0/react 1.0.29 → 1.0.31

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @pipe0/elements-react
 
+## 1.0.31
+
+### Patch Changes
+
+- 99aba2b: Add credit info to task response
+- Updated dependencies [99aba2b]
+  - @pipe0/base@1.0.31
+
+## 1.0.30
+
+### Patch Changes
+
+- b654d22: Fix changesets
+- Updated dependencies [b654d22]
+  - @pipe0/base@1.0.30
+
 ## 1.0.29
 
 ### Patch Changes

package/dist/components/compound/pipe-catalog/active-filters.mjs

@@ -16,7 +16,7 @@ const COLUMN_LABELS = {
 function PipeCatalogActiveFilters({ className, render, ...props }) {
 	const { classNames } = useCatalogConfig();
 	const ctx = usePipeCatalogContext();
-	const filters = ctx.table.getState().columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
+	const filters = ctx.table.state.columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
 		id: f.id,
 		value: String(f.value),
 		label: COLUMN_LABELS[f.id] ?? f.id,

package/dist/components/compound/pipe-catalog/active-filters.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/active-filters.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  inputFields: \"Input\",\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface PipeCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface PipeCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", PipeCatalogActiveFiltersState> {}\n\nexport function PipeCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: PipeCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = usePipeCatalogContext();\n  const filters: ActiveFilter[] = ctx.table\n    .getState()\n    .columnFilters.filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,aAAa;CACb,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,yBAAyB,EACvC,WACA,QACA,GAAG,SAC6B;CAChC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,uBAAuB;CACnC,MAAM,UAA0B,IAAI,MACjC,UAAU,CACV,cAAc,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAC9D,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}
+{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/active-filters.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  inputFields: \"Input\",\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface PipeCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface PipeCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", PipeCatalogActiveFiltersState> {}\n\nexport function PipeCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: PipeCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = usePipeCatalogContext();\n  const filters: ActiveFilter[] = ctx.table.state.columnFilters\n    .filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,aAAa;CACb,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,yBAAyB,EACvC,WACA,QACA,GAAG,SAC6B;CAChC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,uBAAuB;CACnC,MAAM,UAA0B,IAAI,MAAM,MAAM,cAC7C,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAChD,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}

package/dist/components/compound/search-catalog/active-filters.mjs

@@ -15,7 +15,7 @@ const COLUMN_LABELS = {
 function SearchCatalogActiveFilters({ className, render, ...props }) {
 	const { classNames } = useCatalogConfig();
 	const ctx = useSearchCatalogContext();
-	const filters = ctx.table.getState().columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
+	const filters = ctx.table.state.columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
 		id: f.id,
 		value: String(f.value),
 		label: COLUMN_LABELS[f.id] ?? f.id,

package/dist/components/compound/search-catalog/active-filters.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/active-filters.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface SearchCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", SearchCatalogActiveFiltersState> {}\n\nexport function SearchCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: SearchCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchCatalogContext();\n  const filters: ActiveFilter[] = ctx.table\n    .getState()\n    .columnFilters.filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,2BAA2B,EACzC,WACA,QACA,GAAG,SAC+B;CAClC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,yBAAyB;CACrC,MAAM,UAA0B,IAAI,MACjC,UAAU,CACV,cAAc,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAC9D,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}
+{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/active-filters.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface SearchCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", SearchCatalogActiveFiltersState> {}\n\nexport function SearchCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: SearchCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchCatalogContext();\n  const filters: ActiveFilter[] = ctx.table.state.columnFilters\n    .filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,2BAA2B,EACzC,WACA,QACA,GAAG,SAC+B;CAClC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,yBAAyB;CACrC,MAAM,UAA0B,IAAI,MAAM,MAAM,cAC7C,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAChD,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}

package/dist/components/compound/searches-catalog/active-filters.mjs

@@ -15,7 +15,7 @@ const COLUMN_LABELS = {
 function SearchesCatalogActiveFilters({ className, render, ...props }) {
 	const { classNames } = useCatalogConfig();
 	const ctx = useSearchesCatalogContext();
-	const filters = ctx.table.getState().columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
+	const filters = ctx.table.state.columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
 		id: f.id,
 		value: String(f.value),
 		label: COLUMN_LABELS[f.id] ?? f.id,

package/dist/components/compound/searches-catalog/active-filters.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchesCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface SearchesCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", SearchesCatalogActiveFiltersState> {}\n\nexport function SearchesCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: SearchesCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\n  const filters: ActiveFilter[] = ctx.table\n    .getState()\n    .columnFilters.filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,6BAA6B,EAC3C,WACA,QACA,GAAG,SACiC;CACpC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,2BAA2B;CACvC,MAAM,UAA0B,IAAI,MACjC,UAAU,CACV,cAAc,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAC9D,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}
+{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchesCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface SearchesCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", SearchesCatalogActiveFiltersState> {}\n\nexport function SearchesCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: SearchesCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\n  const filters: ActiveFilter[] = ctx.table.state.columnFilters\n    .filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,6BAA6B,EAC3C,WACA,QACA,GAAG,SACiC;CACpC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,2BAA2B;CACvC,MAAM,UAA0B,IAAI,MAAM,MAAM,cAC7C,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAChD,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}

package/dist/components/ui/button.d.mts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+  variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
   size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button$1({

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

@@ -0,0 +1,83 @@
+import { CatalogFilterMeta, CatalogSearchFeatures } from "../utils/catalog-helpers.mjs";
+import * as _$_tanstack_react_table0 from "@tanstack/react-table";
+
+//#region src/hooks/catalog-table.d.ts
+/**
+ * The one feature set every catalog table (pipes, searches, effects) is built
+ * on: column filters for the facet pills, a global filter for the search box,
+ * and sorting so a query can order rows by relevance. The custom search filter
+ * and sort are registered by name, so column defs and the global filter refer
+ * to `"catalogSearch"` and the score they exchange is typed via `filterMeta`.
+ */
+declare const catalogTableFeatures: {
+  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;
+};
+type CatalogTableFeatures = typeof catalogTableFeatures;
+/**
+ * `useCatalogTable` is `useTable` with the catalog features and the global
+ * search filter pre-bound; `createCatalogColumnHelper<T>()` only needs the row
+ * type. Consumers building their own catalog UI get the same hook the compound
+ * components use.
+ */
+declare const useCatalogTable: <TData extends _$_tanstack_react_table0.RowData, TSelected = _$_tanstack_react_table0.TableState_ColumnFiltering & _$_tanstack_react_table0.TableState_GlobalFiltering & _$_tanstack_react_table0.TableState_RowSorting>(tableOptions: Omit<_$_tanstack_react_table0.TableOptions<{
+    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;
+  }, TData>, "features">, selector?: ((state: _$_tanstack_react_table0.TableState_ColumnFiltering & _$_tanstack_react_table0.TableState_GlobalFiltering & _$_tanstack_react_table0.TableState_RowSorting) => TSelected) | undefined) => _$_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;
+  }, TData, TSelected, {}, {}, {}>, createCatalogColumnHelper: <TData extends _$_tanstack_react_table0.RowData>() => _$_tanstack_react_table0.AppColumnHelper<{
+    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;
+  }, TData, {}, {}>;
+//#endregion
+export { CatalogTableFeatures, catalogTableFeatures, createCatalogColumnHelper, useCatalogTable };
+//# sourceMappingURL=catalog-table.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-table.d.mts","names":[],"sources":["../../src/hooks/catalog-table.ts"],"mappings":";;;;;;;;AAyBA;;;cAAa,oBAAA;0BAaX,wBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,oBAAA,UAA8B,oBAAA;;;;;;;cAQd,eAAA,0CAAe,OAAA,cAAA,wBAAA,CAAA,0BAAA,GAAA,wBAAA,CAAA,0BAAA,GAAA,wBAAA,CAAA,qBAAA,EAAA,YAAA,EAAA,IAAA,0BAAA,YAAA;4BAAA,wBAAA,CAAA,YAAA;;;;;;;;;;;;;;8CAAA,wBAAA,CAAA,0BAAA;;;;;;;;;;;;;;;uGAAkD,OAAA,gCAAA,eAAA;4BAAA,wBAAA,CAAA,YAAA"}

package/dist/hooks/catalog-table.mjs

@@ -0,0 +1,42 @@
+import { catalogSearchFilter, catalogSearchSort } from "../utils/catalog-helpers.mjs";
+import { columnFilteringFeature, createFilteredRowModel, createSortedRowModel, createTableHook, filterFn_arrIncludes, filterFn_includesString, globalFilteringFeature, metaHelper, rowSortingFeature, tableFeatures } from "@tanstack/react-table";
+
+//#region src/hooks/catalog-table.ts
+/**
+* The one feature set every catalog table (pipes, searches, effects) is built
+* on: column filters for the facet pills, a global filter for the search box,
+* and sorting so a query can order rows by relevance. The custom search filter
+* and sort are registered by name, so column defs and the global filter refer
+* to `"catalogSearch"` and the score they exchange is typed via `filterMeta`.
+*/
+const catalogTableFeatures = tableFeatures({
+	columnFilteringFeature,
+	globalFilteringFeature,
+	rowSortingFeature,
+	filteredRowModel: createFilteredRowModel(),
+	sortedRowModel: createSortedRowModel(),
+	filterFns: {
+		includesString: filterFn_includesString,
+		arrIncludes: filterFn_arrIncludes,
+		catalogSearch: catalogSearchFilter
+	},
+	sortFns: { catalogSearch: catalogSearchSort },
+	filterMeta: metaHelper()
+});
+/**
+* `useCatalogTable` is `useTable` with the catalog features and the global
+* search filter pre-bound; `createCatalogColumnHelper<T>()` only needs the row
+* type. Consumers building their own catalog UI get the same hook the compound
+* components use.
+*/
+const { useAppTable: useCatalogTable, createAppColumnHelper: createCatalogColumnHelper } = createTableHook({
+	features: catalogTableFeatures,
+	globalFilterFn: "catalogSearch",
+	tableComponents: {},
+	cellComponents: {},
+	headerComponents: {}
+});
+
+//#endregion
+export { catalogTableFeatures, createCatalogColumnHelper, useCatalogTable };
+//# sourceMappingURL=catalog-table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-table.mjs","names":[],"sources":["../../src/hooks/catalog-table.ts"],"sourcesContent":["import {\n  columnFilteringFeature,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createTableHook,\n  filterFn_arrIncludes,\n  filterFn_includesString,\n  globalFilteringFeature,\n  metaHelper,\n  rowSortingFeature,\n  tableFeatures,\n} from \"@tanstack/react-table\";\nimport {\n  type CatalogFilterMeta,\n  catalogSearchFilter,\n  catalogSearchSort,\n} from \"../utils/catalog-helpers.js\";\n\n/**\n * The one feature set every catalog table (pipes, searches, effects) is built\n * on: column filters for the facet pills, a global filter for the search box,\n * and sorting so a query can order rows by relevance. The custom search filter\n * and sort are registered by name, so column defs and the global filter refer\n * to `\"catalogSearch\"` and the score they exchange is typed via `filterMeta`.\n */\nexport const catalogTableFeatures = tableFeatures({\n  columnFilteringFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  filteredRowModel: createFilteredRowModel(),\n  sortedRowModel: createSortedRowModel(),\n  filterFns: {\n    includesString: filterFn_includesString,\n    arrIncludes: filterFn_arrIncludes,\n    catalogSearch: catalogSearchFilter,\n  },\n  sortFns: { catalogSearch: catalogSearchSort },\n  filterMeta: metaHelper<CatalogFilterMeta>(),\n});\n\nexport type CatalogTableFeatures = typeof catalogTableFeatures;\n\n/**\n * `useCatalogTable` is `useTable` with the catalog features and the global\n * search filter pre-bound; `createCatalogColumnHelper<T>()` only needs the row\n * type. Consumers building their own catalog UI get the same hook the compound\n * components use.\n */\nexport const { useAppTable: useCatalogTable, createAppColumnHelper: createCatalogColumnHelper } =\n  createTableHook({\n    features: catalogTableFeatures,\n    globalFilterFn: \"catalogSearch\",\n    // Passed explicitly: `createTableHook` has no defaults for its component\n    // generics, so omitting these infers `Record<string, ComponentType<any>>`,\n    // and that index signature is intersected into the table type in the\n    // emitted declarations. Any property that does not exist on the table\n    // (e.g. the removed v8 `getState()`) then types as `ComponentType<any>`\n    // instead of failing with \"property does not exist\".\n    tableComponents: {},\n    cellComponents: {},\n    headerComponents: {},\n  });\n"],"mappings":";;;;;;;;;;;AAyBA,MAAa,uBAAuB,cAAc;CAChD;CACA;CACA;CACA,kBAAkB,wBAAwB;CAC1C,gBAAgB,sBAAsB;CACtC,WAAW;EACT,gBAAgB;EAChB,aAAa;EACb,eAAe;EAChB;CACD,SAAS,EAAE,eAAe,mBAAmB;CAC7C,YAAY,YAA+B;CAC5C,CAAC;;;;;;;AAUF,MAAa,EAAE,aAAa,iBAAiB,uBAAuB,8BAClE,gBAAgB;CACd,UAAU;CACV,gBAAgB;CAOhB,iBAAiB,EAAE;CACnB,gBAAgB,EAAE;CAClB,kBAAkB,EAAE;CACrB,CAAC"}

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

@@ -1,4 +1,5 @@
 import { EffectCardData } from "../types/catalog-adapters.mjs";
+import { CatalogFilterMeta, CatalogSearchFeatures } from "../utils/catalog-helpers.mjs";
 import * as _$react from "react";
 import { SheetEffectCatalogTableData, SheetEffectCategory } from "@pipe0/base";
 import * as _$_tanstack_react_table0 from "@tanstack/react-table";
@@ -13,7 +14,22 @@ declare function useEffectCatalogTable(config?: {
    */
   filter?: (entry: SheetEffectCatalogTableData) => boolean;
 }): {
-  table: _$_tanstack_react_table0.Table<SheetEffectCatalogTableData>;
+  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;
+  }, SheetEffectCatalogTableData, _$_tanstack_react_table0.TableState_ColumnFiltering & _$_tanstack_react_table0.TableState_GlobalFiltering & _$_tanstack_react_table0.TableState_RowSorting, {}, {}, {}>;
   cards: EffectCardData[];
   cardsByCategory: {
     category: SheetEffectCategory;

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

@@ -1 +1 @@
-{"version":3,"file":"use-effect-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-effect-catalog-table.ts"],"mappings":";;;;;;;iBA+CgB,qBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;;;AAF3B;;EAOI,MAAA,IAAU,KAAA,EAAO,2BAAA;AAAA;;;;cAgFL,mBAAA;WAA4B,cAAA;EAAA;;;;;sBAhCjC,mBAAA;;yCAAmB,OAAA,CAAA,cAAA;AAAA;AAAA,KAmFlB,2BAAA,GAA8B,UAAA,QAAkB,qBAAA"}
+{"version":3,"file":"use-effect-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-effect-catalog-table.ts"],"mappings":";;;;;;;;iBAwCgB,qBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;;;;;EAKvB,MAAA,IAAU,KAAA,EAAO,2BAAA;AAAA;;4BAA2B,wBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;cAmEhC,mBAAA;WAA4B,cAAA;EAAA;;;;;sBA9BN,mBAAA;;yCAAmB,OAAA,CAAA,cAAA;AAAA;AAAA,KAiF7C,2BAAA,GAA8B,UAAA,QAAkB,qBAAA"}

package/dist/hooks/use-effect-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 { getInitialSheetEffectTableData, getLowestSheetEffectCreditAmount, getSheetEffectSearchTarget, isTokenBilledOperations } from "@pipe0/base";
-import { createColumnHelper, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 
 //#region src/hooks/use-effect-catalog-table.ts
-const columnHelper = createColumnHelper();
-const columns = [
+const columnHelper = createCatalogColumnHelper();
+const columns = columnHelper.columns([
 	columnHelper.accessor("effectId", {
 		filterFn: "includesString",
 		enableGlobalFilter: false
@@ -20,28 +19,20 @@ const columns = [
 		id: "search",
 		enableGlobalFilter: true,
 		enableSorting: true,
-		sortingFn: catalogSearchSort
+		sortFn: "catalogSearch"
 	})
-];
+]);
 function useEffectCatalogTable(config = {}) {
 	const [category, setCategory] = useState(null);
 	const { initialColumnFilters = [], filter } = config;
 	const baselineTableData = useMemo(() => filter ? getInitialSheetEffectTableData().filter(filter) : getInitialSheetEffectTableData(), [filter]);
-	const table = useReactTable({
+	const table = useCatalogTable({
 		columns,
 		data: useMemo(() => category ? baselineTableData.filter((e) => (e.categories ?? []).includes(category)) : baselineTableData, [baselineTableData, category]),
-		getCoreRowModel: getCoreRowModel(),
-		getFilteredRowModel: getFilteredRowModel(),
-		getSortedRowModel: getSortedRowModel(),
-		globalFilterFn: catalogSearchFilter,
-		getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,
-		initialState: {
-			columnFilters: initialColumnFilters,
-			pagination: { pageSize: 10 }
-		}
+		initialState: { columnFilters: initialColumnFilters }
 	});
 	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",
@@ -49,10 +40,10 @@ function useEffectCatalogTable(config = {}) {
 		}] : []);
 		if (v) setCategory(null);
 	});
-	const handleCategoryChange = useCallback((next) => {
+	const handleCategoryChange = (next) => {
 		setCategory(next);
 		setGlobalFilterImmediately("");
-	}, [setGlobalFilterImmediately]);
+	};
 	const rows = table.getRowModel().rows;
 	const cards = useMemo(() => rows.map((row) => {
 		const entry = row.original;

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

@@ -1 +1 @@
-{"version":3,"file":"use-effect-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-effect-catalog-table.ts"],"sourcesContent":["import {\n  getInitialSheetEffectTableData,\n  getLowestSheetEffectCreditAmount,\n  getSheetEffectSearchTarget,\n  isTokenBilledOperations,\n  type ProviderName,\n  type SheetEffectCatalogTableData,\n  type SheetEffectCategory,\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 { EffectCardData } from \"../types/catalog-adapters.js\";\nimport { catalogSearchFilter, catalogSearchSort } from \"../utils/catalog-helpers.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nconst columnHelper = createColumnHelper<SheetEffectCatalogTableData>();\n\nconst columns = [\n  columnHelper.accessor(\"effectId\", {\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  // 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) => getSheetEffectSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortingFn: catalogSearchSort,\n  }),\n];\n\nexport function useEffectCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /**\n     * Optional predicate to pre-filter the catalog (e.g. by `selectionMode`\n     * for the current row selection). Memoize it to keep the table stable.\n     */\n    filter?: (entry: SheetEffectCatalogTableData) => boolean;\n  } = {},\n) {\n  const [category, setCategory] = useState<SheetEffectCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter } = config;\n\n  // Baseline (config.filter applied, but no category / global filter). Drives\n  // the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () =>\n      filter ? getInitialSheetEffectTableData().filter(filter) : getInitialSheetEffectTableData(),\n    [filter],\n  );\n\n  const initialEffectTableData = useMemo(\n    () =>\n      category\n        ? baselineTableData.filter((e) => (e.categories ?? []).includes(category))\n        : baselineTableData,\n    [baselineTableData, category],\n  );\n\n  const table = useReactTable({\n    columns,\n    data: initialEffectTableData,\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 [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) setCategory(null);\n  });\n\n  const handleCategoryChange = useCallback(\n    (next: SheetEffectCategory | null) => {\n      setCategory(next);\n      setGlobalFilterImmediately(\"\");\n    },\n    [setGlobalFilterImmediately],\n  );\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<EffectCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const provider = (entry.managedProviders[0] ?? \"pipe0\") as ProviderName;\n        return {\n          effectId: entry.effectId,\n          baseEffect: entry.baseEffect,\n          label: entry.label,\n          description: entry.description,\n          provider,\n          providers: entry.managedProviders.length ? entry.managedProviders : [provider],\n          startingCreditAmount: getLowestSheetEffectCreditAmount(entry),\n          costMode: isTokenBilledOperations(entry.billableOperations)\n            ? (\"usage\" as const)\n            : (\"per_result\" as const),\n          selectionMode: entry.selectionMode,\n          entry,\n        };\n      }),\n    [rows],\n  );\n\n  const cardsByCategory = useMemo<\n    { category: SheetEffectCategory; cards: EffectCardData[] }[]\n  >(() => {\n    const groups = new Map<SheetEffectCategory, EffectCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SheetEffectCategory[];\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]) => ({ category, cards: group }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SheetEffectCategory, number>>>(() => {\n    const counts: Partial<Record<SheetEffectCategory, number>> = {};\n    for (const card of cards) {\n      for (const cat of (card.entry.categories ?? []) as SheetEffectCategory[]) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / global filter applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SheetEffectCategory, number>>>(() => {\n    const counts: Partial<Record<SheetEffectCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      for (const cat of (entry.categories ?? []) as SheetEffectCategory[]) {\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}\n\nexport type UseEffectCatalogTableReturn = ReturnType<typeof useEffectCatalogTable>;\n"],"mappings":"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"}
+{"version":3,"file":"use-effect-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-effect-catalog-table.ts"],"sourcesContent":["import {\n  getInitialSheetEffectTableData,\n  getLowestSheetEffectCreditAmount,\n  getSheetEffectSearchTarget,\n  isTokenBilledOperations,\n  type ProviderName,\n  type SheetEffectCatalogTableData,\n  type SheetEffectCategory,\n} from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport type { EffectCardData } from \"../types/catalog-adapters.js\";\nimport { createCatalogColumnHelper, useCatalogTable } from \"./catalog-table.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nconst columnHelper = createCatalogColumnHelper<SheetEffectCatalogTableData>();\n\nconst columns = columnHelper.columns([\n  columnHelper.accessor(\"effectId\", {\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  // 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) => getSheetEffectSearchTarget(row), {\n    id: \"search\",\n    enableGlobalFilter: true,\n    enableSorting: true,\n    sortFn: \"catalogSearch\",\n  }),\n]);\n\nexport function useEffectCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /**\n     * Optional predicate to pre-filter the catalog (e.g. by `selectionMode`\n     * for the current row selection). Memoize it to keep the table stable.\n     */\n    filter?: (entry: SheetEffectCatalogTableData) => boolean;\n  } = {},\n) {\n  const [category, setCategory] = useState<SheetEffectCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter } = config;\n\n  // Baseline (config.filter applied, but no category / global filter). Drives\n  // the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () =>\n      filter ? getInitialSheetEffectTableData().filter(filter) : getInitialSheetEffectTableData(),\n    [filter],\n  );\n\n  const initialEffectTableData = useMemo(\n    () =>\n      category\n        ? baselineTableData.filter((e) => (e.categories ?? []).includes(category))\n        : baselineTableData,\n    [baselineTableData, category],\n  );\n\n  const table = useCatalogTable({\n    columns,\n    data: initialEffectTableData,\n    initialState: { columnFilters: initialColumnFilters },\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) setCategory(null);\n  });\n\n  const handleCategoryChange = (next: SheetEffectCategory | null) => {\n    setCategory(next);\n    setGlobalFilterImmediately(\"\");\n  };\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<EffectCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const provider = (entry.managedProviders[0] ?? \"pipe0\") as ProviderName;\n        return {\n          effectId: entry.effectId,\n          baseEffect: entry.baseEffect,\n          label: entry.label,\n          description: entry.description,\n          provider,\n          providers: entry.managedProviders.length ? entry.managedProviders : [provider],\n          startingCreditAmount: getLowestSheetEffectCreditAmount(entry),\n          costMode: isTokenBilledOperations(entry.billableOperations)\n            ? (\"usage\" as const)\n            : (\"per_result\" as const),\n          selectionMode: entry.selectionMode,\n          entry,\n        };\n      }),\n    [rows],\n  );\n\n  const cardsByCategory = useMemo<\n    { category: SheetEffectCategory; cards: EffectCardData[] }[]\n  >(() => {\n    const groups = new Map<SheetEffectCategory, EffectCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SheetEffectCategory[];\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]) => ({ category, cards: group }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SheetEffectCategory, number>>>(() => {\n    const counts: Partial<Record<SheetEffectCategory, number>> = {};\n    for (const card of cards) {\n      for (const cat of (card.entry.categories ?? []) as SheetEffectCategory[]) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / global filter applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SheetEffectCategory, number>>>(() => {\n    const counts: Partial<Record<SheetEffectCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      for (const cat of (entry.categories ?? []) as SheetEffectCategory[]) {\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}\n\nexport type UseEffectCatalogTableReturn = ReturnType<typeof useEffectCatalogTable>;\n"],"mappings":";;;;;;AAeA,MAAM,eAAe,2BAAwD;AAE7E,MAAM,UAAU,aAAa,QAAQ;CACnC,aAAa,SAAS,YAAY;EAChC,UAAU;EACV,oBAAoB;EACrB,CAAC;CACF,aAAa,SAAS,eAAe,EACnC,oBAAoB,OACrB,CAAC;CACF,aAAa,SAAS,SAAS;EAC7B,UAAU;EACV,oBAAoB;EACrB,CAAC;CAIF,aAAa,UAAU,QAAQ,2BAA2B,IAAI,EAAE;EAC9D,IAAI;EACJ,oBAAoB;EACpB,eAAe;EACf,QAAQ;EACT,CAAC;CACH,CAAC;AAEF,SAAgB,sBACd,SAOI,EAAE,EACN;CACA,MAAM,CAAC,UAAU,eAAe,SAAqC,KAAK;CAC1E,MAAM,EAAE,uBAAuB,EAAE,EAAoB,WAAW;CAIhE,MAAM,oBAAoB,cAEtB,SAAS,gCAAgC,CAAC,OAAO,OAAO,GAAG,gCAAgC,EAC7F,CAAC,OAAO,CACT;CAUD,MAAM,QAAQ,gBAAgB;EAC5B;EACA,MAV6B,cAE3B,WACI,kBAAkB,QAAQ,OAAO,EAAE,cAAc,EAAE,EAAE,SAAS,SAAS,CAAC,GACxE,mBACN,CAAC,mBAAmB,SAAS,CAC9B;EAKC,cAAc,EAAE,eAAe,sBAAsB;EACtD,CAAC;CAEF,MAAM,CAAC,mBAAmB,sBAAsB,8BAA8B,aAAa,MAAM;AAC/F,MAAI,MAAM,MAAM,MAAM,aAAa,KAAK,CAAE;AAC1C,QAAM,gBAAgB,EAAE;AAGxB,QAAM,WAAW,IAAI,CAAC;GAAE,IAAI;GAAU,MAAM;GAAM,CAAC,GAAG,EAAE,CAAC;AACzD,MAAI,EAAG,aAAY,KAAK;GACxB;CAEF,MAAM,wBAAwB,SAAqC;AACjE,cAAY,KAAK;AACjB,6BAA2B,GAAG;;CAGhC,MAAM,OAAO,MAAM,aAAa,CAAC;CACjC,MAAM,QAAQ,cAEV,KAAK,KAAK,QAAQ;EAChB,MAAM,QAAQ,IAAI;EAClB,MAAM,WAAY,MAAM,iBAAiB,MAAM;AAC/C,SAAO;GACL,UAAU,MAAM;GAChB,YAAY,MAAM;GAClB,OAAO,MAAM;GACb,aAAa,MAAM;GACnB;GACA,WAAW,MAAM,iBAAiB,SAAS,MAAM,mBAAmB,CAAC,SAAS;GAC9E,sBAAsB,iCAAiC,MAAM;GAC7D,UAAU,wBAAwB,MAAM,mBAAmB,GACtD,UACA;GACL,eAAe,MAAM;GACrB;GACD;GACD,EACJ,CAAC,KAAK,CACP;AAuCD,QAAO;EACL;EACA;EACA,iBAxCsB,cAEhB;GACN,MAAM,yBAAS,IAAI,KAA4C;AAC/D,QAAK,MAAM,QAAQ,OAAO;IACxB,MAAM,OAAQ,KAAK,MAAM,cAAc,EAAE;AACzC,SAAK,MAAM,OAAO,MAAM;KACtB,MAAM,MAAM,OAAO,IAAI,IAAI;AAC3B,SAAI,IAAK,KAAI,KAAK,KAAK;SAClB,QAAO,IAAI,KAAK,CAAC,KAAK,CAAC;;;AAGhC,UAAO,MAAM,KAAK,SAAS,CAAC,UAAU,YAAY;IAAE;IAAU,OAAO;IAAO,EAAE;KAC7E,CAAC,MAAM,CAAC;EA4BT,gBA1BqB,cAA4D;GACjF,MAAM,SAAuD,EAAE;AAC/D,QAAK,MAAM,QAAQ,MACjB,MAAK,MAAM,OAAQ,KAAK,MAAM,cAAc,EAAE,CAC5C,QAAO,QAAQ,OAAO,QAAQ,KAAK;AAGvC,UAAO;KACN,CAAC,MAAM,CAAC;EAmBT,mBAhBwB,kBAAkB;EAiB1C,wBAhB6B,cAA4D;GACzF,MAAM,SAAuD,EAAE;AAC/D,QAAK,MAAM,SAAS,kBAClB,MAAK,MAAM,OAAQ,MAAM,cAAc,EAAE,CACvC,QAAO,QAAQ,OAAO,QAAQ,KAAK;AAGvC,UAAO;KACN,CAAC,kBAAkB,CAAC;EAUrB;EACA,aAAa;EACb;EACA;EACD"}

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

@@ -1,4 +1,5 @@
 import { PipeCardData } from "../types/catalog-adapters.mjs";
+import { CatalogFilterMeta, CatalogSearchFeatures } from "../utils/catalog-helpers.mjs";
 import * as _$react from "react";
 import { CatalogFilter, OrgAccessLevel, PipeCategory, PipeEntryWithLatestVersion, PipeId } from "@pipe0/base";
 import * as _$_tanstack_react_table0 from "@tanstack/react-table";
@@ -21,7 +22,22 @@ declare function usePipeCatalogTable(config?: {
    */
   accessLevel?: OrgAccessLevel;
 }): {
-  table: _$_tanstack_react_table0.Table<PipeEntryWithLatestVersion>;
+  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;
+  }, PipeEntryWithLatestVersion, _$_tanstack_react_table0.TableState_ColumnFiltering & _$_tanstack_react_table0.TableState_GlobalFiltering & _$_tanstack_react_table0.TableState_RowSorting, {}, {}, {}>;
   cards: PipeCardData[];
   cardsByCategory: {
     category: PipeCategory;

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

@@ -1 +1 @@
-{"version":3,"file":"use-pipe-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-pipe-catalog-table.ts"],"mappings":";;;;;;;KAiCY,iBAAA,GAAoB,MAAA,SAAe,MAAA;AAAA,KACnC,kBAAA,GAAqB,MAAA,SAAe,MAAA;AAAA,iBAkEhC,mBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;EArEf;;;;EA0ER,MAAA,GAAS,aAAA;EAzED;;;;;EA+ER,WAAA,GAAc,cAAA;AAAA;;;;cAoI4B,YAAA;WAAqB,YAAA;EAAA;;;;;0BArEpD,YAAA;;yCAAY,OAAA,CAAA,cAAA;+EARmC,KAAA;;;;;;;;;;;;;KA0JlD,yBAAA,GAA4B,UAAA,QAAkB,mBAAA"}
+{"version":3,"file":"use-pipe-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-pipe-catalog-table.ts"],"mappings":";;;;;;;;KA0BY,iBAAA,GAAoB,MAAA,SAAe,MAAA;AAAA,KACnC,kBAAA,GAAqB,MAAA,SAAe,MAAA;AAAA,iBAkEhC,mBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;;;AArE3B;;EA0EI,MAAA,GAAS,aAAA;EA1EmB;;AAChC;;;EA+EI,WAAA,GAAc,cAAA;AAAA;;4BAAc,wBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;cAiHc,YAAA;WAAqB,YAAA;EAAA;;;;;0BA7DzB,YAAA;;yCAAY,OAAA,CAAA,cAAA;+EAPO,KAAA;;;;;;;;;;;;;KAiJjD,yBAAA,GAA4B,UAAA,QAAkB,mBAAA"}

package/dist/hooks/use-pipe-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 { collectRequirementFields, filterPipeEntries, getDefaultOutputFields, getDefaultPipeProviders, getInitialTableData, getLowestPipeCreditAmount, getPipeAccessLevel, getPipeSearchTarget, getStartingCostPerPipesProvider, getTableDataAggregates, isEntryAccessible, isTokenBilledOperations } from "@pipe0/base";
-import { createColumnHelper, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 
 //#region src/hooks/use-pipe-catalog-table.ts
 /**
@@ -15,8 +14,8 @@ function hidePartnerGated(rows, accessLevel) {
 	if (accessLevel === void 0 || accessLevel === "partner") return rows;
 	return rows.filter((row) => getPipeAccessLevel(row.pipeId) !== "partner");
 }
-const columnHelper = createColumnHelper();
-const columns = [
+const columnHelper = createCatalogColumnHelper();
+const columns = columnHelper.columns([
 	columnHelper.accessor("pipeId", {
 		filterFn: "includesString",
 		enableGlobalFilter: false
@@ -47,9 +46,9 @@ const columns = [
 		id: "search",
 		enableGlobalFilter: true,
 		enableSorting: true,
-		sortingFn: catalogSearchSort
+		sortFn: "catalogSearch"
 	})
-];
+]);
 function usePipeCatalogTable(config = {}) {
 	const [category, setCategory] = useState(null);
 	const { initialColumnFilters = [], filter, accessLevel } = config;
@@ -59,23 +58,15 @@ function usePipeCatalogTable(config = {}) {
 		accessLevel
 	]);
 	const baselineTableData = useMemo(() => hidePartnerGated(filterPipeEntries(getInitialTableData(null), filter), accessLevel), [filter, accessLevel]);
-	const table = useReactTable({
+	const table = useCatalogTable({
 		columns,
 		data: initialTableData,
-		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(() => getTableDataAggregates(initialTableData, category), [category, initialTableData]);
 	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",
@@ -86,28 +77,28 @@ function usePipeCatalogTable(config = {}) {
 			table.setColumnFilters([]);
 		}
 	});
-	const addColumnFilter = useCallback((id, value) => {
+	const addColumnFilter = (id, value) => {
 		setGlobalFilterImmediately("");
 		table.setColumnFilters([{
 			id,
 			value
 		}]);
-	}, [setGlobalFilterImmediately, table]);
-	const handleCategoryChange = useCallback((category) => {
+	};
+	const handleCategoryChange = (category) => {
 		setCategory(category);
 		table.setColumnFilters([]);
 		setGlobalFilterImmediately("");
-	}, [table, setGlobalFilterImmediately]);
-	const resetFilters = useCallback(() => {
+	};
+	const resetFilters = () => {
 		setGlobalFilterImmediately("");
 		setCategory(null);
-	}, [setGlobalFilterImmediately]);
-	const removeColumnFilter = useCallback((id) => {
+	};
+	const removeColumnFilter = (id) => {
 		table.getColumn(id)?.setFilterValue(null);
-	}, [table]);
-	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;