@archbase/tools 3.0.0

package/dist/index.js

@@ -0,0 +1,2088 @@
+import { jsxs as n, jsx as r, Fragment as _ } from "react/jsx-runtime";
+import W, { useState as F, useEffect as L, useRef as M, Component as Q } from "react";
+import X from "react-dom";
+import { useHotkeys as Z } from "@mantine/hooks";
+import { Group as H, Text as U, Badge as $, Button as G, Select as q, Accordion as A, JsonInput as ee } from "@mantine/core";
+import { IconDatabase as V, IconRefresh as te, IconEye as re, IconSettings as oe } from "@tabler/icons-react";
+class j {
+  static instance;
+  enabled = !0;
+  logLevel = "debug";
+  prefix = "[Archbase]";
+  constructor() {
+  }
+  static getInstance() {
+    return j.instance || (j.instance = new j()), j.instance;
+  }
+  setEnabled(t) {
+    return this.enabled = t, this;
+  }
+  setLogLevel(t) {
+    return this.logLevel = t, this;
+  }
+  setPrefix(t) {
+    return this.prefix = t, this;
+  }
+  shouldLog(t) {
+    if (!this.enabled)
+      return !1;
+    const o = { debug: 0, info: 1, warn: 2, error: 3 };
+    return o[t] >= o[this.logLevel];
+  }
+  debug(t, ...o) {
+    this.shouldLog("debug") && console.log(
+      `%c${this.prefix} [DEBUG]`,
+      "color: #9CA3AF; font-weight: bold",
+      t,
+      ...o
+    );
+  }
+  info(t, ...o) {
+    this.shouldLog("info") && console.log(
+      `%c${this.prefix} [INFO]`,
+      "color: #3B82F6; font-weight: bold",
+      t,
+      ...o
+    );
+  }
+  warn(t, ...o) {
+    this.shouldLog("warn") && console.warn(
+      `%c${this.prefix} [WARN]`,
+      "color: #F59E0B; font-weight: bold",
+      t,
+      ...o
+    );
+  }
+  error(t, o, ...s) {
+    this.shouldLog("error") && (console.error(
+      `%c${this.prefix} [ERROR]`,
+      "color: #EF4444; font-weight: bold",
+      t,
+      o,
+      ...s
+    ), o?.stack && console.error(o.stack));
+  }
+  group(t, o) {
+    this.enabled && (console.group(`%c${this.prefix} ${t}`, "font-weight: bold"), o(), console.groupEnd());
+  }
+  time(t) {
+    this.enabled && console.time(`${this.prefix} ${t}`);
+  }
+  timeEnd(t) {
+    this.enabled && console.timeEnd(`${this.prefix} ${t}`);
+  }
+  table(t, o) {
+    this.enabled && (console.log(`%c${this.prefix} [TABLE]`, "color: #8B5CF6; font-weight: bold"), console.table(t, o));
+  }
+}
+const ue = j.getInstance(), he = ({
+  enabled: l = process.env.NODE_ENV === "development",
+  position: t = "bottom-right",
+  maxEntries: o = 100
+}) => {
+  const [s, p] = F(!1), [g, f] = F([]), [x, y] = F(""), [S, C] = F("all");
+  if (L(() => {
+    if (!l)
+      return;
+    const m = (z) => {
+      f((u) => [z.detail, ...u].slice(0, o));
+    };
+    return window.addEventListener("archbase-debug", m), () => {
+      window.removeEventListener("archbase-debug", m);
+    };
+  }, [l, o]), !l)
+    return null;
+  const k = g.filter((m) => {
+    const z = x === "" || m.message.toLowerCase().includes(x.toLowerCase()) || m.component?.toLowerCase().includes(x.toLowerCase()), u = S === "all" || m.type === S;
+    return z && u;
+  }), a = /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        ...{
+          "top-right": { top: 20, right: 20 },
+          "top-left": { top: 20, left: 20 },
+          "bottom-right": { bottom: 20, right: 20 },
+          "bottom-left": { bottom: 20, left: 20 }
+        }[t],
+        width: s ? "400px" : "50px",
+        height: s ? "500px" : "50px",
+        backgroundColor: "rgba(0, 0, 0, 0.9)",
+        border: "1px solid #333",
+        borderRadius: "8px",
+        color: "white",
+        fontFamily: "monospace",
+        fontSize: "12px",
+        zIndex: 999999,
+        transition: "all 0.3s ease",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              padding: "10px",
+              borderBottom: s ? "1px solid #333" : "none",
+              cursor: "pointer",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            onClick: () => p(!s),
+            children: [
+              /* @__PURE__ */ r("span", { children: s ? "🐛 Debug Panel" : "🐛" }),
+              s && /* @__PURE__ */ n("span", { children: [
+                k.length,
+                " entries"
+              ] })
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ n(_, { children: [
+          /* @__PURE__ */ n("div", { style: { padding: "10px", borderBottom: "1px solid #333" }, children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                type: "text",
+                placeholder: "Filter...",
+                value: x,
+                onChange: (m) => y(m.target.value),
+                style: {
+                  width: "100%",
+                  padding: "5px",
+                  backgroundColor: "#222",
+                  border: "1px solid #444",
+                  borderRadius: "4px",
+                  color: "white",
+                  marginBottom: "5px"
+                }
+              }
+            ),
+            /* @__PURE__ */ n(
+              "select",
+              {
+                value: S,
+                onChange: (m) => C(m.target.value),
+                style: {
+                  width: "100%",
+                  padding: "5px",
+                  backgroundColor: "#222",
+                  border: "1px solid #444",
+                  borderRadius: "4px",
+                  color: "white"
+                },
+                children: [
+                  /* @__PURE__ */ r("option", { value: "all", children: "All Types" }),
+                  /* @__PURE__ */ r("option", { value: "render", children: "Render" }),
+                  /* @__PURE__ */ r("option", { value: "state", children: "State" }),
+                  /* @__PURE__ */ r("option", { value: "props", children: "Props" }),
+                  /* @__PURE__ */ r("option", { value: "api", children: "API" }),
+                  /* @__PURE__ */ r("option", { value: "performance", children: "Performance" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              style: {
+                height: "calc(100% - 120px)",
+                overflowY: "auto",
+                padding: "10px"
+              },
+              children: k.map((m) => /* @__PURE__ */ n(
+                "div",
+                {
+                  style: {
+                    marginBottom: "10px",
+                    padding: "8px",
+                    backgroundColor: "#111",
+                    borderRadius: "4px",
+                    border: "1px solid #222"
+                  },
+                  children: [
+                    /* @__PURE__ */ n("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "5px" }, children: [
+                      /* @__PURE__ */ n("span", { style: { color: ne(m.type) }, children: [
+                        "[",
+                        m.type.toUpperCase(),
+                        "]"
+                      ] }),
+                      /* @__PURE__ */ r("span", { style: { color: "#666" }, children: new Date(m.timestamp).toLocaleTimeString() })
+                    ] }),
+                    m.component && /* @__PURE__ */ r("div", { style: { color: "#888", fontSize: "11px", marginBottom: "3px" }, children: m.component }),
+                    /* @__PURE__ */ r("div", { children: m.message }),
+                    m.duration && /* @__PURE__ */ n("div", { style: { color: "#FFD700", fontSize: "11px", marginTop: "3px" }, children: [
+                      "Duration: ",
+                      m.duration,
+                      "ms"
+                    ] }),
+                    m.data && /* @__PURE__ */ n("details", { style: { marginTop: "5px" }, children: [
+                      /* @__PURE__ */ r("summary", { style: { cursor: "pointer", color: "#888" }, children: "Data" }),
+                      /* @__PURE__ */ r("pre", { style: { fontSize: "10px", overflow: "auto" }, children: JSON.stringify(m.data, null, 2) })
+                    ] })
+                  ]
+                },
+                m.id
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return X.createPortal(a, document.body);
+};
+function ne(l) {
+  return {
+    render: "#4CAF50",
+    state: "#2196F3",
+    props: "#FF9800",
+    api: "#9C27B0",
+    performance: "#F44336"
+  }[l] || "#888";
+}
+function I(l) {
+  if (process.env.NODE_ENV !== "development")
+    return;
+  const t = {
+    ...l,
+    id: Math.random().toString(36).substr(2, 9),
+    timestamp: Date.now()
+  };
+  window.dispatchEvent(new CustomEvent("archbase-debug", { detail: t }));
+}
+class J {
+  static instance;
+  marks = /* @__PURE__ */ new Map();
+  measures = /* @__PURE__ */ new Map();
+  constructor() {
+  }
+  static getInstance() {
+    return J.instance || (J.instance = new J()), J.instance;
+  }
+  /**
+   * Start measuring performance
+   */
+  start(t) {
+    this.marks.set(t, performance.now());
+  }
+  /**
+   * End measurement and return duration
+   */
+  end(t) {
+    const o = this.marks.get(t);
+    if (!o)
+      return console.warn(`No start mark found for label: ${t}`), null;
+    const s = performance.now() - o;
+    return this.marks.delete(t), this.measures.has(t) || this.measures.set(t, []), this.measures.get(t).push(s), s;
+  }
+  /**
+   * Get statistics for a label
+   */
+  getStats(t) {
+    const o = this.measures.get(t);
+    if (!o || o.length === 0)
+      return null;
+    const s = [...o].sort((C, k) => C - k), p = o.length, g = o.reduce((C, k) => C + k, 0), f = g / p, x = s[0] || 0, y = s[p - 1] || 0, S = p % 2 === 0 ? ((s[p / 2 - 1] || 0) + (s[p / 2] || 0)) / 2 : s[Math.floor(p / 2)] || 0;
+    return { count: p, total: g, average: f, min: x, max: y, median: S };
+  }
+  /**
+   * Clear all measurements
+   */
+  clear(t) {
+    t ? (this.measures.delete(t), this.marks.delete(t)) : (this.measures.clear(), this.marks.clear());
+  }
+  /**
+   * Get all statistics
+   */
+  getAllStats() {
+    const t = /* @__PURE__ */ new Map();
+    for (const [o] of this.measures) {
+      const s = this.getStats(o);
+      s && t.set(o, s);
+    }
+    return t;
+  }
+  /**
+   * Print performance report to console
+   */
+  report() {
+    console.group("🚀 Performance Report");
+    const t = this.getAllStats();
+    for (const [o, s] of t)
+      s && (console.log(`%c${o}`, "font-weight: bold"), console.table({
+        Calls: s.count,
+        "Total (ms)": s.total.toFixed(2),
+        "Average (ms)": s.average.toFixed(2),
+        "Min (ms)": s.min.toFixed(2),
+        "Max (ms)": s.max.toFixed(2),
+        "Median (ms)": s.median.toFixed(2)
+      }));
+    console.groupEnd();
+  }
+}
+const K = J.getInstance();
+function ge(l, t) {
+  const o = M(0), s = M([]), p = M(0);
+  L(() => {
+    o.current++;
+    const f = performance.now() - p.current;
+    p.current > 0 && (s.current.push(f), s.current.length > 10 && s.current.shift(), K.start(`${l}_render`), K.end(`${l}_render`), I({
+      type: "render",
+      component: l,
+      message: `Rendered in ${f.toFixed(2)}ms (count: ${o.current})`,
+      duration: f,
+      data: { props: t, renderCount: o.current }
+    })), p.current = performance.now();
+  });
+  const g = s.current.length > 0 ? s.current.reduce((f, x) => f + x, 0) / s.current.length : 0;
+  return {
+    componentName: l,
+    renderCount: o.current,
+    lastRenderTime: s.current[s.current.length - 1] || 0,
+    averageRenderTime: g,
+    props: t
+  };
+}
+function fe(l, t) {
+  const o = M(null);
+  L(() => {
+    if (o.current) {
+      const s = {};
+      Object.keys(t).forEach((p) => {
+        o.current[p] !== t[p] && (s[p] = {
+          from: o.current[p],
+          to: t[p]
+        });
+      }), Object.keys(o.current).forEach((p) => {
+        p in t || (s[p] = {
+          from: o.current[p],
+          to: void 0
+        });
+      }), Object.keys(s).length > 0 && I({
+        type: "props",
+        component: l,
+        message: `Props changed: ${Object.keys(s).join(", ")}`,
+        data: s
+      });
+    }
+    o.current = { ...t };
+  }, [t, l]);
+}
+const me = ({
+  prefix: l = "",
+  onItemClick: t,
+  showSize: o = !0
+}) => {
+  const [s, p] = F([]), [g, f] = F(""), [x, y] = F(null), S = () => {
+    const u = [];
+    for (let D = 0; D < localStorage.length; D++) {
+      const E = localStorage.key(D);
+      if (E && (!l || E.startsWith(l))) {
+        const b = localStorage.getItem(E) || "";
+        let w = "string";
+        try {
+          const e = JSON.parse(b);
+          Array.isArray(e) ? w = "array" : typeof e == "object" && e !== null ? w = "object" : typeof e == "number" ? w = "number" : typeof e == "boolean" && (w = "boolean");
+        } catch {
+        }
+        u.push({
+          key: E,
+          value: b,
+          size: new Blob([b]).size,
+          type: w
+        });
+      }
+    }
+    u.sort((D, E) => D.key.localeCompare(E.key)), p(u);
+  };
+  L(() => {
+    S();
+    const u = () => S();
+    return window.addEventListener("storage", u), () => {
+      window.removeEventListener("storage", u);
+    };
+  }, [l]);
+  const C = (u) => {
+    window.confirm(`Delete localStorage item "${u}"?`) && (localStorage.removeItem(u), S());
+  }, k = () => {
+    if (window.confirm("Clear all localStorage items? This cannot be undone.")) {
+      if (l) {
+        const u = [];
+        for (let D = 0; D < localStorage.length; D++) {
+          const E = localStorage.key(D);
+          E && E.startsWith(l) && u.push(E);
+        }
+        u.forEach((D) => localStorage.removeItem(D));
+      } else
+        localStorage.clear();
+      S();
+    }
+  }, R = () => {
+    const u = {};
+    s.forEach((w) => {
+      try {
+        u[w.key] = JSON.parse(w.value);
+      } catch {
+        u[w.key] = w.value;
+      }
+    });
+    const D = new Blob([JSON.stringify(u, null, 2)], { type: "application/json" }), E = URL.createObjectURL(D), b = document.createElement("a");
+    b.href = E, b.download = `localStorage_${(/* @__PURE__ */ new Date()).toISOString()}.json`, b.click(), URL.revokeObjectURL(E);
+  }, a = s.filter(
+    (u) => u.key.toLowerCase().includes(g.toLowerCase()) || u.value.toLowerCase().includes(g.toLowerCase())
+  ), m = s.reduce((u, D) => u + D.size, 0), z = {
+    string: "#4CAF50",
+    object: "#2196F3",
+    array: "#FF9800",
+    number: "#9C27B0",
+    boolean: "#F44336"
+  };
+  return /* @__PURE__ */ n("div", { style: {
+    fontFamily: "monospace",
+    fontSize: "12px",
+    backgroundColor: "#1e1e1e",
+    color: "#d4d4d4",
+    padding: "10px",
+    borderRadius: "8px",
+    maxHeight: "600px",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column"
+  }, children: [
+    /* @__PURE__ */ n("div", { style: { marginBottom: "10px" }, children: [
+      /* @__PURE__ */ n("h3", { style: { margin: "0 0 10px 0" }, children: [
+        "📦 LocalStorage Viewer",
+        o && /* @__PURE__ */ n("span", { style: { fontSize: "10px", color: "#888", marginLeft: "10px" }, children: [
+          "Total: ",
+          (m / 1024).toFixed(2),
+          " KB"
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { style: { display: "flex", gap: "10px", marginBottom: "10px" }, children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "text",
+            placeholder: "Filter keys or values...",
+            value: g,
+            onChange: (u) => f(u.target.value),
+            style: {
+              flex: 1,
+              padding: "5px",
+              backgroundColor: "#2d2d2d",
+              border: "1px solid #3e3e3e",
+              borderRadius: "4px",
+              color: "#d4d4d4"
+            }
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: R,
+            style: {
+              padding: "5px 10px",
+              backgroundColor: "#0e639c",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: "Export"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            onClick: k,
+            style: {
+              padding: "5px 10px",
+              backgroundColor: "#a1260d",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: [
+              "Clear ",
+              l ? "Prefix" : "All"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { style: { flex: 1, overflow: "auto" }, children: a.length === 0 ? /* @__PURE__ */ r("div", { style: { textAlign: "center", color: "#888", padding: "20px" }, children: "No items found" }) : /* @__PURE__ */ n("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ n("tr", { style: { borderBottom: "1px solid #3e3e3e" }, children: [
+        /* @__PURE__ */ r("th", { style: { textAlign: "left", padding: "5px" }, children: "Key" }),
+        /* @__PURE__ */ r("th", { style: { textAlign: "left", padding: "5px", width: "60px" }, children: "Type" }),
+        o && /* @__PURE__ */ r("th", { style: { textAlign: "right", padding: "5px", width: "80px" }, children: "Size" }),
+        /* @__PURE__ */ r("th", { style: { width: "60px" } })
+      ] }) }),
+      /* @__PURE__ */ r("tbody", { children: a.map((u) => /* @__PURE__ */ n(W.Fragment, { children: [
+        /* @__PURE__ */ n(
+          "tr",
+          {
+            style: {
+              borderBottom: "1px solid #2d2d2d",
+              cursor: "pointer",
+              backgroundColor: x === u.key ? "#2d2d2d" : "transparent"
+            },
+            onClick: () => {
+              if (y(x === u.key ? null : u.key), t)
+                try {
+                  t(u.key, JSON.parse(u.value));
+                } catch {
+                  t(u.key, u.value);
+                }
+            },
+            children: [
+              /* @__PURE__ */ r("td", { style: { padding: "5px", wordBreak: "break-all" }, children: u.key }),
+              /* @__PURE__ */ r("td", { style: { padding: "5px" }, children: /* @__PURE__ */ r("span", { style: { color: z[u.type], fontSize: "10px" }, children: u.type }) }),
+              o && /* @__PURE__ */ n("td", { style: { padding: "5px", textAlign: "right", color: "#888" }, children: [
+                (u.size / 1024).toFixed(2),
+                " KB"
+              ] }),
+              /* @__PURE__ */ r("td", { style: { padding: "5px" }, children: /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: (D) => {
+                    D.stopPropagation(), C(u.key);
+                  },
+                  style: {
+                    padding: "2px 6px",
+                    backgroundColor: "#a1260d",
+                    border: "none",
+                    borderRadius: "3px",
+                    color: "white",
+                    cursor: "pointer",
+                    fontSize: "10px"
+                  },
+                  children: "Delete"
+                }
+              ) })
+            ]
+          }
+        ),
+        x === u.key && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: o ? 4 : 3, style: { padding: "10px", backgroundColor: "#252526" }, children: /* @__PURE__ */ r("pre", { style: {
+          margin: 0,
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-all",
+          maxHeight: "200px",
+          overflow: "auto"
+        }, children: (() => {
+          try {
+            return JSON.stringify(JSON.parse(u.value), null, 2);
+          } catch {
+            return u.value;
+          }
+        })() }) }) })
+      ] }, u.key)) })
+    ] }) })
+  ] });
+}, xe = ({
+  filterUrls: l = [],
+  excludeUrls: t = [],
+  maxRequests: o = 50
+}) => {
+  const [s, p] = F([]), [g, f] = F(null), [x, y] = F(""), [S, C] = F("all");
+  L(() => {
+    const a = window.fetch, m = /* @__PURE__ */ new Map();
+    return window.fetch = async function(...z) {
+      const [u, D] = z, E = typeof u == "string" ? u : u.url, b = D?.method || "GET";
+      if (l.length > 0 && !l.some((i) => E.includes(i)))
+        return a.apply(this, z);
+      if (t.some((i) => E.includes(i)))
+        return a.apply(this, z);
+      const w = Math.random().toString(36).substr(2, 9), e = performance.now(), c = {
+        id: w,
+        method: b,
+        url: E,
+        timestamp: Date.now(),
+        requestHeaders: D?.headers,
+        requestBody: D?.body
+      };
+      m.set(w, c), p((i) => [c, ...i].slice(0, o));
+      try {
+        const i = await a.apply(this, z), h = performance.now() - e, d = i.clone();
+        let v, B = 0;
+        try {
+          const T = await d.text();
+          B = new Blob([T]).size;
+          try {
+            v = JSON.parse(T);
+          } catch {
+            v = T;
+          }
+        } catch {
+          v = "Unable to read response body";
+        }
+        const O = {
+          ...c,
+          status: i.status,
+          statusText: i.statusText,
+          duration: h,
+          size: B,
+          responseHeaders: Object.fromEntries(i.headers.entries()),
+          responseBody: v
+        };
+        return p(
+          (T) => T.map((P) => P.id === w ? O : P)
+        ), I({
+          type: "api",
+          message: `${b} ${E} - ${i.status} (${h.toFixed(0)}ms)`,
+          data: {
+            request: O,
+            response: v
+          },
+          duration: h
+        }), i;
+      } catch (i) {
+        const h = performance.now() - e, d = {
+          ...c,
+          duration: h,
+          error: i instanceof Error ? i.message : "Unknown error"
+        };
+        throw p(
+          (v) => v.map((B) => B.id === w ? d : B)
+        ), I({
+          type: "api",
+          message: `${b} ${E} - ERROR`,
+          data: {
+            request: d,
+            error: i instanceof Error ? i.message : "Unknown error"
+          }
+        }), i;
+      } finally {
+        m.delete(w);
+      }
+    }, () => {
+      window.fetch = a;
+    };
+  }, [l, t, o]);
+  const k = s.filter((a) => {
+    const m = x === "" || a.url.toLowerCase().includes(x.toLowerCase()) || a.method.toLowerCase().includes(x.toLowerCase()), z = S === "all" || S === "success" && a.status && a.status >= 200 && a.status < 400 || S === "error" && (a.error || a.status && a.status >= 400);
+    return m && z;
+  }), R = (a, m) => m ? "#F44336" : a ? a >= 200 && a < 300 ? "#4CAF50" : a >= 300 && a < 400 ? "#2196F3" : "#F44336" : "#FFA500";
+  return /* @__PURE__ */ n("div", { style: {
+    fontFamily: "monospace",
+    fontSize: "12px",
+    backgroundColor: "#1e1e1e",
+    color: "#d4d4d4",
+    borderRadius: "8px",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+    height: "100%"
+  }, children: [
+    /* @__PURE__ */ n("div", { style: { padding: "10px", borderBottom: "1px solid #3e3e3e" }, children: [
+      /* @__PURE__ */ n("h3", { style: { margin: "0 0 10px 0" }, children: [
+        "🌐 Network Monitor",
+        /* @__PURE__ */ n("span", { style: { fontSize: "10px", color: "#888", marginLeft: "10px" }, children: [
+          k.length,
+          " requests"
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { style: { display: "flex", gap: "10px" }, children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "text",
+            placeholder: "Filter URLs...",
+            value: x,
+            onChange: (a) => y(a.target.value),
+            style: {
+              flex: 1,
+              padding: "5px",
+              backgroundColor: "#2d2d2d",
+              border: "1px solid #3e3e3e",
+              borderRadius: "4px",
+              color: "#d4d4d4"
+            }
+          }
+        ),
+        /* @__PURE__ */ n(
+          "select",
+          {
+            value: S,
+            onChange: (a) => C(a.target.value),
+            style: {
+              padding: "5px",
+              backgroundColor: "#2d2d2d",
+              border: "1px solid #3e3e3e",
+              borderRadius: "4px",
+              color: "#d4d4d4"
+            },
+            children: [
+              /* @__PURE__ */ r("option", { value: "all", children: "All" }),
+              /* @__PURE__ */ r("option", { value: "success", children: "Success" }),
+              /* @__PURE__ */ r("option", { value: "error", children: "Error" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { style: { flex: 1, overflow: "auto" }, children: k.map((a) => /* @__PURE__ */ n(
+      "div",
+      {
+        style: {
+          borderBottom: "1px solid #2d2d2d",
+          cursor: "pointer",
+          backgroundColor: g === a.id ? "#2d2d2d" : "transparent"
+        },
+        onClick: () => f(g === a.id ? null : a.id),
+        children: [
+          /* @__PURE__ */ n("div", { style: { padding: "8px", display: "flex", alignItems: "center", gap: "10px" }, children: [
+            /* @__PURE__ */ r("span", { style: {
+              color: R(a.status, a.error),
+              fontWeight: "bold",
+              minWidth: "50px"
+            }, children: a.method }),
+            /* @__PURE__ */ r("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: a.url }),
+            /* @__PURE__ */ r("span", { style: { color: R(a.status, a.error), minWidth: "40px" }, children: a.error ? "ERR" : a.status || "..." }),
+            a.duration && /* @__PURE__ */ n("span", { style: { color: "#888", minWidth: "60px", textAlign: "right" }, children: [
+              a.duration.toFixed(0),
+              "ms"
+            ] }),
+            a.size && /* @__PURE__ */ n("span", { style: { color: "#888", minWidth: "60px", textAlign: "right" }, children: [
+              (a.size / 1024).toFixed(1),
+              "KB"
+            ] })
+          ] }),
+          g === a.id && /* @__PURE__ */ n("div", { style: { padding: "10px", backgroundColor: "#252526" }, children: [
+            /* @__PURE__ */ n("details", { children: [
+              /* @__PURE__ */ r("summary", { style: { cursor: "pointer", marginBottom: "5px" }, children: "Request Headers" }),
+              /* @__PURE__ */ r("pre", { style: { fontSize: "10px", margin: "5px 0" }, children: JSON.stringify(a.requestHeaders || {}, null, 2) })
+            ] }),
+            a.requestBody && /* @__PURE__ */ n("details", { children: [
+              /* @__PURE__ */ r("summary", { style: { cursor: "pointer", marginBottom: "5px" }, children: "Request Body" }),
+              /* @__PURE__ */ r("pre", { style: { fontSize: "10px", margin: "5px 0", maxHeight: "200px", overflow: "auto" }, children: typeof a.requestBody == "string" ? a.requestBody : JSON.stringify(a.requestBody, null, 2) })
+            ] }),
+            a.responseHeaders && /* @__PURE__ */ n("details", { children: [
+              /* @__PURE__ */ r("summary", { style: { cursor: "pointer", marginBottom: "5px" }, children: "Response Headers" }),
+              /* @__PURE__ */ r("pre", { style: { fontSize: "10px", margin: "5px 0" }, children: JSON.stringify(a.responseHeaders, null, 2) })
+            ] }),
+            a.responseBody && /* @__PURE__ */ n("details", { open: !0, children: [
+              /* @__PURE__ */ r("summary", { style: { cursor: "pointer", marginBottom: "5px" }, children: "Response Body" }),
+              /* @__PURE__ */ r("pre", { style: { fontSize: "10px", margin: "5px 0", maxHeight: "300px", overflow: "auto" }, children: typeof a.responseBody == "string" ? a.responseBody : JSON.stringify(a.responseBody, null, 2) })
+            ] }),
+            a.error && /* @__PURE__ */ n("div", { style: { color: "#F44336", marginTop: "10px" }, children: [
+              "Error: ",
+              a.error
+            ] })
+          ] })
+        ]
+      },
+      a.id
+    )) })
+  ] });
+}, ye = ({
+  stores: l = [],
+  maxSnapshots: t = 50
+}) => {
+  const [o, s] = F([]), [p, g] = F(null), [f, x] = F(""), [y, S] = F(!0), [C, k] = F(!1), [R, a] = F([null, null]);
+  L(() => {
+    if (!y)
+      return;
+    const e = [];
+    return l.forEach((c) => {
+      if (c.subscribe) {
+        const i = c.subscribe(() => {
+          const h = {
+            id: Math.random().toString(36).substr(2, 9),
+            timestamp: Date.now(),
+            name: c.name,
+            state: c.getState(),
+            type: c.type
+          };
+          s((d) => [h, ...d].slice(0, t)), I({
+            type: "state",
+            message: `State updated: ${c.name}`,
+            data: h.state
+          });
+        });
+        e.push(i);
+      }
+    }), () => {
+      e.forEach((c) => c());
+    };
+  }, [l, y, t]);
+  const m = () => {
+    l.forEach((e) => {
+      const c = {
+        id: Math.random().toString(36).substr(2, 9),
+        timestamp: Date.now(),
+        name: e.name,
+        state: e.getState(),
+        type: e.type
+      };
+      s((i) => [c, ...i].slice(0, t));
+    });
+  }, z = () => {
+    const e = o.map((d) => ({
+      ...d,
+      timestampFormatted: new Date(d.timestamp).toISOString()
+    })), c = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), i = URL.createObjectURL(c), h = document.createElement("a");
+    h.href = i, h.download = `state_snapshots_${(/* @__PURE__ */ new Date()).toISOString()}.json`, h.click(), URL.revokeObjectURL(i);
+  }, u = (e) => {
+    const c = e.target.files?.[0];
+    if (!c)
+      return;
+    const i = new FileReader();
+    i.onload = (h) => {
+      try {
+        const d = JSON.parse(h.target?.result);
+        s(d);
+      } catch (d) {
+        console.error("Failed to import snapshots:", d);
+      }
+    }, i.readAsText(c);
+  }, D = () => {
+    window.confirm("Clear all snapshots?") && (s([]), g(null), a([null, null]));
+  }, E = o.filter(
+    (e) => f === "" || e.name.toLowerCase().includes(f.toLowerCase()) || JSON.stringify(e.state).toLowerCase().includes(f.toLowerCase())
+  ), b = (e, c, i = "") => {
+    const h = {};
+    return Object.keys(c).forEach((d) => {
+      const v = i ? `${i}.${d}` : d;
+      if (!(d in e))
+        h[v] = { type: "added", value: c[d] };
+      else if (typeof c[d] == "object" && c[d] !== null && typeof e[d] == "object" && e[d] !== null) {
+        const B = b(e[d], c[d], v);
+        Object.assign(h, B);
+      } else
+        e[d] !== c[d] && (h[v] = { type: "modified", from: e[d], to: c[d] });
+    }), Object.keys(e).forEach((d) => {
+      const v = i ? `${i}.${d}` : d;
+      d in c || (h[v] = { type: "deleted", value: e[d] });
+    }), h;
+  }, w = {
+    redux: "#764ABC",
+    zustand: "#FF6B6B",
+    context: "#61DAFB",
+    custom: "#4CAF50"
+  };
+  return /* @__PURE__ */ n("div", { style: {
+    fontFamily: "monospace",
+    fontSize: "12px",
+    backgroundColor: "#1e1e1e",
+    color: "#d4d4d4",
+    borderRadius: "8px",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+    height: "100%"
+  }, children: [
+    /* @__PURE__ */ n("div", { style: { padding: "10px", borderBottom: "1px solid #3e3e3e" }, children: [
+      /* @__PURE__ */ n("h3", { style: { margin: "0 0 10px 0" }, children: [
+        "🔍 State Inspector",
+        /* @__PURE__ */ n("span", { style: { fontSize: "10px", color: "#888", marginLeft: "10px" }, children: [
+          E.length,
+          " snapshots"
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { style: { display: "flex", gap: "10px", marginBottom: "10px" }, children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "text",
+            placeholder: "Filter snapshots...",
+            value: f,
+            onChange: (e) => x(e.target.value),
+            style: {
+              flex: 1,
+              padding: "5px",
+              backgroundColor: "#2d2d2d",
+              border: "1px solid #3e3e3e",
+              borderRadius: "4px",
+              color: "#d4d4d4"
+            }
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: () => S(!y),
+            style: {
+              padding: "5px 10px",
+              backgroundColor: y ? "#4CAF50" : "#666",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: y ? "Auto" : "Manual"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: () => k(!C),
+            style: {
+              padding: "5px 10px",
+              backgroundColor: C ? "#2196F3" : "#666",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: "Compare"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { style: { display: "flex", gap: "10px" }, children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: m,
+            style: {
+              flex: 1,
+              padding: "5px",
+              backgroundColor: "#0e639c",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: "Capture"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: z,
+            style: {
+              flex: 1,
+              padding: "5px",
+              backgroundColor: "#16825d",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: "Export"
+          }
+        ),
+        /* @__PURE__ */ n("label", { style: {
+          flex: 1,
+          padding: "5px",
+          backgroundColor: "#f48771",
+          border: "none",
+          borderRadius: "4px",
+          color: "white",
+          cursor: "pointer",
+          textAlign: "center"
+        }, children: [
+          "Import",
+          /* @__PURE__ */ r(
+            "input",
+            {
+              type: "file",
+              accept: ".json",
+              onChange: u,
+              style: { display: "none" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: D,
+            style: {
+              flex: 1,
+              padding: "5px",
+              backgroundColor: "#a1260d",
+              border: "none",
+              borderRadius: "4px",
+              color: "white",
+              cursor: "pointer"
+            },
+            children: "Clear"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
+      /* @__PURE__ */ r("div", { style: { width: "300px", borderRight: "1px solid #3e3e3e", overflow: "auto" }, children: E.map((e, c) => /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            padding: "8px",
+            borderBottom: "1px solid #2d2d2d",
+            cursor: "pointer",
+            backgroundColor: C && R[0] === e.id || C && R[1] === e.id || p === e.id ? "#2d2d2d" : "transparent"
+          },
+          onClick: () => {
+            C ? a((i) => i[0] ? !i[1] && i[0] !== e.id ? [i[0], e.id] : [e.id, null] : [e.id, null]) : g(e.id);
+          },
+          children: [
+            /* @__PURE__ */ n("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+              /* @__PURE__ */ r("span", { style: {
+                color: w[e.type],
+                fontWeight: "bold"
+              }, children: e.name }),
+              /* @__PURE__ */ n("span", { style: { fontSize: "10px", color: "#888" }, children: [
+                "#",
+                c + 1
+              ] })
+            ] }),
+            /* @__PURE__ */ r("div", { style: { fontSize: "10px", color: "#666", marginTop: "2px" }, children: new Date(e.timestamp).toLocaleTimeString() }),
+            C && (R[0] === e.id || R[1] === e.id) && /* @__PURE__ */ r("div", { style: { fontSize: "10px", color: "#2196F3", marginTop: "2px" }, children: R[0] === e.id ? "Compare A" : "Compare B" })
+          ]
+        },
+        e.id
+      )) }),
+      /* @__PURE__ */ r("div", { style: { flex: 1, overflow: "auto", padding: "10px" }, children: C && R[0] && R[1] ? /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ r("h4", { style: { margin: "0 0 10px 0" }, children: "State Diff" }),
+        (() => {
+          const e = o.find((h) => h.id === R[0]), c = o.find((h) => h.id === R[1]);
+          if (!e || !c)
+            return null;
+          const i = b(e.state, c.state);
+          return /* @__PURE__ */ r("pre", { style: {
+            fontSize: "11px",
+            backgroundColor: "#252526",
+            padding: "10px",
+            borderRadius: "4px",
+            overflow: "auto"
+          }, children: Object.entries(i).map(([h, d]) => /* @__PURE__ */ n("div", { style: { marginBottom: "5px" }, children: [
+            /* @__PURE__ */ n("span", { style: { color: "#888" }, children: [
+              h,
+              ": "
+            ] }),
+            d.type === "added" && /* @__PURE__ */ n("span", { style: { color: "#4CAF50" }, children: [
+              "+ ",
+              JSON.stringify(d.value)
+            ] }),
+            d.type === "deleted" && /* @__PURE__ */ n("span", { style: { color: "#F44336" }, children: [
+              "- ",
+              JSON.stringify(d.value)
+            ] }),
+            d.type === "modified" && /* @__PURE__ */ n("span", { children: [
+              /* @__PURE__ */ n("span", { style: { color: "#F44336" }, children: [
+                "- ",
+                JSON.stringify(d.from)
+              ] }),
+              " → ",
+              /* @__PURE__ */ n("span", { style: { color: "#4CAF50" }, children: [
+                "+ ",
+                JSON.stringify(d.to)
+              ] })
+            ] })
+          ] }, h)) });
+        })()
+      ] }) : p ? /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ r("h4", { style: { margin: "0 0 10px 0" }, children: "State Details" }),
+        /* @__PURE__ */ r("pre", { style: {
+          fontSize: "11px",
+          backgroundColor: "#252526",
+          padding: "10px",
+          borderRadius: "4px",
+          overflow: "auto"
+        }, children: JSON.stringify(
+          o.find((e) => e.id === p)?.state,
+          null,
+          2
+        ) })
+      ] }) : /* @__PURE__ */ r("div", { style: { textAlign: "center", color: "#888", marginTop: "50px" }, children: C ? "Select two snapshots to compare" : "Select a snapshot to view details" }) })
+    ] })
+  ] });
+};
+class be extends Q {
+  constructor(t) {
+    super(t), this.state = {
+      hasError: !1,
+      error: null,
+      errorInfo: null,
+      errorHistory: []
+    };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
+  }
+  componentDidCatch(t, o) {
+    this.setState((s) => ({
+      errorInfo: o,
+      errorHistory: [
+        ...s.errorHistory,
+        { error: t, errorInfo: o, timestamp: Date.now() }
+      ].slice(-10)
+      // Keep last 10 errors
+    })), this.props.logToConsole !== !1 && (console.group("🚨 React Error Boundary"), console.error("Error:", t), console.error("Component Stack:", o.componentStack), console.groupEnd()), I({
+      type: "performance",
+      message: `Error in component: ${t.message}`,
+      data: {
+        error: {
+          name: t.name,
+          message: t.message,
+          stack: t.stack
+        },
+        componentStack: o.componentStack
+      }
+    }), this.props.onError && this.props.onError(t, o);
+  }
+  handleRetry = () => {
+    this.setState({
+      hasError: !1,
+      error: null,
+      errorInfo: null
+    });
+  };
+  handleClearHistory = () => {
+    this.setState({ errorHistory: [] });
+  };
+  render() {
+    return this.state.hasError && this.state.error && this.state.errorInfo ? this.props.fallback ? this.props.fallback(this.state.error, this.state.errorInfo) : /* @__PURE__ */ r(
+      se,
+      {
+        error: this.state.error,
+        errorInfo: this.state.errorInfo,
+        errorHistory: this.state.errorHistory,
+        showStack: this.props.showStack,
+        onRetry: this.handleRetry,
+        onClearHistory: this.handleClearHistory
+      }
+    ) : this.props.children;
+  }
+}
+const se = ({
+  error: l,
+  errorInfo: t,
+  errorHistory: o,
+  showStack: s = process.env.NODE_ENV === "development",
+  onRetry: p,
+  onClearHistory: g
+}) => {
+  const [f, x] = W.useState(!1), [y, S] = W.useState(!1), C = () => {
+    const k = `
+Error: ${l.message}
+Stack: ${l.stack}
+Component Stack: ${t.componentStack}
+    `.trim();
+    navigator.clipboard.writeText(k).then(() => {
+      alert("Error information copied to clipboard");
+    });
+  };
+  return /* @__PURE__ */ n("div", { style: {
+    padding: "20px",
+    margin: "20px",
+    border: "2px solid #F44336",
+    borderRadius: "8px",
+    backgroundColor: "#FFEBEE",
+    fontFamily: "monospace",
+    fontSize: "14px"
+  }, children: [
+    /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", marginBottom: "15px" }, children: [
+      /* @__PURE__ */ r("span", { style: { fontSize: "24px", marginRight: "10px" }, children: "💥" }),
+      /* @__PURE__ */ r("h2", { style: { margin: 0, color: "#D32F2F" }, children: "Something went wrong" })
+    ] }),
+    /* @__PURE__ */ n("div", { style: { marginBottom: "15px" }, children: [
+      /* @__PURE__ */ r("strong", { children: "Error:" }),
+      " ",
+      l.message
+    ] }),
+    /* @__PURE__ */ n("div", { style: { display: "flex", gap: "10px", marginBottom: "15px" }, children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          onClick: p,
+          style: {
+            padding: "8px 16px",
+            backgroundColor: "#4CAF50",
+            border: "none",
+            borderRadius: "4px",
+            color: "white",
+            cursor: "pointer"
+          },
+          children: "Try Again"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => x(!f),
+          style: {
+            padding: "8px 16px",
+            backgroundColor: "#2196F3",
+            border: "none",
+            borderRadius: "4px",
+            color: "white",
+            cursor: "pointer"
+          },
+          children: [
+            f ? "Hide" : "Show",
+            " Details"
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          onClick: C,
+          style: {
+            padding: "8px 16px",
+            backgroundColor: "#FF9800",
+            border: "none",
+            borderRadius: "4px",
+            color: "white",
+            cursor: "pointer"
+          },
+          children: "Copy Error"
+        }
+      ),
+      o.length > 0 && /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => S(!y),
+          style: {
+            padding: "8px 16px",
+            backgroundColor: "#9C27B0",
+            border: "none",
+            borderRadius: "4px",
+            color: "white",
+            cursor: "pointer"
+          },
+          children: [
+            "History (",
+            o.length,
+            ")"
+          ]
+        }
+      )
+    ] }),
+    f && s && /* @__PURE__ */ n("details", { style: { marginBottom: "15px" }, children: [
+      /* @__PURE__ */ r("summary", { style: { cursor: "pointer", marginBottom: "10px" }, children: "Stack Trace" }),
+      /* @__PURE__ */ r("pre", { style: {
+        backgroundColor: "#F5F5F5",
+        padding: "10px",
+        borderRadius: "4px",
+        overflow: "auto",
+        fontSize: "12px",
+        border: "1px solid #E0E0E0"
+      }, children: l.stack })
+    ] }),
+    f && /* @__PURE__ */ n("details", { style: { marginBottom: "15px" }, children: [
+      /* @__PURE__ */ r("summary", { style: { cursor: "pointer", marginBottom: "10px" }, children: "Component Stack" }),
+      /* @__PURE__ */ r("pre", { style: {
+        backgroundColor: "#F5F5F5",
+        padding: "10px",
+        borderRadius: "4px",
+        overflow: "auto",
+        fontSize: "12px",
+        border: "1px solid #E0E0E0"
+      }, children: t.componentStack })
+    ] }),
+    y && o.length > 0 && /* @__PURE__ */ n("details", { open: !0, children: [
+      /* @__PURE__ */ n("summary", { style: { cursor: "pointer", marginBottom: "10px" }, children: [
+        "Error History",
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: (k) => {
+              k.stopPropagation(), g();
+            },
+            style: {
+              marginLeft: "10px",
+              padding: "2px 6px",
+              backgroundColor: "#F44336",
+              border: "none",
+              borderRadius: "3px",
+              color: "white",
+              cursor: "pointer",
+              fontSize: "11px"
+            },
+            children: "Clear"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { style: {
+        backgroundColor: "#F5F5F5",
+        padding: "10px",
+        borderRadius: "4px",
+        border: "1px solid #E0E0E0",
+        maxHeight: "300px",
+        overflow: "auto"
+      }, children: o.map((k, R) => /* @__PURE__ */ n("div", { style: {
+        padding: "8px",
+        marginBottom: "8px",
+        backgroundColor: "white",
+        borderRadius: "4px",
+        border: "1px solid #E0E0E0"
+      }, children: [
+        /* @__PURE__ */ r("div", { style: { fontSize: "12px", color: "#666", marginBottom: "5px" }, children: new Date(k.timestamp).toLocaleString() }),
+        /* @__PURE__ */ r("div", { style: { fontWeight: "bold", marginBottom: "5px" }, children: k.error.message }),
+        /* @__PURE__ */ n("details", { children: [
+          /* @__PURE__ */ r("summary", { style: { cursor: "pointer", fontSize: "12px" }, children: "Stack Trace" }),
+          /* @__PURE__ */ r("pre", { style: {
+            fontSize: "10px",
+            margin: "5px 0",
+            overflow: "auto",
+            maxHeight: "100px"
+          }, children: k.error.stack })
+        ] })
+      ] }, R)) })
+    ] }),
+    /* @__PURE__ */ r("div", { style: {
+      fontSize: "12px",
+      color: "#666",
+      fontStyle: "italic",
+      marginTop: "15px"
+    }, children: "💡 Tip: Check the browser console for more detailed error information" })
+  ] });
+};
+class N {
+  static instance;
+  snapshots = [];
+  intervalId = null;
+  isMonitoring = !1;
+  maxSnapshots = 100;
+  growthThreshold = 1.5;
+  // 50% growth threshold
+  criticalThreshold = 0.9;
+  // 90% of heap limit
+  constructor() {
+  }
+  static getInstance() {
+    return N.instance || (N.instance = new N()), N.instance;
+  }
+  /**
+   * Start monitoring memory usage
+   */
+  startMonitoring(t = 5e3) {
+    this.isMonitoring || (this.isMonitoring = !0, this.takeSnapshot(), this.intervalId = window.setInterval(() => {
+      this.takeSnapshot(), this.analyzeMemoryPatterns();
+    }, t), I({
+      type: "performance",
+      message: "Memory leak detection started",
+      data: { interval: t }
+    }));
+  }
+  /**
+   * Stop monitoring
+   */
+  stopMonitoring() {
+    this.isMonitoring && (this.isMonitoring = !1, this.intervalId && (clearInterval(this.intervalId), this.intervalId = null), I({
+      type: "performance",
+      message: "Memory leak detection stopped",
+      data: { totalSnapshots: this.snapshots.length }
+    }));
+  }
+  /**
+   * Take a memory snapshot
+   */
+  takeSnapshot() {
+    if (!this.isMemoryAPIAvailable())
+      return console.warn("Memory API not available in this browser"), null;
+    const t = performance.memory, o = process?.memoryUsage?.() || {}, s = {
+      id: Math.random().toString(36).substr(2, 9),
+      timestamp: Date.now(),
+      heapUsed: o.heapUsed || 0,
+      heapTotal: o.heapTotal || 0,
+      external: o.external || 0,
+      jsHeapSizeLimit: t?.jsHeapSizeLimit || 0,
+      totalJSHeapSize: t?.totalJSHeapSize || 0,
+      usedJSHeapSize: t?.usedJSHeapSize || 0
+    };
+    return this.snapshots.push(s), this.snapshots.length > this.maxSnapshots && this.snapshots.shift(), s;
+  }
+  /**
+   * Analyze memory patterns for potential leaks
+   */
+  analyzeMemoryPatterns() {
+    if (this.snapshots.length < 5)
+      return [];
+    const t = [], o = this.snapshots.slice(-10), s = this.checkMemoryGrowth(o);
+    s && t.push(s);
+    const p = this.checkHeapLimit(o);
+    p && t.push(p);
+    const g = this.checkExternalGrowth(o);
+    return g && t.push(g), t.filter((f) => f.severity === "high").forEach((f) => {
+      I({
+        type: "performance",
+        message: `Memory leak suspected: ${f.message}`,
+        data: f
+      });
+    }), t;
+  }
+  checkMemoryGrowth(t) {
+    const o = t.map((f) => f.usedJSHeapSize || f.heapUsed), s = o[0], p = o[o.length - 1];
+    if (!s || !p || s === 0 || p === 0)
+      return null;
+    const g = p / s;
+    return g > this.growthThreshold ? {
+      type: "memory-growth",
+      severity: g > 2 ? "high" : g > 1.75 ? "medium" : "low",
+      message: `Memory usage increased by ${((g - 1) * 100).toFixed(1)}%`,
+      trend: o,
+      recommendation: "Check for memory leaks in event listeners, timers, or retained DOM references"
+    } : null;
+  }
+  checkHeapLimit(t) {
+    const o = t[t.length - 1];
+    if (!o || o.jsHeapSizeLimit === 0 || o.usedJSHeapSize === 0)
+      return null;
+    const s = o.usedJSHeapSize / o.jsHeapSizeLimit;
+    return s > this.criticalThreshold ? {
+      type: "heap-limit",
+      severity: "high",
+      message: `Heap usage at ${(s * 100).toFixed(1)}% of limit`,
+      trend: t.map((p) => p.usedJSHeapSize),
+      recommendation: "Consider force garbage collection or reducing memory usage"
+    } : null;
+  }
+  checkExternalGrowth(t) {
+    const o = t.map((f) => f.external).filter((f) => f > 0);
+    if (o.length < 2)
+      return null;
+    const s = o[0], p = o[o.length - 1];
+    if (!s || !p)
+      return null;
+    const g = p / s;
+    return g > this.growthThreshold ? {
+      type: "external-growth",
+      severity: g > 2 ? "high" : "medium",
+      message: `External memory usage increased by ${((g - 1) * 100).toFixed(1)}%`,
+      trend: o,
+      recommendation: "Check for growing buffers, file handles, or external resources"
+    } : null;
+  }
+  /**
+   * Force garbage collection (Chrome DevTools only)
+   */
+  forceGarbageCollection() {
+    return typeof window.gc == "function" ? (window.gc(), this.takeSnapshot(), I({
+      type: "performance",
+      message: "Garbage collection forced",
+      data: { timestamp: Date.now() }
+    }), !0) : !1;
+  }
+  /**
+   * Get memory usage statistics
+   */
+  getMemoryStats() {
+    if (this.snapshots.length === 0)
+      return {
+        current: null,
+        peak: null,
+        average: 0,
+        growth: 0,
+        suspicions: []
+      };
+    const t = this.snapshots[this.snapshots.length - 1] || null, o = this.snapshots.reduce(
+      (y, S) => (S.usedJSHeapSize || S.heapUsed) > (y?.usedJSHeapSize || y?.heapUsed || 0) ? S : y
+    ) || null, s = this.snapshots.map((y) => y.usedJSHeapSize || y.heapUsed), p = s.reduce((y, S) => y + S, 0) / s.length, g = s[0] || 0, f = s[s.length - 1] || 0, x = g > 0 ? (f - g) / g * 100 : 0;
+    return {
+      current: t,
+      peak: o,
+      average: p,
+      growth: x,
+      suspicions: this.analyzeMemoryPatterns()
+    };
+  }
+  /**
+   * Get all snapshots
+   */
+  getSnapshots() {
+    return [...this.snapshots];
+  }
+  /**
+   * Clear all snapshots
+   */
+  clearSnapshots() {
+    this.snapshots = [];
+  }
+  /**
+   * Export memory data
+   */
+  exportData() {
+    const t = this.getMemoryStats();
+    return JSON.stringify({
+      snapshots: this.snapshots,
+      stats: t,
+      exportedAt: (/* @__PURE__ */ new Date()).toISOString()
+    }, null, 2);
+  }
+  isMemoryAPIAvailable() {
+    return typeof performance < "u" && (performance.memory || typeof process < "u" && process.memoryUsage);
+  }
+  /**
+   * Check if monitoring is active
+   */
+  isActive() {
+    return this.isMonitoring;
+  }
+}
+const we = N.getInstance(), ve = ({
+  dataSources: l = [],
+  autoDiscover: t = !0,
+  hotkey: o = "ctrl+shift+D",
+  visible: s = !1,
+  position: p = "top-right",
+  maxOperations: g = 50
+}) => {
+  const [f, x] = F(s), [y, S] = F([]), [C, k] = F(""), [R, a] = F(0), [m, z] = F([]), u = M([]);
+  Z([[o, () => x(!f)]]), L(() => {
+    if (!t || process.env.NODE_ENV !== "development")
+      return;
+    const e = [];
+    typeof window < "u" && ((i, h = "window") => {
+      !i || typeof i != "object" || Object.keys(i).forEach((d) => {
+        try {
+          const v = i[d];
+          v && typeof v == "object" && (v.constructor?.name?.includes("DataSource") || v._isArchbaseDataSource || v.name && typeof v.getCurrentRecord == "function") && e.push({
+            name: `${h}.${d}`,
+            dataSource: v
+          });
+        } catch {
+        }
+      });
+    })(window), z([...l, ...e]);
+  }, [l, t, R]), L(() => {
+    const e = (i) => {
+      const h = {
+        ...i,
+        id: Math.random().toString(36).substr(2, 9),
+        timestamp: Date.now()
+      };
+      u.current = [h, ...u.current].slice(0, g), S([...u.current]), I({
+        type: "state",
+        message: `DataSource ${i.operation}`,
+        data: i.details
+      });
+    }, c = [];
+    return m.forEach(({ name: i, dataSource: h }) => {
+      if (h)
+        try {
+          if (typeof h.addListener == "function") {
+            const v = () => {
+              e({
+                operation: "State Changed",
+                details: {
+                  name: i,
+                  currentRecord: h.getCurrentRecord?.(),
+                  recordCount: h.getRecordCount?.(),
+                  state: h.getState?.()
+                }
+              });
+            };
+            h.addListener(v), c.push(() => h.removeListener?.(v));
+          }
+          ["post", "edit", "delete", "cancel", "append", "insert"].forEach((v) => {
+            if (typeof h[v] == "function") {
+              const B = h[v];
+              h[v] = function(...O) {
+                const T = performance.now(), P = B.apply(this, O), Y = performance.now() - T;
+                return e({
+                  operation: v,
+                  details: { name: i, arguments: O },
+                  duration: Y
+                }), P;
+              }, c.push(() => {
+                h[v] = B;
+              });
+            }
+          });
+        } catch (d) {
+          console.warn("Failed to monitor DataSource:", i, d);
+        }
+    }), () => {
+      c.forEach((i) => i());
+    };
+  }, [m, g]);
+  const D = (e) => {
+    try {
+      const c = e._isArchbaseDataSourceV2 ? "v2" : e._isArchbaseDataSource ? "v1" : "unknown";
+      return {
+        recordCount: e.getRecordCount?.() || 0,
+        currentRecordIndex: e.getRecordCount?.() || -1,
+        totalRecords: e.getRecordCount?.() || 0,
+        state: e.getState?.() || "unknown",
+        isActive: e.isActive?.() || !1,
+        isBrowsing: e.isBrowsing?.() || !1,
+        isInserting: e.isInserting?.() || !1,
+        isEditing: e.isEditing?.() || !1,
+        isDeleting: e.isDeleting?.() || !1,
+        hasChanges: e.hasChanges?.() || !1,
+        version: c
+      };
+    } catch {
+      return {
+        recordCount: 0,
+        currentRecordIndex: -1,
+        totalRecords: 0,
+        state: "error",
+        isActive: !1,
+        isBrowsing: !1,
+        isInserting: !1,
+        isEditing: !1,
+        isDeleting: !1,
+        hasChanges: !1,
+        version: "unknown"
+      };
+    }
+  }, E = (e) => ({
+    browsing: "blue",
+    editing: "orange",
+    inserting: "green",
+    deleting: "red",
+    inactive: "gray",
+    error: "red"
+  })[e.toLowerCase()] || "gray", b = (e) => ({
+    v1: "blue",
+    v2: "green",
+    unknown: "gray"
+  })[e] || "gray", w = {
+    "top-left": { top: 20, left: 20 },
+    "top-right": { top: 20, right: 20 },
+    "bottom-left": { bottom: 20, left: 20 },
+    "bottom-right": { bottom: 20, right: 20 }
+  };
+  return f ? /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        ...w[p],
+        width: "600px",
+        height: "700px",
+        backgroundColor: "#1e1e1e",
+        color: "#d4d4d4",
+        border: "1px solid #3e3e3e",
+        borderRadius: "8px",
+        zIndex: 999999,
+        display: "flex",
+        flexDirection: "column",
+        fontFamily: "monospace",
+        fontSize: "12px"
+      },
+      children: [
+        /* @__PURE__ */ n("div", { style: {
+          padding: "12px",
+          borderBottom: "1px solid #3e3e3e",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        }, children: [
+          /* @__PURE__ */ n(H, { gap: "xs", children: [
+            /* @__PURE__ */ r(V, { size: 16 }),
+            /* @__PURE__ */ r(U, { size: "sm", fw: 500, children: "DataSource Inspector" }),
+            /* @__PURE__ */ n($, { size: "xs", color: "blue", children: [
+              m.length,
+              " sources"
+            ] })
+          ] }),
+          /* @__PURE__ */ n(H, { gap: "xs", children: [
+            /* @__PURE__ */ r(
+              G,
+              {
+                size: "xs",
+                variant: "subtle",
+                onClick: () => a((e) => e + 1),
+                children: /* @__PURE__ */ r(te, { size: 12 })
+              }
+            ),
+            /* @__PURE__ */ r(
+              G,
+              {
+                size: "xs",
+                variant: "subtle",
+                onClick: () => x(!1),
+                children: "×"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { style: { padding: "12px", borderBottom: "1px solid #3e3e3e" }, children: /* @__PURE__ */ r(
+          q,
+          {
+            size: "xs",
+            placeholder: "Select DataSource to inspect",
+            value: C,
+            onChange: (e) => k(e || ""),
+            data: m.map((e) => ({
+              value: e.name,
+              label: e.name
+            }))
+          }
+        ) }),
+        /* @__PURE__ */ r("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ n(A, { multiple: !0, defaultValue: ["stats", "operations"], children: [
+          /* @__PURE__ */ n(A.Item, { value: "stats", children: [
+            /* @__PURE__ */ r(A.Control, { children: /* @__PURE__ */ n(H, { gap: "xs", children: [
+              /* @__PURE__ */ r(re, { size: 14 }),
+              "Current State"
+            ] }) }),
+            /* @__PURE__ */ r(A.Panel, { children: C ? (() => {
+              const e = m.find((i) => i.name === C)?.dataSource;
+              if (!e)
+                return /* @__PURE__ */ r(U, { size: "xs", c: "dimmed", children: "DataSource not found" });
+              const c = D(e);
+              return /* @__PURE__ */ n("div", { style: { fontSize: "11px" }, children: [
+                /* @__PURE__ */ n(H, { gap: "xs", mb: "xs", children: [
+                  /* @__PURE__ */ r($, { size: "xs", color: b(c.version), children: c.version.toUpperCase() }),
+                  /* @__PURE__ */ r($, { size: "xs", color: E(c.state), children: c.state }),
+                  c.hasChanges && /* @__PURE__ */ r($, { size: "xs", color: "yellow", children: "Modified" })
+                ] }),
+                /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "8px" }, children: [
+                  /* @__PURE__ */ n("div", { children: [
+                    "Records: ",
+                    c.recordCount
+                  ] }),
+                  /* @__PURE__ */ n("div", { children: [
+                    "Current: ",
+                    c.currentRecordIndex
+                  ] }),
+                  /* @__PURE__ */ n("div", { children: [
+                    "Active: ",
+                    c.isActive ? "Yes" : "No"
+                  ] }),
+                  /* @__PURE__ */ n("div", { children: [
+                    "Browsing: ",
+                    c.isBrowsing ? "Yes" : "No"
+                  ] }),
+                  /* @__PURE__ */ n("div", { children: [
+                    "Editing: ",
+                    c.isEditing ? "Yes" : "No"
+                  ] }),
+                  /* @__PURE__ */ n("div", { children: [
+                    "Inserting: ",
+                    c.isInserting ? "Yes" : "No"
+                  ] })
+                ] }),
+                /* @__PURE__ */ n("details", { style: { marginTop: "8px" }, children: [
+                  /* @__PURE__ */ r("summary", { style: { cursor: "pointer" }, children: "Current Record" }),
+                  /* @__PURE__ */ r(
+                    ee,
+                    {
+                      size: "xs",
+                      value: JSON.stringify(e.getCurrentRecord?.() || {}, null, 2),
+                      readOnly: !0,
+                      autosize: !0,
+                      minRows: 3,
+                      maxRows: 10,
+                      styles: {
+                        input: { fontSize: "10px", fontFamily: "monospace" }
+                      }
+                    }
+                  )
+                ] })
+              ] });
+            })() : /* @__PURE__ */ r(U, { size: "xs", c: "dimmed", children: "Select a DataSource to view stats" }) })
+          ] }),
+          /* @__PURE__ */ n(A.Item, { value: "operations", children: [
+            /* @__PURE__ */ r(A.Control, { children: /* @__PURE__ */ n(H, { gap: "xs", children: [
+              /* @__PURE__ */ r(oe, { size: 14 }),
+              "Recent Operations (",
+              y.length,
+              ")"
+            ] }) }),
+            /* @__PURE__ */ r(A.Panel, { children: /* @__PURE__ */ r("div", { style: { maxHeight: "300px", overflow: "auto" }, children: y.length === 0 ? /* @__PURE__ */ r(U, { size: "xs", c: "dimmed", children: "No operations recorded yet" }) : y.map((e) => /* @__PURE__ */ n(
+              "div",
+              {
+                style: {
+                  padding: "6px 8px",
+                  marginBottom: "4px",
+                  backgroundColor: "#2d2d2d",
+                  borderRadius: "4px",
+                  fontSize: "10px"
+                },
+                children: [
+                  /* @__PURE__ */ n("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "2px" }, children: [
+                    /* @__PURE__ */ r("span", { style: { fontWeight: "bold" }, children: e.operation }),
+                    /* @__PURE__ */ r("span", { style: { color: "#888" }, children: new Date(e.timestamp).toLocaleTimeString() })
+                  ] }),
+                  e.duration && /* @__PURE__ */ n("div", { style: { color: "#FFD700", fontSize: "9px" }, children: [
+                    "Duration: ",
+                    e.duration.toFixed(2),
+                    "ms"
+                  ] }),
+                  /* @__PURE__ */ n("details", { children: [
+                    /* @__PURE__ */ r("summary", { style: { cursor: "pointer", fontSize: "9px", color: "#888" }, children: "Details" }),
+                    /* @__PURE__ */ r("pre", { style: {
+                      fontSize: "9px",
+                      margin: "2px 0",
+                      overflow: "auto",
+                      maxHeight: "80px"
+                    }, children: JSON.stringify(e.details, null, 2) })
+                  ] })
+                ]
+              },
+              e.id
+            )) }) })
+          ] }),
+          /* @__PURE__ */ n(A.Item, { value: "overview", children: [
+            /* @__PURE__ */ r(A.Control, { children: /* @__PURE__ */ n(H, { gap: "xs", children: [
+              /* @__PURE__ */ r(V, { size: 14 }),
+              "All DataSources (",
+              m.length,
+              ")"
+            ] }) }),
+            /* @__PURE__ */ r(A.Panel, { children: /* @__PURE__ */ r("div", { style: { fontSize: "10px" }, children: m.map(({ name: e, dataSource: c }) => {
+              const i = D(c);
+              return /* @__PURE__ */ n(
+                "div",
+                {
+                  style: {
+                    padding: "4px 6px",
+                    marginBottom: "3px",
+                    backgroundColor: C === e ? "#2d2d2d" : "transparent",
+                    borderRadius: "3px",
+                    cursor: "pointer"
+                  },
+                  onClick: () => k(e),
+                  children: [
+                    /* @__PURE__ */ r("div", { style: { fontWeight: "bold", marginBottom: "2px" }, children: e }),
+                    /* @__PURE__ */ n(H, { gap: "xs", children: [
+                      /* @__PURE__ */ r($, { size: "xs", color: b(i.version), children: i.version }),
+                      /* @__PURE__ */ r($, { size: "xs", color: E(i.state), children: i.state }),
+                      /* @__PURE__ */ n("span", { style: { color: "#888" }, children: [
+                        i.recordCount,
+                        " records"
+                      ] })
+                    ] })
+                  ]
+                },
+                e
+              );
+            }) }) })
+          ] })
+        ] }) })
+      ]
+    }
+  ) : /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        ...w[p],
+        zIndex: 999999,
+        backgroundColor: "rgba(0, 0, 0, 0.8)",
+        color: "white",
+        padding: "8px 12px",
+        borderRadius: "4px",
+        cursor: "pointer",
+        fontSize: "12px",
+        fontFamily: "monospace"
+      },
+      onClick: () => x(!0),
+      children: [
+        /* @__PURE__ */ r(V, { size: 16 }),
+        " DataSource Debug (",
+        m.length,
+        ")"
+      ]
+    }
+  );
+};
+function Se(l, t, o = {}) {
+  const {
+    logOperations: s = !0,
+    monitorState: p = !0,
+    trackPerformance: g = !0,
+    maxHistory: f = 100
+  } = o, [x, y] = F([]), [S, C] = F(null), k = M([]), R = M(/* @__PURE__ */ new Map()), a = (b) => {
+    const w = {
+      ...b,
+      id: Math.random().toString(36).substr(2, 9),
+      timestamp: Date.now()
+    };
+    k.current = [w, ...k.current].slice(0, f), y([...k.current]), s && I({
+      type: "state",
+      message: `DataSource ${t}: ${b.operation}`,
+      data: {
+        operation: b.operation,
+        args: b.args,
+        duration: b.duration,
+        result: b.result,
+        error: b.error
+      }
+    });
+  }, m = () => {
+    if (!(!p || !l))
+      try {
+        const b = {
+          recordCount: l.getRecordCount?.(),
+          currentRecord: l.getCurrentRecord?.(),
+          recNo: l.getRecNo?.(),
+          state: l.getState?.(),
+          isActive: l.isActive?.(),
+          isBrowsing: l.isBrowsing?.(),
+          isEditing: l.isEditing?.(),
+          isInserting: l.isInserting?.(),
+          hasChanges: l.hasChanges?.(),
+          version: l._isArchbaseDataSourceV2 ? "v2" : l._isArchbaseDataSource ? "v1" : "unknown"
+        };
+        C(b);
+      } catch (b) {
+        console.warn("Failed to update DataSource state:", b);
+      }
+  };
+  L(() => {
+    if (!l)
+      return;
+    const b = [];
+    if (p && typeof l.addListener == "function") {
+      const w = () => {
+        m(), a({
+          operation: "stateChanged",
+          args: []
+        });
+      };
+      l.addListener(w), b.push(() => {
+        typeof l.removeListener == "function" && l.removeListener(w);
+      }), m();
+    }
+    return (s || g) && ([
+      "post",
+      "edit",
+      "delete",
+      "cancel",
+      "append",
+      "insert",
+      "remove",
+      "first",
+      "last",
+      "next",
+      "prior",
+      "gotoRecNo",
+      "locate",
+      "applyFilter",
+      "clearFilter",
+      "sort",
+      "refresh"
+    ].forEach((e) => {
+      if (typeof l[e] == "function") {
+        const c = l[e];
+        R.current.set(e, c), l[e] = function(...i) {
+          const h = g ? performance.now() : 0;
+          let d, v;
+          try {
+            if (d = c.apply(this, i), d && typeof d.then == "function")
+              d.then((B) => {
+                const O = g ? performance.now() - h : void 0;
+                a({
+                  operation: e,
+                  args: i,
+                  duration: O,
+                  result: B
+                });
+              }).catch((B) => {
+                const O = g ? performance.now() - h : void 0;
+                a({
+                  operation: e,
+                  args: i,
+                  duration: O,
+                  error: B
+                });
+              });
+            else {
+              const B = g ? performance.now() - h : void 0;
+              a({
+                operation: e,
+                args: i,
+                duration: B,
+                result: d
+              });
+            }
+          } catch (B) {
+            v = B;
+            const O = g ? performance.now() - h : void 0;
+            throw a({
+              operation: e,
+              args: i,
+              duration: O,
+              error: v
+            }), B;
+          }
+          return d;
+        };
+      }
+    }), b.push(() => {
+      l && R.current.forEach((e, c) => {
+        l[c] && (l[c] = e);
+      }), R.current.clear();
+    })), () => {
+      b.forEach((w) => w());
+    };
+  }, [l, t, s, p, g, f]);
+  const z = () => {
+    const b = x.reduce((w, e) => (w[e.operation] || (w[e.operation] = []), e.duration !== void 0 && w[e.operation].push(e.duration), w), {});
+    return Object.entries(b).map(([w, e]) => {
+      const c = e.reduce((d, v) => d + v, 0) / e.length, i = Math.min(...e), h = Math.max(...e);
+      return {
+        method: w,
+        count: e.length,
+        avgDuration: c,
+        minDuration: i,
+        maxDuration: h,
+        totalDuration: e.reduce((d, v) => d + v, 0)
+      };
+    });
+  }, u = (b) => b ? x.filter((w) => w.operation === b) : x, D = () => {
+    k.current = [], y([]);
+  }, E = () => ({
+    dataSourceName: t,
+    currentState: S,
+    operations: x,
+    performanceStats: z(),
+    exportedAt: (/* @__PURE__ */ new Date()).toISOString()
+  });
+  return {
+    operations: x,
+    currentState: S,
+    performanceStats: z(),
+    getOperationHistory: u,
+    clearHistory: D,
+    exportDebugData: E
+  };
+}
+function Ce() {
+  const [l, t] = F([]);
+  return {
+    dataSources: l,
+    registerDataSource: (x, y, S) => {
+      t((C) => C.find((R) => R.name === x) ? C.map(
+        (R) => R.name === x ? { ...R, dataSource: y } : R
+      ) : [...C, {
+        name: x,
+        dataSource: y,
+        debugHook: {}
+        // Will be populated by the hook
+      }]);
+    },
+    unregisterDataSource: (x) => {
+      t((y) => y.filter((S) => S.name !== x));
+    },
+    getDataSource: (x) => l.find((y) => y.name === x),
+    getAllDataSources: () => l,
+    exportAllDebugData: () => ({
+      dataSources: l.map((x) => ({
+        name: x.name,
+        debugData: x.debugHook
+      })),
+      exportedAt: (/* @__PURE__ */ new Date()).toISOString()
+    })
+  };
+}
+const ke = "3.0.0";
+export {
+  j as ArchbaseConsoleLogger,
+  ve as ArchbaseDataSourceInspector,
+  he as ArchbaseDebugPanel,
+  be as ArchbaseErrorBoundary,
+  me as ArchbaseLocalStorageViewer,
+  N as ArchbaseMemoryLeakDetector,
+  xe as ArchbaseNetworkMonitor,
+  J as ArchbasePerformanceMonitor,
+  ye as ArchbaseStateInspector,
+  ke as ArchbaseToolsVersion,
+  I as emitDebugInfo,
+  ue as logger,
+  we as memoryLeakDetector,
+  K as performanceMonitor,
+  Se as useArchbaseDataSourceDebug,
+  Ce as useArchbaseDataSourceRegistry,
+  ge as useArchbaseRenderTracker,
+  fe as useArchbaseWhyDidYouRender
+};