@nbt-dev/devtools 0.0.1

package/dist/index.js

@@ -0,0 +1,2377 @@
+"use client";
+
+// src/config.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var DevToolsConfigContext = React.createContext({
+  apiBaseUrl: ""
+});
+var DevToolsConfigProvider = ({ apiBaseUrl = "", children }) => {
+  const value = React.useMemo(() => ({ apiBaseUrl }), [apiBaseUrl]);
+  return /* @__PURE__ */ jsx(DevToolsConfigContext.Provider, { value, children });
+};
+function useDevToolsConfig() {
+  return React.useContext(DevToolsConfigContext);
+}
+function wsBaseFrom(apiBaseUrl) {
+  if (!apiBaseUrl) {
+    const loc = window.location;
+    const proto = loc.protocol === "https:" ? "wss:" : "ws:";
+    return `${proto}//${loc.host}`;
+  }
+  return apiBaseUrl.replace(/^http(s?):/, "ws$1:");
+}
+
+// src/components/devtools/devtools-context.tsx
+import React2, { useEffect } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Ctx = React2.createContext(null);
+var DevToolsProvider = ({ children, defaultActiveTab }) => {
+  const [open, setOpen] = React2.useState(false);
+  const [dock, setDock] = React2.useState("bottom");
+  const [activeTab, setActiveTab] = React2.useState(
+    defaultActiveTab ?? null
+  );
+  const [size, setSize] = React2.useState({ h: 320, w: 480 });
+  const [maximized, setMaximized] = React2.useState(false);
+  const [dataCart, setDataCart] = React2.useState(null);
+  const [dataEntity, setDataEntity] = React2.useState(null);
+  const toggle = React2.useCallback(() => setOpen((o) => !o), []);
+  const value = React2.useMemo(
+    () => ({
+      open,
+      setOpen,
+      toggle,
+      dock,
+      setDock,
+      activeTab,
+      setActiveTab,
+      size,
+      setSize,
+      maximized,
+      setMaximized,
+      dataCart,
+      setDataCart,
+      dataEntity,
+      setDataEntity
+    }),
+    [open, toggle, dock, activeTab, size, maximized, dataCart, dataEntity]
+  );
+  useEffect(() => {
+    const listen = () => toggle();
+    window.addEventListener("devtools-toggle", listen);
+    return () => window.removeEventListener("devtools-toggle", listen);
+  }, [open, toggle]);
+  return /* @__PURE__ */ jsx2(Ctx.Provider, { value, children });
+};
+function useDevTools() {
+  const v = React2.useContext(Ctx);
+  if (!v) throw new Error("useDevTools must be used inside <DevToolsProvider>");
+  return v;
+}
+
+// src/components/devtools/dev-tools.tsx
+import React8 from "react";
+import { Maximize2, Minimize2, PanelBottom, PanelRight, X } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/devtools/console-tab.tsx
+import React3 from "react";
+import {
+  ChevronRight,
+  Pause,
+  Play,
+  Trash2
+} from "lucide-react";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var MAX_ENTRIES = 5e3;
+var RECONNECT_MIN_MS = 500;
+var RECONNECT_MAX_MS = 5e3;
+function resolveWsUrl(apiBaseUrl, path) {
+  return `${wsBaseFrom(apiBaseUrl)}${path}`;
+}
+function classifyLine(line) {
+  if (line.parsed) {
+    try {
+      const p = JSON.parse(line.raw);
+      const lvl = p.level === "info" || p.level === "warn" || p.level === "error" ? p.level : "plain";
+      return {
+        id: _nextId(),
+        raw: line.raw,
+        level: lvl,
+        parsed: p
+      };
+    } catch {
+    }
+  }
+  return { id: _nextId(), raw: line.raw, level: "plain", parsed: null };
+}
+var _idCounter = 0;
+function _nextId() {
+  _idCounter += 1;
+  return _idCounter;
+}
+var LEVEL_BADGE = {
+  info: "bg-blue-500/20 text-blue-300 border-blue-400/30",
+  warn: "bg-yellow-500/20 text-yellow-300 border-yellow-400/30",
+  error: "bg-red-500/20 text-red-300 border-red-400/30",
+  plain: "bg-zinc-700/40 text-zinc-300 border-zinc-500/30"
+};
+var ConsoleTab = () => {
+  const { apiBaseUrl } = useDevToolsConfig();
+  const [entries, setEntries] = React3.useState([]);
+  const [paused, setPaused] = React3.useState(false);
+  const [filter, setFilter] = React3.useState({
+    info: true,
+    warn: true,
+    error: true,
+    plain: true
+  });
+  const [expanded, setExpanded] = React3.useState({});
+  const scrollerRef = React3.useRef(null);
+  const stickToBottomRef = React3.useRef(true);
+  const pausedRef = React3.useRef(paused);
+  pausedRef.current = paused;
+  React3.useEffect(() => {
+    let alive = true;
+    let socket = null;
+    let backoff = RECONNECT_MIN_MS;
+    let reconnectTimer = null;
+    const connect = () => {
+      if (!alive) return;
+      try {
+        socket = new WebSocket(resolveWsUrl(apiBaseUrl, "/_console/logs/ws"));
+      } catch {
+        scheduleReconnect();
+        return;
+      }
+      socket.onopen = () => {
+        backoff = RECONNECT_MIN_MS;
+      };
+      socket.onmessage = (ev) => {
+        if (pausedRef.current) return;
+        if (typeof ev.data !== "string") return;
+        let frame;
+        try {
+          frame = JSON.parse(ev.data);
+        } catch {
+          return;
+        }
+        if (!frame.lines || frame.lines.length === 0) return;
+        const batch = frame.lines.map(classifyLine);
+        setEntries((prev) => {
+          const next = prev.concat(batch);
+          if (next.length > MAX_ENTRIES) {
+            return next.slice(next.length - MAX_ENTRIES);
+          }
+          return next;
+        });
+      };
+      socket.onerror = () => {
+      };
+      socket.onclose = () => {
+        socket = null;
+        scheduleReconnect();
+      };
+    };
+    const scheduleReconnect = () => {
+      if (!alive) return;
+      reconnectTimer = setTimeout(() => {
+        backoff = Math.min(backoff * 2, RECONNECT_MAX_MS);
+        connect();
+      }, backoff);
+    };
+    connect();
+    return () => {
+      alive = false;
+      if (reconnectTimer) clearTimeout(reconnectTimer);
+      if (socket) socket.close();
+    };
+  }, []);
+  const handleScroll = React3.useCallback(() => {
+    const el = scrollerRef.current;
+    if (!el) return;
+    const atBottom = el.scrollHeight - (el.scrollTop + el.clientHeight) < 8;
+    stickToBottomRef.current = atBottom;
+  }, []);
+  const scrollRafRef = React3.useRef(0);
+  React3.useEffect(() => {
+    if (!stickToBottomRef.current) return;
+    if (scrollRafRef.current) return;
+    scrollRafRef.current = requestAnimationFrame(() => {
+      scrollRafRef.current = 0;
+      const el = scrollerRef.current;
+      if (!el) return;
+      el.scrollTop = el.scrollHeight;
+    });
+  }, [entries]);
+  React3.useEffect(
+    () => () => {
+      if (scrollRafRef.current) cancelAnimationFrame(scrollRafRef.current);
+    },
+    []
+  );
+  const visible = React3.useMemo(
+    () => entries.filter((e) => filter[e.level]),
+    [entries, filter]
+  );
+  const toggleFilter = React3.useCallback(
+    (k) => setFilter((f) => ({ ...f, [k]: !f[k] })),
+    []
+  );
+  const onRowClick = React3.useCallback((e) => {
+    let el = e.target;
+    while (el && el !== e.currentTarget) {
+      const id = el.dataset.rowId;
+      if (id) {
+        const n = Number(id);
+        if (Number.isFinite(n)) {
+          setExpanded((prev) => ({ ...prev, [n]: !prev[n] }));
+        }
+        return;
+      }
+      el = el.parentElement;
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex h-7 shrink-0 items-center gap-1 border-b border-border bg-background px-1.5 select-none", children: [
+      /* @__PURE__ */ jsx3(
+        ToolbarButton,
+        {
+          "aria-label": paused ? "Resume" : "Pause",
+          onClick: () => setPaused((p) => !p),
+          children: paused ? /* @__PURE__ */ jsx3(Play, { className: "size-3.5" }) : /* @__PURE__ */ jsx3(Pause, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        ToolbarButton,
+        {
+          "aria-label": "Clear",
+          onClick: () => {
+            setEntries([]);
+            setExpanded({});
+          },
+          children: /* @__PURE__ */ jsx3(Trash2, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsx3("div", { className: "mx-1 h-3 w-px bg-border/60" }),
+      ["info", "warn", "error", "plain"].map((k) => /* @__PURE__ */ jsx3(
+        FilterChip,
+        {
+          label: k,
+          active: filter[k],
+          level: k,
+          onClick: () => toggleFilter(k)
+        },
+        k
+      )),
+      /* @__PURE__ */ jsx3("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: [
+        visible.length,
+        " / ",
+        entries.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        ref: scrollerRef,
+        onScroll: handleScroll,
+        style: { overflowAnchor: "none" },
+        className: "min-h-0 flex-1 overflow-auto font-mono text-[11px] leading-[1.45]",
+        children: visible.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "p-3 text-muted-foreground", children: "Waiting for console output\u2026" }) : /* @__PURE__ */ jsx3("ul", { onClick: onRowClick, children: visible.map((e) => /* @__PURE__ */ jsx3(
+          LogRow,
+          {
+            entry: e,
+            expanded: !!expanded[e.id]
+          },
+          e.id
+        )) })
+      }
+    )
+  ] });
+};
+var ToolbarButton = ({ className, children, ...rest }) => /* @__PURE__ */ jsx3(
+  "button",
+  {
+    type: "button",
+    className: cn(
+      "grid size-5 place-items-center rounded-md text-foreground outline-none hover:bg-accent hover:text-accent-foreground",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var FilterChip = ({ label, level, active, onClick }) => /* @__PURE__ */ jsx3(
+  "button",
+  {
+    type: "button",
+    onClick,
+    "data-active": active,
+    className: cn(
+      "h-5 rounded-md border px-1.5 text-[11px] leading-none transition-colors",
+      "data-[active=false]:opacity-40 data-[active=false]:hover:opacity-70",
+      LEVEL_BADGE[level]
+    ),
+    children: label
+  }
+);
+var _LogRow = ({ entry, expanded }) => {
+  if (entry.level === "plain" || !entry.parsed) {
+    return /* @__PURE__ */ jsx3(
+      "li",
+      {
+        className: "border-b border-border/30 px-2 py-0.5 text-zinc-400 whitespace-pre-wrap break-words",
+        style: { contain: "content" },
+        children: entry.raw
+      }
+    );
+  }
+  const p = entry.parsed;
+  const hasStack = Array.isArray(p.stack) && p.stack.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: "border-b border-border/30",
+      style: { contain: "content" },
+      "data-row-id": hasStack ? entry.id : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-start gap-1.5 px-2 py-0.5",
+              hasStack && "cursor-pointer hover:bg-accent/30"
+            ),
+            children: [
+              hasStack ? /* @__PURE__ */ jsx3(
+                ChevronRight,
+                {
+                  className: cn(
+                    "mt-0.5 size-3 shrink-0 transition-transform",
+                    expanded && "rotate-90"
+                  )
+                }
+              ) : /* @__PURE__ */ jsx3("span", { className: "inline-block size-3 shrink-0" }),
+              /* @__PURE__ */ jsx3(
+                "span",
+                {
+                  className: cn(
+                    "shrink-0 rounded border px-1 text-[10px] font-medium uppercase tracking-wide",
+                    LEVEL_BADGE[entry.level]
+                  ),
+                  children: entry.level
+                }
+              ),
+              p.ts && /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-zinc-500 tabular-nums", children: p.ts }),
+              /* @__PURE__ */ jsx3("span", { className: "break-words text-zinc-200", children: p.msg ?? entry.raw })
+            ]
+          }
+        ),
+        hasStack && expanded && /* @__PURE__ */ jsx3("ul", { className: "border-t border-border/20 bg-accent/10 px-7 py-1", children: p.stack.map((f, i) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "text-zinc-400 whitespace-pre-wrap break-words",
+            children: [
+              /* @__PURE__ */ jsx3("span", { className: "text-zinc-300", children: f.proc || "<anon>" }),
+              /* @__PURE__ */ jsx3("span", { className: "text-zinc-500", children: " @ " }),
+              /* @__PURE__ */ jsx3("span", { children: f.file }),
+              /* @__PURE__ */ jsx3("span", { className: "text-zinc-500", children: ":" }),
+              /* @__PURE__ */ jsx3("span", { className: "tabular-nums text-zinc-300", children: f.line })
+            ]
+          },
+          i
+        )) })
+      ]
+    }
+  );
+};
+var LogRow = React3.memo(
+  _LogRow,
+  (prev, next) => prev.entry === next.entry && prev.expanded === next.expanded
+);
+var console_tab_default = ConsoleTab;
+
+// src/components/devtools/network-tab.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var NetworkTab = () => {
+  return /* @__PURE__ */ jsx4("div", { className: "p-3 text-muted-foreground", children: "Network placeholder" });
+};
+var network_tab_default = NetworkTab;
+
+// src/components/devtools/data-tab.tsx
+import React7 from "react";
+import { Network, Table2 } from "lucide-react";
+
+// src/hooks/use-cartridge-info.ts
+import { useEffect as useEffect2, useState } from "react";
+function buildRegistry(contracts) {
+  const reg = {};
+  for (const c of contracts) {
+    const cart = c.cartridge;
+    if (!cart || !c.owns) continue;
+    const entities = [];
+    for (const [name, ent] of Object.entries(c.owns)) {
+      const sf = Array.isArray(ent?.searchFields) ? ent.searchFields : [];
+      entities.push({
+        name,
+        route: `/_ws/bulk/${cart}/${name.toLowerCase()}`,
+        searchFields: sf
+      });
+    }
+    if (entities.length > 0) reg[cart] = entities;
+  }
+  return reg;
+}
+function useLiveBulkRegistry() {
+  const { apiBaseUrl } = useDevToolsConfig();
+  const [registry, setRegistry] = useState({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect2(() => {
+    const ac = new AbortController();
+    let cancelled = false;
+    (async () => {
+      try {
+        const r = await fetch(`${apiBaseUrl}/_console/contracts`, {
+          signal: ac.signal,
+          credentials: "include"
+        });
+        if (!r.ok) throw new Error(`HTTP ${r.status}`);
+        const data = await r.json();
+        if (!Array.isArray(data)) throw new Error("malformed contracts response");
+        if (cancelled) return;
+        setRegistry(buildRegistry(data));
+      } catch (e) {
+        if (cancelled || e.name === "AbortError") return;
+        setError(e instanceof Error ? e.message : String(e));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      ac.abort();
+    };
+  }, []);
+  const carts = Object.keys(registry).sort();
+  return { registry, carts, loading, error };
+}
+
+// src/hooks/use-bulk-stream.ts
+import React4, {
+  createContext,
+  useContext,
+  useEffect as useEffect3,
+  useRef,
+  useState as useState2
+} from "react";
+
+// src/generated/bulk-protocol.ts
+var FRAME_SCHEMA = 1;
+var FRAME_DATA = 2;
+var FRAME_DATA_END = 3;
+var FRAME_DELTA_INS = 4;
+var FRAME_DELTA_UPD = 5;
+var FRAME_DELTA_DEL = 6;
+var FRAME_SEARCH_RESULT = 7;
+var FRAME_SEARCH_END = 8;
+var FRAME_ERROR = 255;
+var TYPE_U8 = 1;
+var TYPE_U16 = 2;
+var TYPE_U32 = 3;
+var TYPE_U64 = 4;
+var TYPE_S8 = 5;
+var TYPE_S16 = 6;
+var TYPE_S32 = 7;
+var TYPE_S64 = 8;
+var TYPE_BOOL = 9;
+var TYPE_FLOAT32 = 10;
+var TYPE_FLOAT64 = 11;
+var TYPE_STRING = 12;
+var TYPE_DATETIME = 13;
+var TYPE_DOCUMENT = 14;
+function fixedSizeForType(type) {
+  switch (type) {
+    case TYPE_U8:
+      return 1;
+    case TYPE_U16:
+      return 2;
+    case TYPE_U32:
+      return 4;
+    case TYPE_U64:
+      return 8;
+    case TYPE_S8:
+      return 1;
+    case TYPE_S16:
+      return 2;
+    case TYPE_S32:
+      return 4;
+    case TYPE_S64:
+      return 8;
+    case TYPE_BOOL:
+      return 1;
+    case TYPE_FLOAT32:
+      return 4;
+    case TYPE_FLOAT64:
+      return 8;
+    case TYPE_STRING:
+      return 0;
+    case TYPE_DATETIME:
+      return 8;
+    case TYPE_DOCUMENT:
+      return 0;
+    default:
+      return 0;
+  }
+}
+
+// src/components/devtools/data-browser/data-store.ts
+var BulkDataStore = class {
+  constructor() {
+    this.columns = [];
+    this.rows = [];
+    this.totalRows = 0;
+    this.searchActive = false;
+    this._fullRows = [];
+    this._fullTotalRows = 0;
+    this._idColIndex = -1;
+  }
+  applySchema(schema) {
+    this.columns = schema.columns;
+    this.totalRows = schema.totalRows;
+    this.rows = [];
+    this._idColIndex = schema.columns.findIndex((c) => c.name === "id");
+  }
+  appendChunk(chunk) {
+    for (let i = 0; i < chunk.length; i++) this.rows.push(chunk[i]);
+  }
+  applyDelta(delta) {
+    const target = this.searchActive ? this._fullRows : this.rows;
+    if (delta.op === FRAME_DELTA_INS && delta.rowData) {
+      target.push(delta.rowData);
+      if (this.searchActive) this._fullTotalRows++;
+      else this.totalRows++;
+      return;
+    }
+    if (delta.op === FRAME_DELTA_UPD && delta.rowData) {
+      const idx = this._findRowById(target, delta.rowData);
+      if (idx >= 0) target[idx] = delta.rowData;
+      return;
+    }
+    if (delta.op === FRAME_DELTA_DEL && delta.id !== void 0) {
+      const idStr = String(delta.id);
+      const idx = this._findRowByIdStr(target, idStr);
+      if (idx >= 0) {
+        target.splice(idx, 1);
+        if (this.searchActive) this._fullTotalRows--;
+        else this.totalRows--;
+      }
+      return;
+    }
+  }
+  enterSearch(schema) {
+    if (!this.searchActive) {
+      this._fullRows = this.rows;
+      this._fullTotalRows = this.totalRows;
+    }
+    this.searchActive = true;
+    this.columns = schema.columns;
+    this.totalRows = schema.totalRows;
+    this.rows = [];
+  }
+  exitSearch() {
+    if (!this.searchActive) return;
+    this.rows = this._fullRows;
+    this.totalRows = this._fullTotalRows;
+    this._fullRows = [];
+    this._fullTotalRows = 0;
+    this.searchActive = false;
+  }
+  getRowCount() {
+    return this.rows.length;
+  }
+  _findRowById(rows, rowData) {
+    if (this._idColIndex < 0) return -1;
+    const id = rowData[this._idColIndex];
+    for (let i = 0; i < rows.length; i++) {
+      if (rows[i][this._idColIndex] === id) return i;
+    }
+    return -1;
+  }
+  _findRowByIdStr(rows, idStr) {
+    if (this._idColIndex < 0) return -1;
+    for (let i = 0; i < rows.length; i++) {
+      if (rows[i][this._idColIndex] === idStr) return i;
+    }
+    return -1;
+  }
+};
+
+// src/components/devtools/data-browser/bulk-decoder.ts
+var textDecoder = new TextDecoder();
+var SID_BYTES = 2;
+var HEAD = 1 + SID_BYTES;
+function epochToDate(epoch) {
+  const abs = Math.abs(epoch);
+  if (abs < 1e10) return new Date(epoch * 1e3);
+  if (abs < 1e13) return new Date(epoch);
+  if (abs < 1e16) return new Date(epoch / 1e3);
+  return new Date(epoch / 1e6);
+}
+function formatCellValue(view, offset, col) {
+  switch (col.type) {
+    case TYPE_U8:
+      return [String(view.getUint8(offset)), 1];
+    case TYPE_S8:
+      return [String(view.getInt8(offset)), 1];
+    case TYPE_BOOL:
+      return [view.getUint8(offset) ? "true" : "false", 1];
+    case TYPE_U16:
+      return [String(view.getUint16(offset, true)), 2];
+    case TYPE_S16:
+      return [String(view.getInt16(offset, true)), 2];
+    case TYPE_U32:
+      return [String(view.getUint32(offset, true)), 4];
+    case TYPE_S32:
+      return [String(view.getInt32(offset, true)), 4];
+    case TYPE_FLOAT32:
+      return [String(view.getFloat32(offset, true)), 4];
+    case TYPE_U64:
+      return [String(view.getBigUint64(offset, true)), 8];
+    case TYPE_S64:
+      return [String(view.getBigInt64(offset, true)), 8];
+    case TYPE_FLOAT64:
+      return [String(view.getFloat64(offset, true)), 8];
+    case TYPE_DATETIME: {
+      const epoch = Number(view.getBigInt64(offset, true));
+      if (epoch === 0) return ["", 8];
+      return [epochToDate(epoch).toISOString(), 8];
+    }
+    case TYPE_STRING:
+    case TYPE_DOCUMENT: {
+      const len = view.getUint32(offset, true);
+      const bytes = new Uint8Array(view.buffer, view.byteOffset + offset + 4, len);
+      return [textDecoder.decode(bytes), 4 + len];
+    }
+    default:
+      return ["", 0];
+  }
+}
+function getFrameType(buf) {
+  return new DataView(buf).getUint8(0);
+}
+function getFrameSid(buf) {
+  return new DataView(buf).getUint16(1, true);
+}
+function parseSchema(buf) {
+  const view = new DataView(buf);
+  let offset = 0;
+  const frameType = view.getUint8(offset);
+  offset += 1;
+  if (frameType !== FRAME_SCHEMA) {
+    throw new Error(`Expected SCHEMA frame (0x01), got 0x${frameType.toString(16)}`);
+  }
+  offset += SID_BYTES;
+  const totalRows = view.getUint32(offset, true);
+  offset += 4;
+  const columnCount = view.getUint16(offset, true);
+  offset += 2;
+  const columns = [];
+  for (let i = 0; i < columnCount; i++) {
+    const type = view.getUint8(offset);
+    offset += 1;
+    const nameLen = view.getUint16(offset, true);
+    offset += 2;
+    const nameBytes = new Uint8Array(buf, offset, nameLen);
+    const name = textDecoder.decode(nameBytes);
+    offset += nameLen;
+    columns.push({ name, type, fixedSize: fixedSizeForType(type) });
+  }
+  return { totalRows, columns };
+}
+function parseDataChunk(buf, columns) {
+  const view = new DataView(buf);
+  let offset = 0;
+  const frameType = view.getUint8(offset);
+  offset += 1;
+  if (frameType !== FRAME_DATA && frameType !== FRAME_SEARCH_RESULT) {
+    throw new Error(`Expected DATA/SEARCH_RESULT frame, got 0x${frameType.toString(16)}`);
+  }
+  offset += SID_BYTES;
+  const rowCount = view.getUint16(offset, true);
+  offset += 2;
+  const rows = [];
+  for (let r = 0; r < rowCount; r++) {
+    const row = [];
+    for (let c = 0; c < columns.length; c++) {
+      const [value, bytesRead] = formatCellValue(view, offset, columns[c]);
+      row.push(value);
+      offset += bytesRead;
+    }
+    rows.push(row);
+  }
+  return rows;
+}
+function parseDelta(buf, columns) {
+  const view = new DataView(buf);
+  let offset = 0;
+  const op = view.getUint8(offset);
+  offset += 1;
+  offset += SID_BYTES;
+  if (op === FRAME_DELTA_DEL) {
+    const len = view.getUint16(offset, true);
+    offset += 2;
+    const bytes = new Uint8Array(buf, offset, len);
+    return { op, id: textDecoder.decode(bytes) };
+  }
+  if (op === FRAME_DELTA_INS || op === FRAME_DELTA_UPD) {
+    const rowData = [];
+    for (let c = 0; c < columns.length; c++) {
+      const [value, bytesRead] = formatCellValue(view, offset, columns[c]);
+      rowData.push(value);
+      offset += bytesRead;
+    }
+    return { op, rowData };
+  }
+  throw new Error(`Unknown delta op 0x${op.toString(16)}`);
+}
+function parseError(buf) {
+  const view = new DataView(buf);
+  const len = view.getUint16(HEAD, true);
+  const bytes = new Uint8Array(buf, HEAD + 2, len);
+  return textDecoder.decode(bytes);
+}
+function encodeSchemaCmd(sid, cart, entity) {
+  return JSON.stringify({ cmd: "schema", sid, cart, entity });
+}
+function encodeStreamCmd(sid, cart, entity, opts) {
+  return JSON.stringify({ cmd: "sub", sid, cart, entity, ...opts });
+}
+function encodeSearchCmd(sid, query) {
+  return JSON.stringify({ cmd: "search", sid, q: query });
+}
+function encodeClearSearchCmd(sid) {
+  return JSON.stringify({ cmd: "clear_search", sid });
+}
+
+// src/hooks/use-bulk-stream.ts
+var BulkStreamContext = createContext(null);
+function base64UrlEncode(value) {
+  if (typeof btoa === "function") {
+    return btoa(value).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
+  }
+  throw new Error("No base64 encoder available for bulk WS auth");
+}
+function bulkAuthProtocols(token) {
+  return ["nimbit-bulk", `auth-${base64UrlEncode(token)}`];
+}
+var _wsTokenCache = null;
+var WS_TOKEN_TTL_MS = 6e4;
+async function fetchWsToken(signal, apiBaseUrl) {
+  const now = Date.now();
+  if (_wsTokenCache && now - _wsTokenCache.at < WS_TOKEN_TTL_MS) {
+    return _wsTokenCache.token;
+  }
+  const r = await fetch(`${apiBaseUrl}/api/auth/session/current`, {
+    method: "POST",
+    signal,
+    credentials: "include",
+    headers: { "content-type": "application/json" }
+  });
+  if (!r.ok) return null;
+  const j = await r.json();
+  const token = j.session?.token;
+  if (!token) return null;
+  _wsTokenCache = { token, at: now };
+  return token;
+}
+function invalidateWsToken() {
+  _wsTokenCache = null;
+}
+function notify(view) {
+  view.listeners.forEach((cb) => cb());
+}
+function BulkStreamProvider({ registry, children }) {
+  const { apiBaseUrl } = useDevToolsConfig();
+  const wsRef = useRef(null);
+  const sendQueueRef = useRef([]);
+  const sidCounterRef = useRef(1);
+  const viewsBySidRef = useRef(/* @__PURE__ */ new Map());
+  const viewsByKeyRef = useRef(/* @__PURE__ */ new Map());
+  const preloadedRef = useRef(false);
+  const [connected, setConnected] = useState2(false);
+  const [error, setError] = useState2(null);
+  const sendCmd = (cmd) => {
+    const ws = wsRef.current;
+    if (ws && ws.readyState === WebSocket.OPEN) ws.send(cmd);
+    else sendQueueRef.current.push(cmd);
+  };
+  const flushQueue = () => {
+    const ws = wsRef.current;
+    if (!ws || ws.readyState !== WebSocket.OPEN) return;
+    const q = sendQueueRef.current;
+    sendQueueRef.current = [];
+    for (const cmd of q) ws.send(cmd);
+  };
+  const getView = (cart, entity) => {
+    const entLower = entity.toLowerCase();
+    const key = `${cart}/${entLower}`;
+    const existing = viewsByKeyRef.current.get(key);
+    if (existing) return existing;
+    const sid = sidCounterRef.current++;
+    const view = {
+      sid,
+      cart,
+      entity: entLower,
+      store: new BulkDataStore(),
+      columns: [],
+      totalRows: 0,
+      loadedRows: 0,
+      streaming: false,
+      error: null,
+      streamRequested: false,
+      searchStreaming: false,
+      onRender: null,
+      listeners: /* @__PURE__ */ new Set()
+    };
+    viewsByKeyRef.current.set(key, view);
+    viewsBySidRef.current.set(sid, view);
+    return view;
+  };
+  const ensureStreamed = (view) => {
+    if (view.streamRequested) return;
+    view.streamRequested = true;
+    sendCmd(encodeStreamCmd(view.sid, view.cart, view.entity));
+  };
+  const handleMessage = (ev) => {
+    const buf = ev.data;
+    const sid = getFrameSid(buf);
+    const view = viewsBySidRef.current.get(sid);
+    if (!view) return;
+    const ft = getFrameType(buf);
+    const store = view.store;
+    switch (ft) {
+      case FRAME_SCHEMA: {
+        const schema = parseSchema(buf);
+        if (view.searchStreaming) store.enterSearch(schema);
+        else store.applySchema(schema);
+        view.columns = schema.columns;
+        view.totalRows = schema.totalRows;
+        view.loadedRows = 0;
+        view.streaming = true;
+        notify(view);
+        break;
+      }
+      case FRAME_DATA:
+      case FRAME_SEARCH_RESULT: {
+        const rows = parseDataChunk(buf, store.columns);
+        store.appendChunk(rows);
+        view.loadedRows = store.getRowCount();
+        view.onRender?.();
+        break;
+      }
+      case FRAME_DATA_END:
+        view.streaming = false;
+        notify(view);
+        break;
+      case FRAME_SEARCH_END:
+        view.searchStreaming = false;
+        view.streaming = false;
+        notify(view);
+        break;
+      case FRAME_DELTA_INS:
+      case FRAME_DELTA_UPD:
+      case FRAME_DELTA_DEL: {
+        const delta = parseDelta(buf, store.columns);
+        store.applyDelta(delta);
+        view.totalRows = store.totalRows;
+        view.loadedRows = store.getRowCount();
+        view.onRender?.();
+        notify(view);
+        break;
+      }
+      case FRAME_ERROR:
+        view.error = parseError(buf);
+        view.streaming = false;
+        notify(view);
+        break;
+    }
+  };
+  useEffect3(() => {
+    const ac = new AbortController();
+    let cancelled = false;
+    let opened = false;
+    let ws = null;
+    setError(null);
+    (async () => {
+      let token = null;
+      try {
+        token = await fetchWsToken(ac.signal, apiBaseUrl);
+      } catch {
+        if (!cancelled) setError("Failed to obtain WS session token");
+        return;
+      }
+      if (cancelled) return;
+      if (!token) {
+        setError("No session \u2014 sign in to view data");
+        return;
+      }
+      ws = new WebSocket(`${wsBaseFrom(apiBaseUrl)}/_ws/bulk`, bulkAuthProtocols(token));
+      ws.binaryType = "arraybuffer";
+      wsRef.current = ws;
+      ws.onopen = () => {
+        if (cancelled || wsRef.current !== ws) return;
+        opened = true;
+        setConnected(true);
+        setError(null);
+        flushQueue();
+      };
+      ws.onmessage = handleMessage;
+      ws.onerror = () => {
+      };
+      ws.onclose = () => {
+        if (cancelled || wsRef.current !== ws) return;
+        setConnected(false);
+        wsRef.current = null;
+        if (!opened) {
+          invalidateWsToken();
+          setError("WebSocket connection closed");
+        }
+      };
+    })();
+    return () => {
+      cancelled = true;
+      ac.abort();
+      if (ws) {
+        ws.onopen = ws.onmessage = ws.onerror = ws.onclose = null;
+        try {
+          ws.close();
+        } catch {
+        }
+        if (wsRef.current === ws) wsRef.current = null;
+      }
+    };
+  }, []);
+  useEffect3(() => {
+    if (!connected) return;
+    if (preloadedRef.current) return;
+    const keys = Object.keys(registry);
+    if (keys.length === 0) return;
+    preloadedRef.current = true;
+    for (const cart of keys) {
+      for (const ent of registry[cart] ?? []) {
+        const view = getView(cart, ent.name);
+        sendCmd(encodeSchemaCmd(view.sid, view.cart, view.entity));
+      }
+    }
+  }, [connected, registry]);
+  const search = (view, query) => {
+    if (!query) {
+      view.store.exitSearch();
+      view.totalRows = view.store.totalRows;
+      view.loadedRows = view.store.getRowCount();
+      sendCmd(encodeClearSearchCmd(view.sid));
+      notify(view);
+      view.onRender?.();
+      return;
+    }
+    view.searchStreaming = true;
+    sendCmd(encodeSearchCmd(view.sid, query));
+  };
+  const clearSearch = (view) => {
+    view.store.exitSearch();
+    view.totalRows = view.store.totalRows;
+    view.loadedRows = view.store.getRowCount();
+    sendCmd(encodeClearSearchCmd(view.sid));
+    notify(view);
+    view.onRender?.();
+  };
+  const subscribe = (view, cb) => {
+    view.listeners.add(cb);
+    return () => {
+      view.listeners.delete(cb);
+    };
+  };
+  const ctx = {
+    getView,
+    ensureStreamed,
+    search,
+    clearSearch,
+    subscribe,
+    connected,
+    error
+  };
+  return React4.createElement(BulkStreamContext.Provider, { value: ctx }, children);
+}
+function useBulkRowCounts(registry) {
+  const ctx = useContext(BulkStreamContext);
+  if (!ctx) throw new Error("useBulkRowCounts must be used within BulkStreamProvider");
+  const [, force] = useState2(0);
+  const pairs = [];
+  for (const cart of Object.keys(registry)) {
+    for (const ent of registry[cart] ?? []) {
+      pairs.push({ id: `${cart}:${ent.name}`, view: ctx.getView(cart, ent.name) });
+    }
+  }
+  const key = pairs.map((p) => p.id).join("|");
+  useEffect3(() => {
+    const unsubs = pairs.map((p) => ctx.subscribe(p.view, () => force((n) => n + 1)));
+    return () => unsubs.forEach((u) => u());
+  }, [key]);
+  const counts = {};
+  for (const p of pairs) counts[p.id] = p.view.totalRows;
+  return counts;
+}
+function useBulkSubscription(cart, entity) {
+  const ctx = useContext(BulkStreamContext);
+  if (!ctx) throw new Error("useBulkSubscription must be used within BulkStreamProvider");
+  const view = ctx.getView(cart, entity);
+  const [, force] = useState2(0);
+  useEffect3(() => {
+    const unsub = ctx.subscribe(view, () => force((n) => n + 1));
+    ctx.ensureStreamed(view);
+    return unsub;
+  }, [view]);
+  return {
+    store: view.store,
+    connected: ctx.connected,
+    streaming: view.streaming,
+    error: view.error ?? ctx.error,
+    columns: view.columns,
+    totalRows: view.totalRows,
+    loadedRows: view.loadedRows,
+    search: (q) => ctx.search(view, q),
+    clearSearch: () => ctx.clearSearch(view),
+    setOnRender: (fn) => {
+      view.onRender = fn;
+    }
+  };
+}
+
+// src/components/devtools/data-browser/data-table.tsx
+import React5 from "react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ROW_H = 22;
+var OVERSCAN = 6;
+var MIN_COL_W = 80;
+function colWidth(name) {
+  if (name === "id") return 220;
+  if (name === "createdAt" || name === "updatedAt") return 180;
+  if (name === "email" || name === "phone") return 180;
+  if (name.endsWith("At")) return 180;
+  return Math.max(MIN_COL_W, Math.min(240, name.length * 9 + 24));
+}
+var DataTable = ({ cart, entity, searchFields, onSelectRow }) => {
+  const stream = useBulkSubscription(cart, entity);
+  const scrollerRef = React5.useRef(null);
+  const [scrollTop, setScrollTop] = React5.useState(0);
+  const [viewportH, setViewportH] = React5.useState(0);
+  const [query, setQuery] = React5.useState("");
+  const [tick, setTick] = React5.useState(0);
+  React5.useEffect(() => {
+    stream.setOnRender(() => setTick((n) => n + 1));
+    return () => stream.setOnRender(null);
+  }, [stream]);
+  React5.useEffect(() => {
+    const el = scrollerRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(() => setViewportH(el.clientHeight));
+    ro.observe(el);
+    setViewportH(el.clientHeight);
+    return () => ro.disconnect();
+  }, []);
+  const rows = stream.store.rows;
+  const columns = stream.columns;
+  const totalH = rows.length * ROW_H;
+  const start = Math.max(0, Math.floor(scrollTop / ROW_H) - OVERSCAN);
+  const visibleCount = Math.max(0, Math.ceil(viewportH / ROW_H) + OVERSCAN * 2);
+  const end = Math.min(rows.length, start + visibleCount);
+  const onSearchKey = (e) => {
+    if (e.key === "Enter") {
+      stream.search(query.trim());
+    } else if (e.key === "Escape") {
+      setQuery("");
+      stream.clearSearch();
+    }
+  };
+  const handleRowClick = (rowIdx) => {
+    const r = rows[rowIdx];
+    if (!r) return;
+    const out = {};
+    for (let i = 0; i < columns.length; i++) out[columns[i].name] = r[i] ?? "";
+    onSelectRow(out);
+  };
+  const searchDisabled = searchFields.length === 0;
+  const totalColW = columns.reduce((s, c) => s + colWidth(c.name), 0);
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col bg-background", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex h-7 shrink-0 items-center gap-2 border-b border-border px-2", children: [
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          type: "text",
+          value: query,
+          disabled: searchDisabled,
+          onChange: (e) => setQuery(e.target.value),
+          onKeyDown: onSearchKey,
+          placeholder: searchDisabled ? "Search disabled (no @@search declared)" : `Search ${searchFields.join(", ")}  \u23CE`,
+          className: cn(
+            "h-5 flex-1 rounded-sm border border-border bg-background px-2 text-[12px] outline-none",
+            "placeholder:text-muted-foreground/70 focus:border-accent-foreground/30",
+            searchDisabled && "opacity-50 cursor-not-allowed"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx5("div", { className: "shrink-0 text-[11px] text-muted-foreground tabular-nums", children: stream.error ? /* @__PURE__ */ jsx5("span", { className: "text-red-400", children: stream.error }) : !stream.connected ? /* @__PURE__ */ jsx5("span", { children: "connecting\u2026" }) : /* @__PURE__ */ jsxs2("span", { children: [
+        stream.loadedRows.toLocaleString(),
+        " / ",
+        stream.totalRows.toLocaleString(),
+        " rows",
+        stream.streaming ? " \xB7 streaming" : ""
+      ] }) })
+    ] }),
+    columns.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "flex flex-1 items-center justify-center text-[12px] text-muted-foreground", children: stream.error ? stream.error : "Waiting for schema\u2026" }) : /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx5("div", { className: "overflow-hidden border-b border-border bg-muted/30", children: /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: "flex h-6 select-none text-[11px] uppercase tracking-wider text-muted-foreground",
+          style: {
+            width: totalColW,
+            transform: `translateX(${-(scrollerRef.current?.scrollLeft ?? 0)}px)`
+          },
+          children: columns.map((c) => /* @__PURE__ */ jsx5(
+            "div",
+            {
+              style: { width: colWidth(c.name) },
+              className: "flex items-center overflow-hidden border-r border-border px-2",
+              children: /* @__PURE__ */ jsx5("span", { className: "truncate", children: c.name })
+            },
+            c.name
+          ))
+        }
+      ) }),
+      /* @__PURE__ */ jsx5(
+        "div",
+        {
+          ref: scrollerRef,
+          onScroll: (e) => {
+            setScrollTop(e.target.scrollTop);
+            setTick((n) => n + 1);
+          },
+          className: "relative min-h-0 flex-1 overflow-auto font-mono",
+          children: /* @__PURE__ */ jsx5("div", { style: { height: totalH, width: totalColW, position: "relative" }, children: rows.slice(start, end).map((row, i) => {
+            const rowIdx = start + i;
+            return /* @__PURE__ */ jsx5(
+              "div",
+              {
+                onClick: () => handleRowClick(rowIdx),
+                style: {
+                  top: rowIdx * ROW_H,
+                  height: ROW_H,
+                  width: totalColW
+                },
+                className: cn(
+                  "absolute left-0 flex cursor-pointer text-[12px] leading-none",
+                  rowIdx % 2 === 0 ? "bg-background" : "bg-muted/20",
+                  "hover:bg-accent hover:text-accent-foreground"
+                ),
+                children: columns.map((c, ci) => /* @__PURE__ */ jsx5(
+                  "div",
+                  {
+                    style: { width: colWidth(c.name) },
+                    className: "flex items-center overflow-hidden border-r border-border/60 px-2",
+                    title: row[ci],
+                    children: /* @__PURE__ */ jsx5("span", { className: "truncate", children: row[ci] })
+                  },
+                  c.name
+                ))
+              },
+              rowIdx
+            );
+          }) })
+        }
+      )
+    ] }),
+    tick < 0 && /* @__PURE__ */ jsx5("span", {})
+  ] });
+};
+var data_table_default = DataTable;
+
+// src/components/devtools/entity-graph/diagram-tab.tsx
+import React6 from "react";
+import {
+  Background,
+  BackgroundVariant,
+  Controls,
+  MarkerType,
+  ReactFlow,
+  ReactFlowProvider,
+  useNodesInitialized,
+  useReactFlow
+} from "@xyflow/react";
+import { Database as Database2, Eye, EyeOff, GitBranch, Rows3 } from "lucide-react";
+
+// src/components/devtools/entity-graph/entity-node.tsx
+import { Handle, Position } from "@xyflow/react";
+import { Database, FileText, KeyRound, Link2 } from "lucide-react";
+import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function EntityNode({ data, selected }) {
+  const node = data;
+  const highlight = node.highlight;
+  const highlightedFields = new Set(highlight?.fields ?? []);
+  const hiddenHandleClass = "!h-1 !w-1 !border-0 !bg-transparent !opacity-0";
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: [
+        "relative w-[260px] overflow-visible rounded-xl border bg-zinc-900 font-mono text-[11px] text-zinc-100 shadow-lg shadow-black/40 transition-opacity",
+        highlight?.focused ? "border-blue-500 ring-2 ring-blue-500/30" : highlight?.connected ? "border-blue-400/60 ring-2 ring-blue-500/10" : "border-zinc-700",
+        highlight?.dimmed ? "opacity-35" : "",
+        selected && !highlight?.focused ? "ring-2 ring-zinc-100/10" : ""
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rounded-t-xl border-b border-zinc-700 bg-zinc-800 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx6(Database, { className: "h-3.5 w-3.5 shrink-0 text-zinc-400" }),
+            /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-[13px] font-semibold leading-none text-zinc-50", children: node.entity }),
+            /* @__PURE__ */ jsx6("span", { className: "shrink-0 rounded bg-zinc-700 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-zinc-200", children: node.fieldCount })
+          ] }),
+          /* @__PURE__ */ jsx6("div", { className: "mt-1 truncate text-[10px] text-zinc-500", children: node.cartridge })
+        ] }),
+        /* @__PURE__ */ jsx6("div", { className: "bg-zinc-900 py-1", children: node.fields.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "px-3 py-2 text-[10px] text-zinc-500", children: "No fields" }) : node.fields.map((field) => {
+          const type = `${field.type}${field.array ? "[]" : ""}${field.optional ? "?" : ""}`;
+          const isId = field.displayName.toLowerCase() === "id";
+          const isRelation = field.kind === "relation";
+          const isDocument = field.kind === "document";
+          const fieldHighlighted = highlightedFields.has(field.displayName);
+          return /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              className: [
+                "relative grid min-h-[26px] grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-3 py-1 text-zinc-300",
+                fieldHighlighted ? "bg-blue-500/15 text-blue-200" : ""
+              ].join(" "),
+              children: [
+                isId ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+                  /* @__PURE__ */ jsx6(
+                    Handle,
+                    {
+                      id: `target-${field.displayName}-left`,
+                      type: "target",
+                      position: Position.Left,
+                      className: `!left-0 ${hiddenHandleClass}`,
+                      style: { top: "50%" }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx6(
+                    Handle,
+                    {
+                      id: `target-${field.displayName}-right`,
+                      type: "target",
+                      position: Position.Right,
+                      className: `!right-0 ${hiddenHandleClass}`,
+                      style: { top: "50%" }
+                    }
+                  )
+                ] }) : null,
+                isRelation ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+                  /* @__PURE__ */ jsx6(
+                    Handle,
+                    {
+                      id: `source-${field.displayName}-left`,
+                      type: "source",
+                      position: Position.Left,
+                      className: `!left-0 ${hiddenHandleClass}`,
+                      style: { top: "50%" }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx6(
+                    Handle,
+                    {
+                      id: `source-${field.displayName}-right`,
+                      type: "source",
+                      position: Position.Right,
+                      className: `!right-0 ${hiddenHandleClass}`,
+                      style: { top: "50%" }
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                  isId ? /* @__PURE__ */ jsx6(KeyRound, { className: "h-3 w-3 shrink-0 text-zinc-500" }) : null,
+                  isRelation ? /* @__PURE__ */ jsx6(Link2, { className: ["h-3 w-3 shrink-0", fieldHighlighted ? "text-blue-300" : "text-blue-400"].join(" ") }) : null,
+                  isDocument ? /* @__PURE__ */ jsx6(FileText, { className: "h-3 w-3 shrink-0 text-zinc-500" }) : null,
+                  /* @__PURE__ */ jsx6("span", { className: "truncate", children: field.displayName })
+                ] }),
+                /* @__PURE__ */ jsx6("span", { className: "max-w-[96px] truncate text-right text-zinc-500", children: type })
+              ]
+            },
+            `${field.name}:${field.displayName}`
+          );
+        }) }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-2 rounded-b-xl border-t border-zinc-700 bg-zinc-800 px-3 py-1.5 text-[10px] text-zinc-500", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "tabular-nums", children: [
+            node.rowCount.toLocaleString(),
+            " rows"
+          ] }),
+          /* @__PURE__ */ jsxs3("span", { className: "tabular-nums", children: [
+            node.relationCount,
+            " rel \xB7 ",
+            node.scalarCount,
+            " scalar"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/devtools/entity-graph/entity-graph-utils.ts
+import dagre from "@dagrejs/dagre";
+var NODE_WIDTH = 260;
+var MIN_NODE_HEIGHT = 150;
+var FIELD_ROW_HEIGHT = 26;
+var COLUMN_WIDTH = 390;
+function cartsFromContracts(contracts) {
+  const carts = [];
+  for (const c of contracts) {
+    if (!c.cartridge || !c.owns) continue;
+    const entities = [];
+    for (const [name, ent] of Object.entries(c.owns)) {
+      const fields = (ent.fields ?? []).map((f) => ({
+        name: f.name,
+        type: f.type,
+        optional: f.optional,
+        array: f.array,
+        kind: f.kind,
+        target: f.target,
+        targetCart: f.target_cart,
+        relationKind: f.relation_kind,
+        fkField: f.fk_field
+      }));
+      entities.push({ name, fields });
+    }
+    if (entities.length > 0) carts.push({ name: c.cartridge, entities });
+  }
+  return carts;
+}
+function entityGraphId(cartridge, entity) {
+  return `${cartridge}:${entity}`;
+}
+function fieldKind(field) {
+  return field.kind ?? (field.target ? "relation" : "scalar");
+}
+function graphField(field) {
+  const kind = fieldKind(field);
+  return {
+    name: field.name,
+    displayName: kind === "relation" ? field.fkField ?? field.name : field.name,
+    type: kind === "relation" && field.target ? field.target : field.type,
+    kind,
+    optional: field.optional === true,
+    array: field.array === true,
+    target: field.target,
+    targetCart: field.targetCart,
+    relationKind: field.relationKind,
+    fkField: field.fkField
+  };
+}
+function makeGraphFields(fields) {
+  const out = fields.map(graphField);
+  if (!out.some((field) => field.displayName.toLowerCase() === "id")) {
+    out.unshift({
+      name: "id",
+      displayName: "id",
+      type: "id",
+      kind: "scalar",
+      optional: false,
+      array: false,
+      implicit: true
+    });
+  }
+  return out;
+}
+function normalizeName(value) {
+  return value.replace(/[^a-zA-Z0-9]/g, "").toLowerCase();
+}
+function words(value) {
+  return value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[^a-zA-Z0-9]+/).map((part) => part.toLowerCase()).filter(Boolean);
+}
+function entityAliases(entity) {
+  const parts = words(entity);
+  const aliases = /* @__PURE__ */ new Set([normalizeName(entity)]);
+  const last = parts.length > 0 ? parts[parts.length - 1] : void 0;
+  if (last) aliases.add(last);
+  if (parts.length > 1 && last) {
+    aliases.add(`${parts.slice(0, -1).map((part) => part[0]).join("")}${last}`);
+    aliases.add(parts.map((part) => part[0]).join(""));
+  }
+  return [...aliases].filter((alias) => alias.length >= 2);
+}
+function inferTargetNode(fieldName, nodes) {
+  if (!/id$/i.test(fieldName) || /^id$/i.test(fieldName)) return null;
+  const base = normalizeName(fieldName.replace(/id$/i, ""));
+  if (base.length < 3) return null;
+  const candidates = nodes.flatMap(
+    (node) => entityAliases(node.entity).map((alias) => {
+      const exact = base === alias;
+      const suffix = !exact && alias.length >= 4 && base.endsWith(alias);
+      if (!exact && !suffix) return null;
+      return {
+        node,
+        score: (exact ? 1e3 : 500) + alias.length
+      };
+    })
+  ).filter((candidate) => candidate !== null).sort((a, b) => b.score - a.score || a.node.entity.localeCompare(b.node.entity));
+  const first = candidates[0];
+  if (!first) return null;
+  const second = candidates[1];
+  if (second && first.score === second.score) return null;
+  return first.node;
+}
+function markRelationField(node, fieldName, target) {
+  const field = node?.fields.find(
+    (candidate) => candidate.displayName === fieldName || candidate.name === fieldName
+  );
+  if (!field || field.displayName.toLowerCase() === "id") return;
+  field.kind = "relation";
+  field.target = target.entity;
+  field.targetCart = target.cartridge;
+  field.relationKind ?? (field.relationKind = "inferred");
+  field.fkField ?? (field.fkField = fieldName);
+}
+function recomputeNodeCounts(nodes) {
+  for (const node of nodes) {
+    node.scalarCount = node.fields.filter((field) => field.kind === "scalar").length;
+    node.relationCount = node.fields.filter((field) => field.kind === "relation").length;
+    node.documentCount = node.fields.filter((field) => field.kind === "document").length;
+  }
+}
+function nodeHeight(node) {
+  return Math.max(MIN_NODE_HEIGHT, 74 + node.fields.length * FIELD_ROW_HEIGHT);
+}
+function layoutNodes(nodes, edges) {
+  const degree = new Map(nodes.map((n) => [n.id, 0]));
+  for (const edge of edges) {
+    degree.set(edge.source, (degree.get(edge.source) ?? 0) + 1);
+    degree.set(edge.target, (degree.get(edge.target) ?? 0) + 1);
+  }
+  const connected = nodes.filter((n) => (degree.get(n.id) ?? 0) > 0);
+  const isolated = nodes.filter((n) => (degree.get(n.id) ?? 0) === 0);
+  const connectedIds = new Set(connected.map((n) => n.id));
+  let maxX = 0;
+  let maxY = 0;
+  if (connected.length > 0) {
+    const g = new dagre.graphlib.Graph();
+    g.setGraph({ rankdir: "LR", ranksep: 130, nodesep: 36, marginx: 40, marginy: 40 });
+    g.setDefaultEdgeLabel(() => ({}));
+    for (const node of connected) {
+      g.setNode(node.id, { width: NODE_WIDTH, height: nodeHeight(node) });
+    }
+    for (const edge of edges) {
+      if (edge.source === edge.target) continue;
+      if (!connectedIds.has(edge.source) || !connectedIds.has(edge.target)) continue;
+      g.setEdge(edge.source, edge.target);
+    }
+    dagre.layout(g);
+    for (const node of connected) {
+      const p = g.node(node.id);
+      const h = nodeHeight(node);
+      node.position = { x: p.x - NODE_WIDTH / 2, y: p.y - h / 2 };
+      maxX = Math.max(maxX, node.position.x + NODE_WIDTH);
+      maxY = Math.max(maxY, node.position.y + h);
+    }
+  }
+  if (isolated.length > 0) {
+    isolated.sort((a, b) => a.entity.localeCompare(b.entity));
+    const startX = connected.length > 0 ? maxX + COLUMN_WIDTH : 0;
+    const perColumn = Math.max(1, Math.ceil(isolated.length / Math.ceil(isolated.length / 6)));
+    let x = startX;
+    let y = 0;
+    let inColumn = 0;
+    for (const node of isolated) {
+      node.position = { x, y };
+      y += nodeHeight(node) + 48;
+      inColumn += 1;
+      if (inColumn >= perColumn) {
+        inColumn = 0;
+        y = 0;
+        x += COLUMN_WIDTH;
+      }
+    }
+  }
+}
+function makeTotals(nodes, edges) {
+  return {
+    entities: nodes.length,
+    relationships: edges.length,
+    rows: nodes.reduce((sum, node) => sum + node.rowCount, 0)
+  };
+}
+function buildEntityGraphModel(cartridges) {
+  const sortedCarts = [...cartridges].sort((a, b) => a.name.localeCompare(b.name));
+  const nodes = [];
+  sortedCarts.forEach((cart, cartIndex) => {
+    const entities = [...cart.entities].sort((a, b) => a.name.localeCompare(b.name));
+    let y = 0;
+    entities.forEach((entity) => {
+      const id = entityGraphId(cart.name, entity.name);
+      const fields = entity.fields ?? [];
+      const graphFields = makeGraphFields(fields);
+      nodes.push({
+        id,
+        cartridge: cart.name,
+        entity: entity.name,
+        fields: graphFields,
+        fieldCount: graphFields.length,
+        scalarCount: graphFields.filter((field) => field.kind === "scalar").length,
+        relationCount: graphFields.filter((field) => field.kind === "relation").length,
+        documentCount: graphFields.filter((field) => field.kind === "document").length,
+        rowCount: 0,
+        position: { x: cartIndex * COLUMN_WIDTH, y }
+      });
+      y += Math.max(MIN_NODE_HEIGHT, 74 + graphFields.length * FIELD_ROW_HEIGHT) + 56;
+    });
+  });
+  const nodeIds = new Set(nodes.map((node) => node.id));
+  const nodeById = new Map(nodes.map((node) => [node.id, node]));
+  const edges = [];
+  const edgeKeys = /* @__PURE__ */ new Set();
+  for (const cart of sortedCarts) {
+    for (const entity of cart.entities) {
+      const source = entityGraphId(cart.name, entity.name);
+      const sourceNode = nodeById.get(source);
+      for (const field of entity.fields ?? []) {
+        const explicitRelation = fieldKind(field) === "relation" && !!field.target;
+        const inferredTargetNode = explicitRelation ? null : inferTargetNode(field.name, nodes);
+        if (!explicitRelation && !inferredTargetNode) continue;
+        const targetCart = explicitRelation ? field.targetCart ?? cart.name : inferredTargetNode?.cartridge;
+        const targetEntity = explicitRelation ? field.target : inferredTargetNode?.entity;
+        if (!targetCart || !targetEntity) continue;
+        const target = entityGraphId(targetCart, targetEntity);
+        if (!nodeIds.has(source) || !nodeIds.has(target)) continue;
+        const targetNode = nodeById.get(target);
+        const idField = targetNode?.fields.find((candidate) => candidate.displayName.toLowerCase() === "id");
+        const targetField = idField?.displayName ?? "__entity";
+        const sourceGraphField = sourceNode?.fields.find(
+          (candidate) => candidate.name === field.name || candidate.displayName === field.name
+        );
+        const sourceField = sourceGraphField?.displayName ?? field.fkField ?? field.name;
+        const edgeKey = `${source}:${sourceField}->${target}:${targetField}`;
+        if (edgeKeys.has(edgeKey)) continue;
+        edgeKeys.add(edgeKey);
+        if (!explicitRelation && targetNode) markRelationField(sourceNode, sourceField, targetNode);
+        edges.push({
+          id: `${source}:${field.name}->${target}`,
+          source,
+          target,
+          sourceField,
+          targetField,
+          label: field.name,
+          relationKind: field.relationKind ?? (!explicitRelation ? "inferred" : void 0),
+          fkField: field.fkField ?? (!explicitRelation ? field.name : void 0)
+        });
+      }
+    }
+  }
+  recomputeNodeCounts(nodes);
+  layoutNodes(nodes, edges);
+  return {
+    nodes,
+    edges,
+    totals: makeTotals(nodes, edges)
+  };
+}
+function filterEntityGraphModel(model, visibleIds) {
+  const nodes = model.nodes.filter((node) => visibleIds.has(node.id));
+  const ids = new Set(nodes.map((node) => node.id));
+  const edges = model.edges.filter((edge) => ids.has(edge.source) && ids.has(edge.target));
+  return {
+    nodes,
+    edges,
+    totals: makeTotals(nodes, edges)
+  };
+}
+
+// src/components/devtools/entity-graph/diagram-tab.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var API_BASE = typeof NIMBIT_API_ENDPOINT !== "undefined" && NIMBIT_API_ENDPOINT || "";
+var STORAGE_KEY = "nimbit:inspector:entity-graph:hidden-carts";
+var nodeTypes = { entity: EntityNode };
+var FitOnReady = ({ fitKey }) => {
+  const initialized = useNodesInitialized();
+  const { fitView } = useReactFlow();
+  React6.useEffect(() => {
+    if (initialized) fitView({ padding: 0.25, duration: 200 });
+  }, [initialized, fitKey, fitView]);
+  return null;
+};
+function useContracts() {
+  const [contracts, setContracts] = React6.useState([]);
+  const [loading, setLoading] = React6.useState(true);
+  const [error, setError] = React6.useState(null);
+  React6.useEffect(() => {
+    const ac = new AbortController();
+    let cancelled = false;
+    (async () => {
+      try {
+        const r = await fetch(`${API_BASE}/_console/contracts`, {
+          signal: ac.signal,
+          credentials: "include"
+        });
+        if (!r.ok) throw new Error(`HTTP ${r.status}`);
+        const data = await r.json();
+        if (!Array.isArray(data)) throw new Error("malformed contracts response");
+        if (!cancelled) setContracts(data);
+      } catch (e) {
+        if (cancelled || e.name === "AbortError") return;
+        setError(e instanceof Error ? e.message : String(e));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      ac.abort();
+    };
+  }, []);
+  return { contracts, loading, error };
+}
+function registryFromContracts(contracts) {
+  const reg = {};
+  for (const c of contracts) {
+    if (!c.cartridge || !c.owns) continue;
+    const entities = Object.keys(c.owns).map((name) => ({
+      name,
+      route: `/_ws/bulk/${c.cartridge}/${name.toLowerCase()}`,
+      searchFields: []
+    }));
+    if (entities.length > 0) reg[c.cartridge] = entities;
+  }
+  return reg;
+}
+var DiagramView = () => {
+  const { contracts, loading, error } = useContracts();
+  const graph = React6.useMemo(
+    () => buildEntityGraphModel(cartsFromContracts(contracts)),
+    [contracts]
+  );
+  const registry = React6.useMemo(() => registryFromContracts(contracts), [contracts]);
+  if (graph.nodes.length === 0) {
+    let msg = "No installed cartridges with entities.";
+    if (loading) msg = "Loading entity graph\u2026";
+    else if (error) msg = `Failed to load contracts: ${error}`;
+    return /* @__PURE__ */ jsx7("div", { className: "p-3 text-[12px] text-muted-foreground", children: msg });
+  }
+  return /* @__PURE__ */ jsx7(DiagramInner, { graph, registry });
+};
+var DiagramInner = ({
+  graph,
+  registry
+}) => {
+  const rowCounts = useBulkRowCounts(registry);
+  const [hiddenCarts, setHiddenCarts] = React6.useState(() => {
+    if (typeof window === "undefined") return /* @__PURE__ */ new Set();
+    try {
+      const raw = window.localStorage.getItem(STORAGE_KEY);
+      const saved = raw ? JSON.parse(raw) : [];
+      return new Set(Array.isArray(saved) ? saved.filter((n) => typeof n === "string") : []);
+    } catch {
+      return /* @__PURE__ */ new Set();
+    }
+  });
+  const [focusedNodeId, setFocusedNodeId] = React6.useState(null);
+  React6.useEffect(() => {
+    if (typeof window === "undefined") return;
+    window.localStorage.setItem(STORAGE_KEY, JSON.stringify([...hiddenCarts]));
+  }, [hiddenCarts]);
+  const cartGroups = React6.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const node of graph.nodes) counts.set(node.cartridge, (counts.get(node.cartridge) ?? 0) + 1);
+    return [...counts.entries()].map(([name, total]) => ({ name, total })).sort((a, b) => a.name.localeCompare(b.name));
+  }, [graph.nodes]);
+  const visibleIds = React6.useMemo(
+    () => new Set(graph.nodes.filter((n) => !hiddenCarts.has(n.cartridge)).map((n) => n.id)),
+    [graph.nodes, hiddenCarts]
+  );
+  const visibleGraph = React6.useMemo(
+    () => filterEntityGraphModel(graph, visibleIds),
+    [graph, visibleIds]
+  );
+  React6.useEffect(() => {
+    if (focusedNodeId && !visibleIds.has(focusedNodeId)) setFocusedNodeId(null);
+  }, [focusedNodeId, visibleIds]);
+  const focusedConnections = React6.useMemo(() => {
+    if (!focusedNodeId) {
+      return {
+        connectedIds: /* @__PURE__ */ new Set(),
+        edgeIds: /* @__PURE__ */ new Set(),
+        fieldsByNode: /* @__PURE__ */ new Map()
+      };
+    }
+    const connectedIds = /* @__PURE__ */ new Set([focusedNodeId]);
+    const edgeIds = /* @__PURE__ */ new Set();
+    const fieldsByNode = /* @__PURE__ */ new Map();
+    const addField = (nodeId, fieldName) => {
+      const fields = fieldsByNode.get(nodeId) ?? /* @__PURE__ */ new Set();
+      fields.add(fieldName);
+      fieldsByNode.set(nodeId, fields);
+    };
+    for (const edge of visibleGraph.edges) {
+      if (edge.source !== focusedNodeId && edge.target !== focusedNodeId) continue;
+      edgeIds.add(edge.id);
+      connectedIds.add(edge.source);
+      connectedIds.add(edge.target);
+      addField(edge.source, edge.sourceField);
+      addField(edge.target, edge.targetField);
+    }
+    return { connectedIds, edgeIds, fieldsByNode };
+  }, [focusedNodeId, visibleGraph.edges]);
+  const liveRows = React6.useMemo(
+    () => visibleGraph.nodes.reduce((sum, n) => sum + (rowCounts[n.id] ?? 0), 0),
+    [visibleGraph.nodes, rowCounts]
+  );
+  const nodes = React6.useMemo(
+    () => visibleGraph.nodes.map((node) => ({
+      id: node.id,
+      type: "entity",
+      position: node.position,
+      data: {
+        ...node,
+        rowCount: rowCounts[node.id] ?? node.rowCount,
+        highlight: focusedNodeId ? {
+          focused: node.id === focusedNodeId,
+          connected: focusedConnections.connectedIds.has(node.id) && node.id !== focusedNodeId,
+          dimmed: !focusedConnections.connectedIds.has(node.id),
+          fields: [...focusedConnections.fieldsByNode.get(node.id) ?? []]
+        } : void 0
+      }
+    })),
+    [focusedConnections, focusedNodeId, visibleGraph.nodes, rowCounts]
+  );
+  const edges = React6.useMemo(() => {
+    const nodeById = new Map(visibleGraph.nodes.map((node) => [node.id, node]));
+    const laneCounts = /* @__PURE__ */ new Map();
+    return visibleGraph.edges.map((edge) => {
+      const source = nodeById.get(edge.source);
+      const target = nodeById.get(edge.target);
+      const sourceSide = source && target && source.position.x > target.position.x ? "left" : "right";
+      const targetSide = sourceSide === "left" ? "right" : "left";
+      const laneKey = `${edge.target}:${edge.targetField}:${targetSide}`;
+      const lane = laneCounts.get(laneKey) ?? 0;
+      laneCounts.set(laneKey, lane + 1);
+      const highlighted = !focusedNodeId || focusedConnections.edgeIds.has(edge.id);
+      return {
+        id: edge.id,
+        source: edge.source,
+        target: edge.target,
+        sourceHandle: `source-${edge.sourceField}-${sourceSide}`,
+        targetHandle: `target-${edge.targetField}-${targetSide}`,
+        type: "smoothstep",
+        pathOptions: { borderRadius: 8, offset: 22 + lane % 5 * 12 },
+        markerEnd: {
+          type: MarkerType.ArrowClosed,
+          color: highlighted ? "#2563eb" : "#64748b"
+        },
+        style: {
+          strokeWidth: focusedNodeId && highlighted ? 2.5 : 1.5,
+          stroke: highlighted ? "#2563eb" : "#64748b",
+          opacity: highlighted ? 1 : 0.16
+        }
+      };
+    });
+  }, [focusedConnections.edgeIds, focusedNodeId, visibleGraph.edges, visibleGraph.nodes]);
+  const toggleCart = React6.useCallback((name) => {
+    setHiddenCarts((prev) => {
+      const next = new Set(prev);
+      if (next.has(name)) next.delete(name);
+      else next.add(name);
+      return next;
+    });
+  }, []);
+  const onNodeClick = React6.useCallback((_, node) => {
+    const data = node.data;
+    const nodeId = entityGraphId(data.cartridge, data.entity);
+    setFocusedNodeId((prev) => prev === nodeId ? null : nodeId);
+  }, []);
+  const clearFocusedNode = React6.useCallback(() => setFocusedNodeId(null), []);
+  return /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0 w-full flex-col", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex h-7 shrink-0 items-center gap-3 border-b border-border bg-background px-2 text-[11px] text-muted-foreground select-none", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-1 text-foreground", children: [
+        /* @__PURE__ */ jsx7(GitBranch, { className: "h-3.5 w-3.5" }),
+        "Entity Graph"
+      ] }),
+      /* @__PURE__ */ jsxs4("span", { className: "ml-auto inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx7(Database2, { className: "h-3 w-3" }),
+        visibleGraph.totals.entities,
+        " entities"
+      ] }),
+      /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx7(GitBranch, { className: "h-3 w-3" }),
+        visibleGraph.totals.relationships,
+        " relationships"
+      ] }),
+      /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx7(Rows3, { className: "h-3 w-3" }),
+        liveRows.toLocaleString(),
+        " rows"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "relative min-h-0 flex-1 bg-zinc-950", children: [
+      cartGroups.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute left-2 top-2 z-10 max-h-[calc(100%-1rem)]", children: /* @__PURE__ */ jsx7("div", { className: "pointer-events-auto flex max-h-full flex-col gap-0.5 overflow-y-auto rounded-md border border-zinc-700 bg-zinc-900/95 p-1 shadow-sm backdrop-blur", children: cartGroups.map((g) => {
+        const hidden = hiddenCarts.has(g.name);
+        return /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleCart(g.name),
+            className: cn(
+              "flex items-center gap-2 rounded px-2 py-1 text-left font-mono text-[11px] hover:bg-zinc-800",
+              hidden ? "text-zinc-500" : "text-zinc-100"
+            ),
+            title: hidden ? `Show ${g.name}` : `Hide ${g.name}`,
+            children: [
+              hidden ? /* @__PURE__ */ jsx7(EyeOff, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx7(Eye, { className: "h-3.5 w-3.5 shrink-0 text-orange-400" }),
+              /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: g.name }),
+              /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-[10px] tabular-nums text-zinc-500", children: g.total })
+            ]
+          },
+          g.name
+        );
+      }) }) }) : null,
+      nodes.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "flex h-full items-center justify-center text-[12px] text-zinc-500", children: "No entities are visible." }) : /* @__PURE__ */ jsx7(ReactFlowProvider, { children: /* @__PURE__ */ jsxs4(
+        ReactFlow,
+        {
+          colorMode: "dark",
+          nodes,
+          edges,
+          nodeTypes,
+          fitView: true,
+          fitViewOptions: { padding: 0.2 },
+          minZoom: 0.1,
+          maxZoom: 1.6,
+          nodesDraggable: false,
+          nodesConnectable: false,
+          elementsSelectable: true,
+          panOnDrag: true,
+          panOnScroll: true,
+          zoomOnScroll: false,
+          zoomOnPinch: true,
+          selectionOnDrag: false,
+          onNodeClick,
+          onPaneClick: clearFocusedNode,
+          proOptions: { hideAttribution: true },
+          children: [
+            /* @__PURE__ */ jsx7(FitOnReady, { fitKey: [...visibleIds].sort().join("|") }),
+            /* @__PURE__ */ jsx7(Background, { variant: BackgroundVariant.Dots, gap: 16, size: 1, color: "#3f3f46" }),
+            /* @__PURE__ */ jsx7(Controls, { showInteractive: false })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+};
+
+// src/components/ui/sheet.tsx
+import { Dialog as SheetPrimitive } from "radix-ui";
+
+// src/components/ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx8(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/sheet.tsx
+import { XIcon } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx9(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    SheetPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "nimbit-devtools dark fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(SheetPortal, { children: [
+    /* @__PURE__ */ jsx9(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs5(
+      SheetPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "nimbit-devtools dark fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx9(SheetPrimitive.Close, { "data-slot": "sheet-close", asChild: true, children: /* @__PURE__ */ jsxs5(
+            Button,
+            {
+              variant: "ghost",
+              className: "absolute top-3 right-3",
+              size: "icon-sm",
+              children: [
+                /* @__PURE__ */ jsx9(
+                  XIcon,
+                  {}
+                ),
+                /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    SheetPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn(
+        "text-base font-medium text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/components/devtools/data-tab.tsx
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var DataTab = () => {
+  const { dataCart, setDataCart, dataEntity, setDataEntity } = useDevTools();
+  const [detail, setDetail] = React7.useState(null);
+  const [view, setView] = React7.useState("table");
+  const { registry, carts, loading, error } = useLiveBulkRegistry();
+  const activeCart = dataCart && registry[dataCart] ? dataCart : carts[0] ?? null;
+  const entities = activeCart ? registry[activeCart] ?? [] : [];
+  const activeEntity = entities.find((e) => e.name === dataEntity) ?? entities[0] ?? null;
+  React7.useEffect(() => {
+    if (activeCart && activeCart !== dataCart) setDataCart(activeCart);
+    if (activeEntity && activeEntity.name !== dataEntity) setDataEntity(activeEntity.name);
+  }, [activeCart, activeEntity, dataCart, dataEntity, setDataCart, setDataEntity]);
+  if (carts.length === 0) {
+    let msg = "No installed cartridges with entities.";
+    if (loading) msg = "Loading cartridges\u2026";
+    else if (error) msg = `Failed to load cartridges: ${error}`;
+    return /* @__PURE__ */ jsx10("div", { className: "p-3 text-[12px] text-muted-foreground", children: msg });
+  }
+  return /* @__PURE__ */ jsx10(BulkStreamProvider, { registry, children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex h-7 shrink-0 items-center gap-1 overflow-x-auto border-b border-border bg-background px-1 select-none", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 items-center gap-0.5 pr-1", children: [
+        /* @__PURE__ */ jsx10(ViewBtn, { active: view === "table", onClick: () => setView("table"), label: "Table", children: /* @__PURE__ */ jsx10(Table2, { className: "size-3" }) }),
+        /* @__PURE__ */ jsx10(ViewBtn, { active: view === "diagram", onClick: () => setView("diagram"), label: "Graph", children: /* @__PURE__ */ jsx10(Network, { className: "size-3" }) })
+      ] }),
+      view === "table" ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx10("div", { className: "h-4 w-px shrink-0 bg-border" }),
+        carts.map((cart) => {
+          const isActive = cart === activeCart;
+          return /* @__PURE__ */ jsx10(
+            "button",
+            {
+              type: "button",
+              "data-active": isActive,
+              onClick: () => {
+                setDataCart(cart);
+                const first = registry[cart]?.[0];
+                setDataEntity(first ? first.name : null);
+              },
+              className: cn(
+                "h-5 shrink-0 rounded-full px-2.5 text-[11px] leading-none outline-none transition-colors",
+                "border border-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+                "data-[active=true]:border-border data-[active=true]:bg-accent data-[active=true]:text-accent-foreground"
+              ),
+              children: cart
+            },
+            cart
+          );
+        })
+      ] }) : null
+    ] }),
+    view === "diagram" ? /* @__PURE__ */ jsx10("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx10(DiagramView, {}) }) : /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1", children: [
+      /* @__PURE__ */ jsx10("div", { className: "flex w-44 shrink-0 flex-col overflow-y-auto border-r border-border bg-muted/10 py-1", children: entities.length === 0 ? /* @__PURE__ */ jsx10("div", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: "No entities" }) : entities.map((e) => {
+        const isActive = e.name === activeEntity?.name;
+        return /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            "data-active": isActive,
+            onClick: () => setDataEntity(e.name),
+            className: cn(
+              "h-6 shrink-0 text-left px-2 text-[12px] leading-none outline-none transition-colors",
+              "text-foreground hover:bg-accent hover:text-accent-foreground",
+              "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground"
+            ),
+            children: e.name
+          },
+          e.name
+        );
+      }) }),
+      /* @__PURE__ */ jsx10("div", { className: "min-h-0 flex-1", children: activeEntity ? /* @__PURE__ */ jsx10(
+        data_table_default,
+        {
+          cart: activeCart,
+          entity: activeEntity.name,
+          searchFields: activeEntity.searchFields,
+          onSelectRow: (row) => setDetail(row)
+        },
+        `${activeCart}:${activeEntity.name}`
+      ) : /* @__PURE__ */ jsx10("div", { className: "p-3 text-[12px] text-muted-foreground", children: "Pick an entity." }) })
+    ] }),
+    /* @__PURE__ */ jsx10(Sheet, { open: !!detail, onOpenChange: (o) => !o && setDetail(null), children: /* @__PURE__ */ jsxs6(SheetContent, { side: "right", className: "w-[480px] sm:max-w-[480px]", children: [
+      /* @__PURE__ */ jsxs6(SheetHeader, { children: [
+        /* @__PURE__ */ jsxs6(SheetTitle, { className: "text-[13px]", children: [
+          activeCart,
+          ".",
+          activeEntity?.name,
+          detail?.id ? /* @__PURE__ */ jsx10("span", { className: "ml-2 font-mono text-[11px] text-muted-foreground", children: detail.id }) : null
+        ] }),
+        /* @__PURE__ */ jsx10(SheetDescription, { className: "text-[11px]", children: "Row detail" })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "min-h-0 flex-1 overflow-auto px-4 pb-4", children: detail ? /* @__PURE__ */ jsx10("table", { className: "w-full text-[12px]", children: /* @__PURE__ */ jsx10("tbody", { children: Object.entries(detail).map(([k, v]) => /* @__PURE__ */ jsxs6("tr", { className: "border-b border-border/40 align-top", children: [
+        /* @__PURE__ */ jsx10("td", { className: "w-32 py-1 pr-2 font-mono text-[11px] text-muted-foreground", children: k }),
+        /* @__PURE__ */ jsx10("td", { className: "break-all py-1 font-mono", children: v || /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground/60", children: "\u2205" }) })
+      ] }, k)) }) }) : null })
+    ] }) })
+  ] }) });
+};
+var ViewBtn = ({ active, onClick, label, children }) => /* @__PURE__ */ jsxs6(
+  "button",
+  {
+    type: "button",
+    "data-active": active,
+    onClick,
+    title: label,
+    className: cn(
+      "inline-flex h-5 shrink-0 items-center gap-1 rounded-md px-1.5 text-[11px] leading-none outline-none transition-colors",
+      "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+      "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground"
+    ),
+    children: [
+      children,
+      label
+    ]
+  }
+);
+var data_tab_default = DataTab;
+
+// src/components/devtools/settings-tab.tsx
+import { Fragment as Fragment3, jsx as jsx11 } from "react/jsx-runtime";
+var SettingsTab = () => {
+  return /* @__PURE__ */ jsx11(Fragment3, {});
+};
+var settings_tab_default = SettingsTab;
+
+// src/components/devtools/dev-tools.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var MIN_H = 120;
+var MIN_W = 240;
+var DEV_TOOLS_TABS = [
+  { id: "console", title: "Console", render: () => /* @__PURE__ */ jsx12(console_tab_default, {}) },
+  { id: "network", title: "Network", render: () => /* @__PURE__ */ jsx12(network_tab_default, {}) },
+  { id: "data", title: "Data", render: () => /* @__PURE__ */ jsx12(data_tab_default, {}) },
+  { id: "settings", title: "Settings", render: () => /* @__PURE__ */ jsx12(settings_tab_default, {}) }
+];
+var DevTools = () => {
+  const {
+    open,
+    setOpen,
+    dock,
+    setDock,
+    activeTab,
+    setActiveTab,
+    size,
+    setSize,
+    maximized,
+    setMaximized
+  } = useDevTools();
+  const panelRef = React8.useRef(null);
+  React8.useEffect(() => {
+    if (activeTab) return;
+    if (DEV_TOOLS_TABS.length > 0) setActiveTab(DEV_TOOLS_TABS[0].id);
+  }, [activeTab, setActiveTab]);
+  const startResize = React8.useCallback(
+    (e) => {
+      e.preventDefault();
+      const panel = panelRef.current;
+      if (!panel) return;
+      const parent = panel.parentElement;
+      if (!parent) return;
+      const handle = e.currentTarget;
+      handle.setPointerCapture(e.pointerId);
+      const parentRect = parent.getBoundingClientRect();
+      const startX = e.clientX;
+      const startY = e.clientY;
+      const startH = panel.offsetHeight;
+      const startW = panel.offsetWidth;
+      const isBottom = dock === "bottom";
+      let pendingNext = null;
+      let lastApplied = isBottom ? startH : startW;
+      let rafId = 0;
+      const flush = () => {
+        rafId = 0;
+        if (pendingNext == null) return;
+        const v = pendingNext;
+        pendingNext = null;
+        lastApplied = v;
+        if (isBottom) panel.style.height = `${v}px`;
+        else panel.style.width = `${v}px`;
+      };
+      const onMove = (ev) => {
+        ev.preventDefault();
+        if (isBottom) {
+          const dy = startY - ev.clientY;
+          pendingNext = Math.max(
+            MIN_H,
+            Math.min(parentRect.height - 24, startH + dy)
+          );
+        } else {
+          const dx = startX - ev.clientX;
+          pendingNext = Math.max(
+            MIN_W,
+            Math.min(parentRect.width - 24, startW + dx)
+          );
+        }
+        if (!rafId) rafId = requestAnimationFrame(flush);
+      };
+      const onUp = () => {
+        if (rafId) cancelAnimationFrame(rafId);
+        flush();
+        setSize(
+          (prev) => isBottom ? prev.h === lastApplied ? prev : { ...prev, h: lastApplied } : prev.w === lastApplied ? prev : { ...prev, w: lastApplied }
+        );
+        handle.removeEventListener("pointermove", onMove);
+        handle.removeEventListener("pointerup", onUp);
+        handle.removeEventListener("pointercancel", onUp);
+        try {
+          handle.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+        document.body.style.userSelect = "";
+        document.body.style.cursor = "";
+      };
+      document.body.style.userSelect = "none";
+      document.body.style.cursor = dock === "bottom" ? "ns-resize" : "ew-resize";
+      handle.addEventListener("pointermove", onMove);
+      handle.addEventListener("pointerup", onUp);
+      handle.addEventListener("pointercancel", onUp);
+    },
+    [dock, setSize]
+  );
+  if (!open) return null;
+  const active = DEV_TOOLS_TABS.find((t) => t.id === activeTab) ?? DEV_TOOLS_TABS[0];
+  const positionClass = maximized ? "inset-0" : dock === "bottom" ? "inset-x-0 bottom-0" : "inset-y-0 right-0";
+  const sizeStyle = maximized ? {} : dock === "bottom" ? { height: size.h } : { width: size.w };
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      ref: panelRef,
+      style: sizeStyle,
+      className: cn(
+        "nimbit-devtools dark absolute z-40 flex flex-col border-border bg-background text-foreground text-[12px] shadow-lg",
+        positionClass,
+        dock === "bottom" ? "border-t" : "border-l"
+      ),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        !maximized && /* @__PURE__ */ jsx12(
+          "div",
+          {
+            onPointerDown: startResize,
+            style: { touchAction: "none" },
+            className: cn(
+              "absolute z-10 bg-transparent hover:bg-accent/40",
+              dock === "bottom" ? "left-0 right-0 -top-px h-1.5 cursor-ns-resize" : "top-0 bottom-0 -left-px w-1.5 cursor-ew-resize"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs7("div", { className: "flex h-7 shrink-0 items-center border-b border-border bg-background pl-1 pr-1 select-none", children: [
+          /* @__PURE__ */ jsx12("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto", children: DEV_TOOLS_TABS.map((tab) => {
+            const isActive = tab.id === active?.id;
+            return /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                "data-active": isActive,
+                onClick: () => setActiveTab(tab.id),
+                className: cn(
+                  "h-5 shrink-0 rounded-md px-2 text-[12px] leading-none outline-none transition-colors",
+                  "text-foreground hover:bg-accent hover:text-accent-foreground",
+                  "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground"
+                ),
+                children: /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1", children: [
+                  tab.icon,
+                  tab.title
+                ] })
+              },
+              tab.id
+            );
+          }) }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 items-center gap-0.5 pl-2", children: [
+            /* @__PURE__ */ jsx12(
+              IconBtn,
+              {
+                label: dock === "bottom" ? "Dock right" : "Dock bottom",
+                onClick: () => setDock(dock === "bottom" ? "right" : "bottom"),
+                children: dock === "bottom" ? /* @__PURE__ */ jsx12(PanelRight, { className: "size-3.5" }) : /* @__PURE__ */ jsx12(PanelBottom, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx12(
+              IconBtn,
+              {
+                label: maximized ? "Restore" : "Maximize",
+                onClick: () => setMaximized(!maximized),
+                children: maximized ? /* @__PURE__ */ jsx12(Minimize2, { className: "size-3.5" }) : /* @__PURE__ */ jsx12(Maximize2, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx12(IconBtn, { label: "Close", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx12(X, { className: "size-3.5" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx12("div", { className: "min-h-0 flex-1 overflow-auto", children: active ? active.render() : null })
+      ]
+    }
+  );
+};
+var IconBtn = ({ label, className, children, ...rest }) => /* @__PURE__ */ jsx12(
+  "button",
+  {
+    type: "button",
+    "aria-label": label,
+    title: label,
+    className: cn(
+      "grid size-5 place-items-center rounded-md text-foreground outline-none hover:bg-accent hover:text-accent-foreground",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var dev_tools_default = DevTools;
+
+// src/index.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var NimbitDevTools = ({
+  apiBaseUrl = "",
+  defaultActiveTab
+}) => /* @__PURE__ */ jsx13(DevToolsConfigProvider, { apiBaseUrl, children: /* @__PURE__ */ jsx13(DevToolsProvider, { defaultActiveTab, children: /* @__PURE__ */ jsx13(dev_tools_default, {}) }) });
+var index_default = NimbitDevTools;
+function toggleDevTools() {
+  window.dispatchEvent(new CustomEvent("devtools-toggle"));
+}
+export {
+  dev_tools_default as DevTools,
+  DevToolsConfigProvider,
+  DevToolsProvider,
+  NimbitDevTools,
+  index_default as default,
+  toggleDevTools,
+  useDevTools,
+  useDevToolsConfig
+};
+//# sourceMappingURL=index.js.map