@lunora/studio 0.0.0 → 1.0.0-alpha.10

package/dist/packem_shared/FunctionStatsPanel-CXynSuqT.js

@@ -0,0 +1,375 @@
+import { c } from 'react/compiler-runtime';
+import { useState } from 'react';
+import { L as LiveError } from './live-status-FZ0psC1z.js';
+import { ShardInput } from './ShardInput-gx_DZXXn.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-_RzNvy3R.js';
+import { u as useAdminQuery } from './use-admin-query-4JQW2rr1.js';
+import useDebounced from './useDebounced-Dxncpg6z.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DjXgvJb6.js';
+import { b as formatTimestamp } from './internal-rXJEAhXS.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const KIND_VARIANT = {
+  action: "outline",
+  mutation: "default",
+  query: "secondary"
+};
+const formatMs = (ms) => {
+  if (ms < 1e3) {
+    return `${ms < 10 ? ms.toFixed(1) : Math.round(ms).toString()}ms`;
+  }
+  return `${(ms / 1e3).toFixed(2)}s`;
+};
+const errorCell = (stat) => {
+  if (stat.calls === 0) {
+    return "—";
+  }
+  if (stat.errors === 0) {
+    return "0";
+  }
+  return `${stat.errors.toString()} (${(stat.errors / stat.calls * 100).toFixed(1)}%)`;
+};
+const conflictCell = (stat) => {
+  const conflicts = stat.conflicts ?? 0;
+  if (stat.calls === 0) {
+    return "—";
+  }
+  if (conflicts === 0) {
+    return "0";
+  }
+  return `${conflicts.toString()} (${(conflicts / stat.calls * 100).toFixed(1)}%)`;
+};
+const SORTERS = {
+  calls: (a, b) => b.calls - a.calls,
+  recent: (a, b) => b.lastCalledAt - a.lastCalledAt,
+  slowest: (a, b) => b.maxDurationMs - a.maxDurationMs
+};
+const FunctionStatsPanel = (t0) => {
+  const $ = c(45);
+  const {
+    functions,
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  const [sortKey, setSortKey] = useState("recent");
+  let t1;
+  if ($[0] !== shardKey) {
+    t1 = shardKey.trim();
+    $[0] = shardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const debouncedShard = useDebounced(t1, 400);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== debouncedShard) {
+    t3 = {
+      live: true,
+      shardKey: debouncedShard
+    };
+    $[3] = debouncedShard;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    data,
+    error,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getFunctionStats, t2, t3);
+  const stats = data?.functions ?? null;
+  let t4;
+  if ($[5] !== functions) {
+    t4 = new Map((functions ?? []).map(_temp));
+    $[5] = functions;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const kindByPath = t4;
+  let t5;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (event) => {
+      setSortKey(event.currentTarget.dataset.sort);
+    };
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const selectSort = t5;
+  let t6;
+  if ($[8] !== error || $[9] !== kindByPath || $[10] !== liveError || $[11] !== shardKey || $[12] !== sortKey || $[13] !== stats || $[14] !== t) {
+    const sorted = stats === null ? [] : stats.toSorted(SORTERS[sortKey]);
+    let t7;
+    if ($[16] !== t) {
+      t7 = t("Recent");
+      $[16] = t;
+      $[17] = t7;
+    } else {
+      t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== t7) {
+      t8 = {
+        key: "recent",
+        label: t7
+      };
+      $[18] = t7;
+      $[19] = t8;
+    } else {
+      t8 = $[19];
+    }
+    let t9;
+    if ($[20] !== t) {
+      t9 = t("Most called");
+      $[20] = t;
+      $[21] = t9;
+    } else {
+      t9 = $[21];
+    }
+    let t10;
+    if ($[22] !== t9) {
+      t10 = {
+        key: "calls",
+        label: t9
+      };
+      $[22] = t9;
+      $[23] = t10;
+    } else {
+      t10 = $[23];
+    }
+    let t11;
+    if ($[24] !== t) {
+      t11 = t("Slowest");
+      $[24] = t;
+      $[25] = t11;
+    } else {
+      t11 = $[25];
+    }
+    let t12;
+    if ($[26] !== t11) {
+      t12 = {
+        key: "slowest",
+        label: t11
+      };
+      $[26] = t11;
+      $[27] = t12;
+    } else {
+      t12 = $[27];
+    }
+    let t13;
+    if ($[28] !== t10 || $[29] !== t12 || $[30] !== t8) {
+      t13 = [t8, t10, t12];
+      $[28] = t10;
+      $[29] = t12;
+      $[30] = t8;
+      $[31] = t13;
+    } else {
+      t13 = $[31];
+    }
+    const sortButtons = t13;
+    let t14;
+    if ($[32] !== shardKey) {
+      t14 = /* @__PURE__ */ jsxDEV(ShardInput, {
+        onChange: setShardKey,
+        testId: "fs-shard-input",
+        value: shardKey
+      }, void 0, false);
+      $[32] = shardKey;
+      $[33] = t14;
+    } else {
+      t14 = $[33];
+    }
+    let t15;
+    if ($[34] !== liveError) {
+      t15 = /* @__PURE__ */ jsxDEV(LiveError, {
+        message: liveError,
+        prefix: "fs"
+      }, void 0, false);
+      $[34] = liveError;
+      $[35] = t15;
+    } else {
+      t15 = $[35];
+    }
+    let t16;
+    if ($[36] !== sortButtons || $[37] !== sortKey) {
+      t16 = /* @__PURE__ */ jsxDEV("div", {
+        className: "ml-auto flex items-center gap-1",
+        role: "group",
+        children: sortButtons.map((option) => /* @__PURE__ */ jsxDEV(Button, {
+          "data-sort": option.key,
+          "data-testid": `fs-sort-${option.key}`,
+          onClick: selectSort,
+          size: "sm",
+          type: "button",
+          variant: sortKey === option.key ? "secondary" : "ghost",
+          children: option.label
+        }, option.key, false))
+      }, void 0, false);
+      $[36] = sortButtons;
+      $[37] = sortKey;
+      $[38] = t16;
+    } else {
+      t16 = $[38];
+    }
+    let t17;
+    if ($[39] !== t14 || $[40] !== t15 || $[41] !== t16) {
+      t17 = /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [t14, t15, t16]
+      }, void 0, true);
+      $[39] = t14;
+      $[40] = t15;
+      $[41] = t16;
+      $[42] = t17;
+    } else {
+      t17 = $[42];
+    }
+    let t18;
+    if ($[43] !== error) {
+      t18 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "fs-error",
+        role: "alert",
+        children: error
+      }, void 0, false);
+      $[43] = error;
+      $[44] = t18;
+    } else {
+      t18 = $[44];
+    }
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "lunora-function-stats",
+      children: [t17, t18, stats !== null && sorted.length === 0 && error === null && /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t("Per-function call counts, error rates, and latency land here after your first request."),
+        icon: /* @__PURE__ */ jsxDEV("svg", {
+          "aria-hidden": "true",
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.6,
+          viewBox: "0 0 24 24",
+          children: [/* @__PURE__ */ jsxDEV("path", {
+            d: "M3 3v18h18"
+          }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+            d: "M7 14l4-4 3 3 5-6"
+          }, void 0, false)]
+        }, void 0, true),
+        testId: "fs-empty",
+        title: t("No functions have run on this shard yet.")
+      }, void 0, false), sorted.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "px-0",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "fs-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("function")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("kind")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("calls")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("errors")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("conflicts")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("avg")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("max")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("last run")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("last error")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: sorted.map((stat) => {
+                const kind = kindByPath.get(stat.path);
+                return /* @__PURE__ */ jsxDEV(TableRow, {
+                  "data-testid": `fs-row-${stat.path}`,
+                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-medium",
+                    children: stat.path
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    children: kind === void 0 ? /* @__PURE__ */ jsxDEV("span", {
+                      className: "text-muted-foreground",
+                      children: "—"
+                    }, void 0, false) : /* @__PURE__ */ jsxDEV(Badge, {
+                      variant: KIND_VARIANT[kind],
+                      children: kind
+                    }, void 0, false)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "text-right tabular-nums",
+                    children: stat.calls
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: cn("text-right tabular-nums", stat.errors > 0 && "text-destructive"),
+                    children: errorCell(stat)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: cn("text-right tabular-nums", (stat.conflicts ?? 0) > 0 && "text-warning"),
+                    children: conflictCell(stat)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "text-right tabular-nums",
+                    children: stat.calls === 0 ? "—" : formatMs(stat.totalDurationMs / stat.calls)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "text-right tabular-nums",
+                    children: stat.calls === 0 ? "—" : formatMs(stat.maxDurationMs)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "text-muted-foreground",
+                    children: formatTimestamp(stat.lastCalledAt, "—")
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "max-w-[24ch] truncate text-destructive",
+                    title: stat.lastErrorMessage ?? void 0,
+                    children: stat.lastErrorMessage ?? /* @__PURE__ */ jsxDEV("span", {
+                      className: "text-muted-foreground",
+                      children: "—"
+                    }, void 0, false)
+                  }, void 0, false)]
+                }, stat.path, true);
+              })
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
+    $[8] = error;
+    $[9] = kindByPath;
+    $[10] = liveError;
+    $[11] = shardKey;
+    $[12] = sortKey;
+    $[13] = stats;
+    $[14] = t;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
+};
+function _temp(descriptor) {
+  return [descriptor.path, descriptor.kind];
+}
+
+export { FunctionStatsPanel };

package/dist/packem_shared/GlobalDataBrowser-DAxzB-Br.js

@@ -0,0 +1,289 @@
+import { useLunora } from '@lunora/react';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-_RzNvy3R.js';
+import { b as useClientQuery } from './use-admin-query-4JQW2rr1.js';
+import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { b as CLOUDFLARE_D1_URL } from './cf-links-2cktDedA.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-Bg7uzbvC.js';
+import { G as GridContainer, C as CellValue } from './data-grid-B5CaV3wS.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const DEFAULT_PAGE_SIZE = 50;
+const NO_TABLES = [];
+const NO_COLUMNS = [];
+const rowKey = (row, index) => {
+  const id = row["_id"];
+  return typeof id === "string" || typeof id === "number" ? String(id) : `row-${index.toString()}`;
+};
+const chipValue = (value) => {
+  if (value === null || value === void 0) {
+    return "∅";
+  }
+  if (value === "") {
+    return "(empty)";
+  }
+  if (typeof value === "object") {
+    return JSON.stringify(value);
+  }
+  return String(value);
+};
+const GlobalDataBrowser = ({
+  initialTable,
+  onSelectTable,
+  pageSize: initialPageSize = DEFAULT_PAGE_SIZE,
+  schemaSwitch
+} = {}) => {
+  const client = useLunora();
+  const t = useT();
+  const [selectedTable, setSelectedTable] = useState(initialTable ?? null);
+  const [offset, setOffset] = useState(0);
+  const [pageSize, setPageSize] = useState(initialPageSize);
+  const [filters, setFilters] = useState([]);
+  const filtersRef = useRef(filters);
+  filtersRef.current = filters;
+  const {
+    clearFacets,
+    facets,
+    refetchFacets: refetchFacetsViaHook,
+    toggleFacet
+  } = useFacets();
+  const tablesQuery = useClientQuery(["lunora-global-tables"], () => client.listGlobalTables());
+  const tables = tablesQuery.data ?? null;
+  const tablesError = tablesQuery.error;
+  const pageQuery = useClientQuery(["lunora-global-page", selectedTable ?? "", offset, pageSize, JSON.stringify(filters)], () => client.readGlobalTablePage({
+    filters,
+    limit: pageSize,
+    offset,
+    table: selectedTable ?? ""
+  }), {
+    enabled: selectedTable !== null,
+    keepPreviousData: false
+  });
+  const page = pageQuery.data ?? null;
+  const pageError = pageQuery.error;
+  const facetFetcher = (table, activeFilters) => (column) => client.facetGlobalColumn({
+    column,
+    filters: activeFilters,
+    table
+  });
+  const refetchFacets = (table_0, activeFilters_0) => {
+    refetchFacetsViaHook(facetFetcher(table_0, activeFilters_0));
+  };
+  useAutoRefresh(() => {
+    tablesQuery.refetch();
+    if (selectedTable !== null) {
+      pageQuery.refetch();
+      refetchFacets(selectedTable, filtersRef.current);
+    }
+  }, true);
+  const appliedInitialTable = useRef(void 0);
+  const selectTable = useCallback((table_1) => {
+    setSelectedTable(table_1);
+    appliedInitialTable.current = table_1;
+    setFilters([]);
+    filtersRef.current = [];
+    clearFacets();
+    setOffset(0);
+    onSelectTable?.(table_1);
+  }, [clearFacets, onSelectTable]);
+  const onToggleFacet = (column_0) => {
+    toggleFacet(column_0, selectedTable === null ? null : facetFetcher(selectedTable, filtersRef.current));
+  };
+  const applyFilters = (next) => {
+    setFilters(next);
+    filtersRef.current = next;
+    setOffset(0);
+    if (selectedTable !== null) {
+      refetchFacets(selectedTable, next);
+    }
+  };
+  const onFacetFilter = (column_1, value) => {
+    applyFilters([...filtersRef.current.filter((clause) => clause.column !== column_1), {
+      column: column_1,
+      value
+    }]);
+  };
+  const removeFilter = (event) => {
+    const index = Number(event.currentTarget.dataset["index"]);
+    applyFilters(filtersRef.current.filter((_, position) => position !== index));
+  };
+  useEffect(() => {
+    if (initialTable === void 0 || initialTable === "" || appliedInitialTable.current === initialTable) {
+      return;
+    }
+    appliedInitialTable.current = initialTable;
+    const target = initialTable;
+    queueMicrotask(() => {
+      selectTable(target);
+    });
+  }, [initialTable, selectTable]);
+  const goToPage = (nextOffset) => {
+    if (selectedTable === null) {
+      return;
+    }
+    setOffset(Math.max(0, nextOffset));
+  };
+  const total = page?.total ?? 0;
+  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 reloadTables = () => {
+    tablesQuery.refetch();
+  };
+  const goPrevious = () => {
+    goToPage(offset - pageSize);
+  };
+  const goNext = () => {
+    goToPage(offset + pageSize);
+  };
+  const jumpToPage = (targetPage) => {
+    goToPage(Math.max(0, (targetPage - 1) * pageSize));
+  };
+  const changePageSize = (size) => {
+    setPageSize(size);
+    setOffset(0);
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex h-full min-w-0",
+    "data-testid": "lunora-global-data-browser",
+    children: [/* @__PURE__ */ jsxDEV(TableListSidebar, {
+      header: /* @__PURE__ */ jsxDEV("div", {
+        className: "flex shrink-0 flex-col items-stretch gap-2 border-b border-border p-3",
+        children: [schemaSwitch, /* @__PURE__ */ jsxDEV("a", {
+          className: "text-sm text-primary underline-offset-4 hover:underline",
+          "data-testid": "gdb-cf-link",
+          href: CLOUDFLARE_D1_URL,
+          rel: "noreferrer",
+          target: "_blank",
+          children: t("Open in Cloudflare")
+        }, void 0, false)]
+      }, void 0, true),
+      onReload: reloadTables,
+      onSelect: selectTable,
+      prefix: "gdb",
+      selected: selectedTable,
+      tables: tables ?? NO_TABLES
+    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      className: "flex min-w-0 flex-1 flex-col overflow-hidden",
+      children: [tablesError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "shrink-0 border-b border-border px-4 py-2 text-sm text-destructive",
+        "data-testid": "gdb-tables-error",
+        role: "alert",
+        children: tablesError
+      }, void 0, false), tables !== null && tables.length === 0 && /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-1 items-center justify-center p-6",
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          description: t("Tables marked .global() (D1-backed, region-replicated) will appear here."),
+          icon: /* @__PURE__ */ jsxDEV("svg", {
+            "aria-hidden": "true",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.6,
+            viewBox: "0 0 24 24",
+            children: [/* @__PURE__ */ jsxDEV("circle", {
+              cx: "12",
+              cy: "12",
+              r: "9"
+            }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+              d: "M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18Z"
+            }, void 0, false)]
+          }, void 0, true),
+          testId: "gdb-empty",
+          title: t("No global tables.")
+        }, void 0, false)
+      }, void 0, false), pageError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "shrink-0 border-b border-border px-4 py-2 text-sm text-destructive",
+        "data-testid": "gdb-page-error",
+        role: "alert",
+        children: pageError
+      }, void 0, false), tables !== null && tables.length > 0 && page === null && pageError === null && /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-1 items-center justify-center p-6",
+        children: /* @__PURE__ */ jsxDEV("p", {
+          className: "text-sm text-muted-foreground",
+          children: t("Select a table to browse its rows.")
+        }, void 0, false)
+      }, void 0, false), page !== null && /* @__PURE__ */ jsxDEV("div", {
+        className: "flex min-h-0 flex-1 flex-col",
+        "data-testid": "gdb-page",
+        children: [filters.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+          className: "flex shrink-0 flex-wrap items-center gap-1.5 border-b border-border px-4 py-2 text-xs",
+          "data-testid": "gdb-filters",
+          children: filters.map((filter, index_0) => /* @__PURE__ */ jsxDEV("span", {
+            className: "inline-flex items-center gap-1 rounded border border-border bg-muted px-1.5 py-0.5",
+            "data-testid": "gdb-filter-chip",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "font-medium text-foreground",
+              children: filter.column
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "text-muted-foreground",
+              children: "="
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "font-mono text-foreground",
+              children: chipValue(filter.value)
+            }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+              "aria-label": t("Remove filter"),
+              className: "ml-0.5 text-muted-foreground hover:text-foreground",
+              "data-index": index_0,
+              "data-testid": "gdb-filter-remove",
+              onClick: removeFilter,
+              type: "button",
+              children: "✕"
+            }, void 0, false)]
+          }, `${filter.column}:${chipValue(filter.value)}`, true))
+        }, void 0, false), /* @__PURE__ */ jsxDEV(GridContainer, {
+          layout: "fill",
+          children: /* @__PURE__ */ jsxDEV("div", {
+            className: "min-h-0 flex-1 overflow-auto",
+            children: /* @__PURE__ */ jsxDEV(Table, {
+              "data-testid": "gdb-rows",
+              children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+                children: /* @__PURE__ */ jsxDEV(TableRow, {
+                  children: page.columns.map((column_2) => /* @__PURE__ */ jsxDEV(TableHead, {
+                    children: column_2
+                  }, column_2, false))
+                }, void 0, false)
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+                children: page.rows.map((row, rowIndex) => /* @__PURE__ */ jsxDEV(TableRow, {
+                  "data-testid": "gdb-row",
+                  children: page.columns.map((column_3) => /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "max-w-xs truncate font-mono text-xs",
+                    children: /* @__PURE__ */ jsxDEV(CellValue, {
+                      value: row[column_3]
+                    }, void 0, false)
+                  }, column_3, false))
+                }, rowKey(row, rowIndex), false))
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false)
+        }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex shrink-0 items-center border-t border-border px-4 py-2",
+          children: /* @__PURE__ */ jsxDEV(GridPagination, {
+            hasNext,
+            hasPrevious,
+            onJumpToPage: jumpToPage,
+            onNext: goNext,
+            onPageSizeChange: changePageSize,
+            onPrevious: goPrevious,
+            pageSize,
+            prefix: "gdb",
+            rangeEnd,
+            rangeStart,
+            total
+          }, void 0, false)
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(DataFacets, {
+      columns: page?.columns ?? NO_COLUMNS,
+      facets,
+      onFacetFilter,
+      onToggleFacet
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+export { GlobalDataBrowser };