@lunora/studio 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/packem_shared/{DataBrowser-CtBe1So9.js → DataBrowser-ANTHLWWh.js}

@@ -5,20 +5,21 @@ import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, b as formatTimestamp } from './internal-rXJEAhXS.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.js';
+import { d as formatCell, f as fireAndForget, c as callOptions, a as adminRef, g as formatTimestamp } from './internal-FcNZ3beb.js';
 import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { C as Checkbox } from './checkbox-UNkzAxl-.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { f as flooredRectObserver } from './virtual-rect-CVMUskSm.js';
-import { G as GridContainer, C as CellValue, T as TransposedTable } from './data-grid-B5CaV3wS.js';
+import { G as GridContainer, C as CellValue, T as TransposedTable } from './data-grid-Dsg6nRjo.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-Bg7uzbvC.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-VMo0ftxD.js';
 import { toFilterClauses, DataFilters } from './DataFilters-FNquMaiu.js';
-import { M as ModalShell, G as GridActionsBar, C as CellDetailDialog } from './grid-features-CzUfqgsM.js';
+import { M as ModalShell } from './modal-shell-hyaJvIJ6.js';
+import { G as GridActionsBar, C as CellDetailDialog } from './grid-features-D7nNzBYm.js';
+import { u as useAdminQuery } from './use-admin-query-BViPA3US.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
-import { u as useLiveAdmin } from './use-live-admin-Dq6g3daN.js';
 import { r as recordShard, l as loadRecentShards } from './shard-history-DyebH1R5.js';
 
 const CAMEL_BOUNDARY_RE = /([a-z\d])([A-Z])/gu;
@@ -1564,7 +1565,7 @@ const useDataBrowserTable = (page, sorting, onSortingChange) => {
       };
     });
   }, [columns, references]);
-  const data = rows ?? [];
+  const data = useMemo(() => rows ?? [], [rows]);
   const [rowSelection, setRowSelection] = useState({});
   const [columnVisibility, setColumnVisibility] = useState({});
   const table = useReactTable({
@@ -2160,12 +2161,12 @@ const fromOrderBy = (orderBy) => orderBy === void 0 ? [] : [{
 }];
 const MAX_BULK_DELETE_BATCHES = 200;
 const PREVIEW_CANDIDATES = 20;
-const LIST_TABLES$1 = adminRef(ADMIN_FUNCTIONS.listTables);
 const READ_TABLE_PAGE$1 = adminRef(ADMIN_FUNCTIONS.readTablePage);
 const FACET_COLUMN = adminRef(ADMIN_FUNCTIONS.facetColumn);
 const WRITE_ROW$1 = adminRef(ADMIN_FUNCTIONS.writeRow);
 const DELETE_ROWS = adminRef(ADMIN_FUNCTIONS.deleteRows);
 const CLEAR_TABLE = adminRef(ADMIN_FUNCTIONS.clearTable);
+const NO_ARGS = {};
 const META_COLUMNS = /* @__PURE__ */ new Set(["__doc__", "__id__", "_creationTime", "_id", "id"]);
 const rowDocument = (row) => {
   const raw = row["__doc__"];
@@ -2199,18 +2200,8 @@ const useDataBrowser = ({
   const client = useLunora();
   const [pageSize, setPageSize] = useState(initialPageSize);
   const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const hydrationRef = useRef({
-    filters: initialFilters,
-    orderBy: initialOrderBy,
-    search: initialSearch,
-    table: tableParam
-  });
-  const [tables, setTables] = useState(null);
-  const [tablesError, setTablesError] = useState(null);
-  const [selectedTable, setSelectedTable] = useState(null);
+  const selectedTable = tableParam === void 0 || tableParam === "" ? null : tableParam;
   const [offset, setOffset] = useState(0);
-  const [page, setPage] = useState(null);
-  const [pageError, setPageError] = useState(null);
   const [viewMode, setViewMode] = useState("table");
   const [sorting, setSorting] = useState(() => fromOrderBy(initialOrderBy));
   const [filter, setFilter] = useState(initialSearch ?? "");
@@ -2225,183 +2216,160 @@ const useDataBrowser = ({
     refetchFacets,
     toggleFacet: toggleFacetColumn
   } = useFacets();
-  const sortingRef = useRef(sorting);
-  sortingRef.current = sorting;
   const [editing, setEditing] = useState(null);
   const [writeError, setWriteError] = useState(null);
   const stagedEdits = useStagedEdits();
   const [editingCell, setEditingCell] = useState(null);
   const [committing, setCommitting] = useState(false);
-  const [liveError, setLiveError] = useState(void 0);
-  const [loaded, setLoaded] = useState(null);
-  const fetchTables = useCallback(async (shard) => {
-    setTablesError(null);
-    try {
-      const result = await client.query(LIST_TABLES$1, {}, callOptions(shard));
-      recordShard(shard);
-      setTables(result);
-    } catch (error) {
-      setTables(null);
-      setTablesError(error.message);
-    }
-  }, [client]);
-  const fetchSeqRef = useRef(0);
-  const fetchPage = useCallback(async (shard_0, table, nextOffset, searchQuery) => {
-    fetchSeqRef.current += 1;
-    const seq = fetchSeqRef.current;
-    setPageError(null);
-    const activeFilters = filtersRef.current;
-    const activeSort = sortingRef.current;
-    try {
-      const result_0 = await client.query(READ_TABLE_PAGE$1, {
-        filters: toFilterClauses(activeFilters),
-        limit: pageSize,
-        offset: nextOffset,
-        orderBy: toOrderBy(activeSort),
-        search: searchQuery,
-        table
-      }, callOptions(shard_0));
-      if (fetchSeqRef.current !== seq) {
-        return;
-      }
-      setPage(result_0);
-      setOffset(nextOffset);
-      setLoaded({
-        filters: activeFilters,
-        offset: nextOffset,
-        pageSize,
-        search: searchQuery,
-        shard: shard_0,
-        sort: activeSort,
-        table
-      });
-    } catch (error_0) {
-      if (fetchSeqRef.current !== seq) {
-        return;
-      }
-      setPage(null);
-      setPageError(error_0.message);
-    }
-  }, [client, pageSize]);
+  const tablesQuery = useAdminQuery(ADMIN_FUNCTIONS.listTables, NO_ARGS, {
+    live: true,
+    shardKey: debouncedShard
+  });
+  const tables = tablesQuery.data ?? null;
+  const tablesError = tablesQuery.error;
+  const pageArgs = useMemo(() => {
+    return {
+      filters: toFilterClauses(filters),
+      limit: pageSize,
+      offset,
+      orderBy: toOrderBy(sorting),
+      search,
+      // The page read skips the COUNT — the total rides a separate
+      // predicate-keyed query (`countArgs`) that page navigation never
+      // re-keys, so paging no longer re-runs the full-table COUNT.
+      skipCount: true,
+      table: selectedTable ?? ""
+    };
+  }, [filters, pageSize, offset, sorting, search, selectedTable]);
+  const countArgs = useMemo(() => {
+    return {
+      filters: toFilterClauses(filters),
+      limit: 1,
+      search,
+      table: selectedTable ?? ""
+    };
+  }, [filters, search, selectedTable]);
+  const pageQuery = useAdminQuery(ADMIN_FUNCTIONS.readTablePage, pageArgs, {
+    enabled: selectedTable !== null,
+    keepPreviousData: false,
+    live: true,
+    shardKey: debouncedShard
+  });
+  const page = pageQuery.data ?? null;
+  const pageError = pageQuery.error;
+  const {
+    liveError
+  } = pageQuery;
+  const countQuery = useAdminQuery(ADMIN_FUNCTIONS.readTablePage, countArgs, {
+    enabled: selectedTable !== null,
+    live: true,
+    shardKey: debouncedShard
+  });
   useEffect(() => {
-    fireAndForget(fetchTables(debouncedShard));
-  }, [fetchTables, debouncedShard]);
-  useLiveAdmin(ADMIN_FUNCTIONS.readTablePage, {
-    filters: toFilterClauses(loaded?.filters ?? []),
-    limit: pageSize,
-    offset: loaded?.offset ?? 0,
-    orderBy: toOrderBy(loaded?.sort ?? []),
-    search: loaded?.search ?? "",
-    table: loaded?.table ?? ""
-  }, loaded?.shard ?? "", (result_1) => {
-    setPageError(null);
-    setLiveError(void 0);
-    setPage(result_1);
-  }, loaded !== null, setLiveError);
-  useLiveAdmin(ADMIN_FUNCTIONS.listTables, {}, loaded?.shard ?? "", (result_2) => {
-    setTablesError(null);
-    setLiveError(void 0);
-    setTables(result_2);
-  }, loaded !== null, setLiveError);
-  const appliedTableRef = useRef(null);
-  const selectTable = useCallback((table_0) => {
-    const hydration = hydrationRef.current?.table === void 0 || hydrationRef.current.table === table_0 ? hydrationRef.current : null;
-    hydrationRef.current = null;
-    const nextSorting = fromOrderBy(hydration?.orderBy);
-    const nextFilters = toEditableFilters(hydration?.filters ?? []);
-    const nextSearch = hydration?.search ?? "";
-    setSorting(nextSorting);
-    setFilter(nextSearch);
-    setFilters(nextFilters);
-    filtersRef.current = nextFilters;
-    sortingRef.current = nextSorting;
-    clearFacets();
-    stagedEdits.clear();
-    setEditingCell(null);
-    setSelectedTable(table_0);
-    appliedTableRef.current = table_0;
-    fireAndForget(fetchPage(shardKey, table_0, 0, nextSearch));
-    onSelectTable?.(table_0);
-  }, [clearFacets, fetchPage, onSelectTable, shardKey, stagedEdits]);
+    if (tablesQuery.data !== void 0) {
+      recordShard(debouncedShard);
+    }
+  }, [tablesQuery.data, debouncedShard]);
+  const selectTable = useCallback((table2) => {
+    onSelectTable?.(table2);
+  }, [onSelectTable]);
   const navigateToRef = (targetTable, id) => {
-    setSorting([]);
-    setFilters([]);
-    filtersRef.current = [];
-    clearFacets();
-    setSelectedTable(targetTable);
-    appliedTableRef.current = targetTable;
-    setFilter(id);
-    fireAndForget(fetchPage(shardKey, targetTable, 0, id));
-    onSelectTable?.(targetTable);
+    onSelectTable?.(targetTable, {
+      search: id
+    });
   };
-  const previewRef = async (targetTable_0, id_0) => {
+  const previewRef = async (targetTable, id) => {
     try {
-      const result_3 = await client.query(READ_TABLE_PAGE$1, {
+      const result = await client.query(READ_TABLE_PAGE$1, {
         filters: [],
         limit: PREVIEW_CANDIDATES,
         offset: 0,
-        search: id_0,
-        table: targetTable_0
-      }, callOptions(shardKey));
-      return result_3.rows.find((row) => rowId(row) === id_0) ?? null;
+        search: id,
+        table: targetTable
+      }, callOptions(debouncedShard));
+      return result.rows.find((row) => rowId(row) === id) ?? null;
     } catch {
       return null;
     }
   };
-  const facetFetcher = useCallback((shard_1, table_1, activeFilters_0, searchQuery_0) => (column) => client.query(FACET_COLUMN, {
+  const facetFetcher = useCallback((shard, table2, activeFilters, searchQuery) => (column) => client.query(FACET_COLUMN, {
     column,
-    filters: toFilterClauses(activeFilters_0),
-    search: searchQuery_0,
-    table: table_1
-  }, callOptions(shard_1)), [client]);
-  const toggleFacet = (column_0) => {
-    toggleFacetColumn(column_0, selectedTable === null ? null : facetFetcher(shardKey, selectedTable, filtersRef.current, search));
+    filters: toFilterClauses(activeFilters),
+    search: searchQuery,
+    table: table2
+  }, callOptions(shard)), [client]);
+  const toggleFacet = (column) => {
+    toggleFacetColumn(column, selectedTable === null ? null : facetFetcher(debouncedShard, selectedTable, filtersRef.current, search));
   };
-  const facetFilter = (column_1, value) => {
+  const facetFilter = (column, value) => {
     const text = facetValueText(value);
-    setFilters((current) => [...current.filter((clause) => clause.column !== column_1), {
-      column: column_1,
+    setFilters((current) => [...current.filter((clause) => clause.column !== column), {
+      column,
       operator: "eq",
       value: text
     }]);
+    setOffset(0);
   };
+  const facetFetcherRef = useRef(facetFetcher);
+  const refetchFacetsRef = useRef(refetchFacets);
+  const onViewChangeRef = useRef(onViewChange);
+  facetFetcherRef.current = facetFetcher;
+  refetchFacetsRef.current = refetchFacets;
+  onViewChangeRef.current = onViewChange;
   useEffect(() => {
-    if (loaded === null) {
+    if (selectedTable === null) {
       return;
     }
-    refetchFacets(facetFetcher(loaded.shard, loaded.table, loaded.filters, loaded.search));
-  }, [loaded, facetFetcher, refetchFacets]);
+    refetchFacetsRef.current(facetFetcherRef.current(debouncedShard, selectedTable, filters, search));
+  }, [debouncedShard, selectedTable, filters, search]);
+  const seededTableRef = useRef(tableParam);
   useEffect(() => {
-    if (loaded === null || onViewChange === void 0) {
+    if (selectedTable === null || onViewChangeRef.current === void 0 || seededTableRef.current !== tableParam) {
       return;
     }
-    onViewChange({
-      filters: toFilterClauses(loaded.filters),
-      orderBy: toOrderBy(loaded.sort),
-      search: loaded.search,
-      shard: loaded.shard
+    onViewChangeRef.current({
+      filters: toFilterClauses(filters),
+      orderBy: toOrderBy(sorting),
+      search,
+      shard: debouncedShard
     });
-  }, [loaded, onViewChange]);
+  }, [selectedTable, tableParam, filters, sorting, search, debouncedShard]);
+  const initialFiltersRef = useRef(initialFilters);
+  const initialOrderByRef = useRef(initialOrderBy);
+  const initialSearchRef = useRef(initialSearch);
+  const initialShardKeyRef = useRef(initialShardKey);
+  initialFiltersRef.current = initialFilters;
+  initialOrderByRef.current = initialOrderBy;
+  initialSearchRef.current = initialSearch;
+  initialShardKeyRef.current = initialShardKey;
   useEffect(() => {
-    if (tableParam === void 0 || tableParam === "" || tableParam === appliedTableRef.current) {
+    if (seededTableRef.current === tableParam) {
       return;
     }
-    appliedTableRef.current = tableParam;
-    const target = tableParam;
+    seededTableRef.current = tableParam;
     queueMicrotask(() => {
-      selectTable(target);
+      const nextFilters = toEditableFilters(initialFiltersRef.current ?? []);
+      setSorting(fromOrderBy(initialOrderByRef.current));
+      setFilter(initialSearchRef.current ?? "");
+      setFilters(nextFilters);
+      filtersRef.current = nextFilters;
+      setShardKey(initialShardKeyRef.current ?? "");
+      clearFacets();
+      stagedEdits.clear();
+      setEditingCell(null);
+      setOffset(0);
     });
-  }, [tableParam, selectTable]);
-  const goToPage = (nextOffset_0) => {
+  }, [tableParam]);
+  const goToPage = (nextOffset) => {
     if (selectedTable === null) {
       return;
     }
-    fireAndForget(fetchPage(shardKey, selectedTable, Math.max(0, nextOffset_0), search));
+    setOffset(Math.max(0, nextOffset));
   };
-  const editableColumn = (column_2) => !META_COLUMNS.has(column_2);
-  const startCellEdit = (targetRow, column_3) => {
+  const editableColumn = (column) => !META_COLUMNS.has(column);
+  const startCellEdit = (targetRow, column) => {
     setEditingCell({
-      column: column_3,
+      column,
       rowId: targetRow
     });
   };
@@ -2415,19 +2383,19 @@ const useDataBrowser = ({
     setWriteError(null);
     setCommitting(true);
     try {
-      for (const [id_1, columns] of Object.entries(stagedEdits.staged)) {
+      for (const [id, columns] of Object.entries(stagedEdits.staged)) {
         await client.query(WRITE_ROW$1, {
           doc: columns,
-          id: id_1,
+          id,
           op: "patch",
           table: selectedTable
-        }, callOptions(shardKey));
+        }, callOptions(debouncedShard));
       }
       stagedEdits.clear();
       setEditingCell(null);
-      await fetchPage(shardKey, selectedTable, offset, search);
-    } catch (error_1) {
-      setWriteError(error_1.message);
+      pageQuery.refetch();
+    } catch (error) {
+      setWriteError(error.message);
     } finally {
       setCommitting(false);
     }
@@ -2438,50 +2406,26 @@ const useDataBrowser = ({
   };
   const stagedChanges = useMemo(() => {
     const rowsById = /* @__PURE__ */ new Map();
-    for (const row_0 of page?.rows ?? []) {
-      const id_2 = rowId(row_0);
-      if (id_2 !== null) {
-        rowsById.set(id_2, row_0);
+    for (const row of page?.rows ?? []) {
+      const id = rowId(row);
+      if (id !== null) {
+        rowsById.set(id, row);
       }
     }
     const changes = [];
-    for (const [id_3, columns_0] of Object.entries(stagedEdits.staged)) {
-      for (const [column_4, newValue] of Object.entries(columns_0)) {
+    for (const [id, columns] of Object.entries(stagedEdits.staged)) {
+      for (const [column, newValue] of Object.entries(columns)) {
         changes.push({
-          column: column_4,
+          column,
           newValue,
-          oldValue: rowsById.get(id_3)?.[column_4],
-          rowId: id_3
+          oldValue: rowsById.get(id)?.[column],
+          rowId: id
         });
       }
     }
     return changes;
   }, [page, stagedEdits.staged]);
-  useEffect(() => {
-    if (selectedTable === null || loaded === null || loaded.search === search) {
-      return;
-    }
-    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
-  }, [search, selectedTable, shardKey, loaded, fetchPage]);
-  useEffect(() => {
-    if (selectedTable === null || loaded === null || loaded.filters === filters) {
-      return;
-    }
-    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
-  }, [filters, selectedTable, shardKey, loaded, search, fetchPage]);
-  useEffect(() => {
-    if (selectedTable === null || loaded === null || loaded.sort === sorting) {
-      return;
-    }
-    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
-  }, [sorting, selectedTable, shardKey, loaded, search, fetchPage]);
-  useEffect(() => {
-    if (selectedTable === null || loaded === null || loaded.pageSize === pageSize) {
-      return;
-    }
-    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
-  }, [pageSize, selectedTable, shardKey, loaded, search, fetchPage]);
-  const writeRow = async (op, id_4, documentText) => {
+  const writeRow = async (op, id, documentText) => {
     if (selectedTable === null) {
       return;
     }
@@ -2490,22 +2434,22 @@ const useDataBrowser = ({
     if (op !== "delete") {
       try {
         parsedDocument = documentText === void 0 || documentText.trim() === "" ? {} : JSON.parse(documentText);
-      } catch (error_2) {
-        setWriteError(`Invalid JSON: ${error_2.message}`);
+      } catch (error) {
+        setWriteError(`Invalid JSON: ${error.message}`);
         return;
       }
     }
     try {
       await client.query(WRITE_ROW$1, {
         doc: parsedDocument,
-        id: id_4 ?? void 0,
+        id: id ?? void 0,
         op,
         table: selectedTable
-      }, callOptions(shardKey));
+      }, callOptions(debouncedShard));
       setEditing(null);
-      await fetchPage(shardKey, selectedTable, offset, search);
-    } catch (error_3) {
-      setWriteError(error_3.message);
+      pageQuery.refetch();
+    } catch (error) {
+      setWriteError(error.message);
     }
   };
   const drainBulk = async (ref, args) => {
@@ -2515,17 +2459,22 @@ const useDataBrowser = ({
     setWriteError(null);
     try {
       for (let batch = 0; batch < MAX_BULK_DELETE_BATCHES; batch += 1) {
-        const result_4 = await client.query(ref, args, callOptions(shardKey));
-        if (!result_4.hasMore) {
+        const result = await client.query(ref, args, callOptions(debouncedShard));
+        if (!result.hasMore) {
           break;
         }
       }
-      await fetchPage(shardKey, selectedTable, 0, search);
-    } catch (error_4) {
-      setWriteError(error_4.message);
+      setOffset(0);
+      pageQuery.refetch();
+    } catch (error) {
+      setWriteError(error.message);
     }
   };
-  const table_2 = useDataBrowserTable(page, sorting, setSorting);
+  const changeSorting = (updater) => {
+    setSorting(updater);
+    setOffset(0);
+  };
+  const table = useDataBrowserTable(page, sorting, changeSorting);
   const currentView = {
     filters: toFilterClauses(filters),
     orderBy: toOrderBy(sorting),
@@ -2533,13 +2482,13 @@ const useDataBrowser = ({
     shard: shardKey,
     table: selectedTable ?? void 0
   };
-  const total = page?.total ?? 0;
+  const total = countQuery.data?.total ?? (page === null ? 0 : offset + page.rows.length);
   const hasPrevious = offset > 0;
   const hasNext = page !== null && offset + page.rows.length < total;
   const rangeStart = page === null || page.rows.length === 0 ? 0 : offset + 1;
   const rangeEnd = page === null ? 0 : offset + page.rows.length;
   const loadTables = () => {
-    fireAndForget(fetchTables(shardKey));
+    tablesQuery.refetch();
   };
   const showTable = () => {
     setViewMode("table");
@@ -2561,13 +2510,18 @@ const useDataBrowser = ({
   };
   const onFilterChange = (event) => {
     setFilter(event.target.value);
+    setOffset(0);
+  };
+  const changeFilters = (next) => {
+    setFilters(next);
+    setOffset(0);
   };
   const addRow = () => {
     setWriteError(null);
     const seed = {};
-    for (const column_5 of page?.columns ?? []) {
-      if (!META_COLUMNS.has(column_5)) {
-        seed[column_5] = "";
+    for (const column of page?.columns ?? []) {
+      if (!META_COLUMNS.has(column)) {
+        seed[column] = "";
       }
     }
     setEditing({
@@ -2575,10 +2529,10 @@ const useDataBrowser = ({
       id: ""
     });
   };
-  const setEditorDocumentText = (text_0) => {
-    setEditing((current_0) => current_0 === null ? current_0 : {
-      docText: text_0,
-      id: current_0.id
+  const setEditorDocumentText = (text) => {
+    setEditing((current) => current === null ? current : {
+      docText: text,
+      id: current.id
     });
   };
   const saveEdit = () => {
@@ -2604,15 +2558,15 @@ const useDataBrowser = ({
     setPageSize(size);
     setOffset(0);
   };
-  const onRowEdit = (id_5, original) => {
+  const onRowEdit = (id, original) => {
     setWriteError(null);
     setEditing({
       docText: JSON.stringify(rowDocument(original), null, 2),
-      id: id_5
+      id
     });
   };
-  const onRowDelete = (id_6) => {
-    fireAndForget(writeRow("delete", id_6));
+  const onRowDelete = (id) => {
+    fireAndForget(writeRow("delete", id));
   };
   const deleteSelected = async (ids) => {
     if (selectedTable === null || ids.length === 0) {
@@ -2620,20 +2574,20 @@ const useDataBrowser = ({
     }
     setWriteError(null);
     try {
-      for (const id_7 of ids) {
+      for (const id of ids) {
         await client.query(WRITE_ROW$1, {
-          id: id_7,
+          id,
           op: "delete",
           table: selectedTable
-        }, callOptions(shardKey));
+        }, callOptions(debouncedShard));
       }
-      await fetchPage(shardKey, selectedTable, offset, search);
-    } catch (error_5) {
-      setWriteError(error_5.message);
+      pageQuery.refetch();
+    } catch (error) {
+      setWriteError(error.message);
     }
   };
-  const onBulkDeleteSelected = (ids_0) => {
-    fireAndForget(deleteSelected(ids_0));
+  const onBulkDeleteSelected = (ids) => {
+    fireAndForget(deleteSelected(ids));
   };
   const onCommitStaged = () => {
     fireAndForget(commitStaged());
@@ -2667,7 +2621,7 @@ const useDataBrowser = ({
     onBulkDeleteSelected,
     onCommitStaged,
     onFilterChange,
-    onFiltersChange: setFilters,
+    onFiltersChange: changeFilters,
     onRowDelete,
     onRowEdit,
     page,
@@ -2688,7 +2642,7 @@ const useDataBrowser = ({
     stagedChanges,
     stagedValue: stagedEdits.stagedValue,
     startCellEdit,
-    table: table_2,
+    table,
     tables,
     tablesError,
     toggleFacet,
@@ -2812,23 +2766,20 @@ const useGenerateRows = (onRefresh) => {
   };
 };
 
-const MASK_POLICIES = adminRef(ADMIN_FUNCTIONS.maskPolicies);
 const NO_COLUMNS = [];
 const useMaskPolicies = () => {
-  const client = useLunora();
-  const [columns, setColumns] = useState(NO_COLUMNS);
-  const refresh = async () => {
-    try {
-      const result = await client.query(MASK_POLICIES, {}, callOptions(""));
-      setColumns(Array.isArray(result.columns) ? result.columns : NO_COLUMNS);
-    } catch {
-      setColumns(NO_COLUMNS);
-    }
-  };
-  useEffect(() => {
-    fireAndForget(refresh());
-  }, [refresh]);
-  return columns;
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const {
+    data
+  } = useAdminQuery(ADMIN_FUNCTIONS.maskPolicies, t0);
+  return Array.isArray(data?.columns) ? data.columns : NO_COLUMNS;
 };
 
 const TIMESTAMP_RE$1 = /(?:_creationtime|(?:^|[a-z])(?:time|at))$/iu;