sibujs 1.4.0 → 2.0.0

package/dist/{chunk-77L6NL3X.js → chunk-JXMMDLBY.js}

@@ -1,12 +1,18 @@
+import {
+  dispose
+} from "./chunk-2UPRY23K.js";
+import {
+  stripHtml
+} from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-CHF5OHIA.js";
+} from "./chunk-HB24TBAF.js";
 import {
   signal
-} from "./chunk-WZSPOOER.js";
+} from "./chunk-CC65Y57T.js";
 import {
   isDev
-} from "./chunk-5X6PP2UK.js";
+} from "./chunk-LMLD24FC.js";
 
 // src/devtools/debug.ts
 var debugEnabled = false;
@@ -90,7 +96,10 @@ function runCleanups(component) {
     for (const cleanup of cleanups) {
       try {
         cleanup();
-      } catch {
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn("[SibuJS debug] cleanup threw:", err);
+        }
       }
     }
     trackedCleanups.delete(component);
@@ -110,6 +119,11 @@ function checkLeaks() {
 }
 
 // src/devtools/devtools.ts
+function getSibuNamespace() {
+  const g = globalThis;
+  if (!g.__SIBU__) g.__SIBU__ = { version: "1.0.0" };
+  return g.__SIBU__;
+}
 function createGlobalHook() {
   const listeners = /* @__PURE__ */ new Map();
   const events = [];
@@ -154,13 +168,16 @@ function getOrCreateHook() {
 }
 var activeDevTools = null;
 var nextNodeId = 0;
+var inferNameArmed = false;
 function getActiveDevTools() {
   return activeDevTools;
 }
 function initDevTools(config) {
   const maxEvents = config?.maxEvents ?? 1e3;
   const enabled = config?.enabled ?? isDev();
+  const expose = config?.expose ?? isDev();
   if (!enabled) return createNoopApi();
+  inferNameArmed = true;
   const hook = getOrCreateHook();
   nextNodeId = 0;
   const eventLog = [];
@@ -177,6 +194,7 @@ function initDevTools(config) {
       createdAt: Date.now()
     };
     hook.nodes.set(nextNodeId, node);
+    emit();
   });
   hook.on("signal:update", (payload) => {
     if (!isActive) return;
@@ -191,6 +209,7 @@ function initDevTools(config) {
       newValue: p.newValue,
       timestamp: Date.now()
     });
+    emit();
   });
   hook.on("computed:create", (payload) => {
     const p = payload;
@@ -205,6 +224,7 @@ function initDevTools(config) {
       createdAt: Date.now()
     };
     hook.nodes.set(nextNodeId, node);
+    emit();
   });
   hook.on("computed:update", (payload) => {
     const p = payload;
@@ -217,6 +237,7 @@ function initDevTools(config) {
       newValue: p.newValue,
       timestamp: Date.now()
     });
+    emit();
   });
   hook.on("effect:create", (payload) => {
     nextNodeId++;
@@ -224,6 +245,7 @@ function initDevTools(config) {
     const p = payload;
     const node = { id: nextNodeId, type: "effect", name, ref: p.effectFn, createdAt: Date.now() };
     hook.nodes.set(nextNodeId, node);
+    emit();
   });
   hook.on("effect:run", (payload) => {
     const p = payload;
@@ -234,6 +256,7 @@ function initDevTools(config) {
       duration: 0,
       timestamp: Date.now()
     });
+    emit();
   });
   hook.on("app:init", (payload) => {
     const p = payload;
@@ -243,12 +266,19 @@ function initDevTools(config) {
       duration: p.duration,
       timestamp: Date.now()
     });
+    emit();
     if (typeof document !== "undefined") {
-      queueMicrotask(() => discoverComponents(hook, eventLog, maxEvents));
+      queueMicrotask(() => {
+        discoverComponents(hook, eventLog, maxEvents);
+        emit();
+      });
     }
   });
   function record(event) {
-    if (isActive) pushEvent(eventLog, maxEvents, event);
+    if (isActive) {
+      pushEvent(eventLog, maxEvents, event);
+      emit();
+    }
   }
   function getEvents(filter) {
     if (!filter) return eventLog.slice();
@@ -263,9 +293,11 @@ function initDevTools(config) {
   }
   function registerComponent(name, element, state) {
     hook.components.set(name, { element, state });
+    emit();
   }
   function unregisterComponent(name) {
     hook.components.delete(name);
+    emit();
   }
   function getComponents() {
     return new Map(hook.components);
@@ -292,6 +324,12 @@ function initDevTools(config) {
     }
     return result;
   }
+  let domObserver = null;
+  const activeHighlightTimers = /* @__PURE__ */ new Set();
+  let changeVersion = 0;
+  function emit() {
+    changeVersion++;
+  }
   let isActive = enabled;
   function isEnabled() {
     return isActive;
@@ -304,32 +342,75 @@ function initDevTools(config) {
     for (const [name, entry] of hook.components) snap[name] = entry.state ? { ...entry.state } : {};
     return snap;
   }
+  function restoreHighlight(el) {
+    const prevOutline = el.dataset.sibuHighlightPrevOutline;
+    const prevOffset = el.dataset.sibuHighlightPrevOffset;
+    el.style.outline = prevOutline ?? "";
+    el.style.outlineOffset = prevOffset ?? "";
+    delete el.dataset.sibuHighlightPrevOutline;
+    delete el.dataset.sibuHighlightPrevOffset;
+    el.removeAttribute("data-sibu-highlight");
+  }
   function highlightElement(name) {
     const prev = document.querySelector("[data-sibu-highlight]");
-    if (prev) {
-      prev.style.outline = "";
-      prev.removeAttribute("data-sibu-highlight");
-    }
+    if (prev instanceof HTMLElement) restoreHighlight(prev);
     const entry = hook.components.get(name);
-    if (entry?.element?.isConnected) {
-      entry.element.style.outline = "2px solid #89b4fa";
-      entry.element.setAttribute("data-sibu-highlight", "true");
-      entry.element.scrollIntoView({ behavior: "smooth", block: "center" });
-      setTimeout(() => {
-        entry.element.style.outline = "";
-        entry.element.removeAttribute("data-sibu-highlight");
-      }, 3e3);
+    const el = entry?.element;
+    if (!el || !el.isConnected) return;
+    el.dataset.sibuHighlightPrevOutline = el.style.outline || "";
+    el.dataset.sibuHighlightPrevOffset = el.style.outlineOffset || "";
+    el.style.outline = "2px solid #89b4fa";
+    el.setAttribute("data-sibu-highlight", "true");
+    el.scrollIntoView({ behavior: "smooth", block: "center" });
+    const timer = setTimeout(() => {
+      activeHighlightTimers.delete(timer);
+      if (!el.isConnected) return;
+      restoreHighlight(el);
+    }, 3e3);
+    activeHighlightTimers.add(timer);
+  }
+  function getElementHTML(name, max = 2e3) {
+    const entry = hook.components.get(name);
+    const el = entry?.element;
+    if (!el) return null;
+    try {
+      const raw = el.outerHTML || "";
+      const cleaned = stripHtml(raw);
+      return cleaned.length > max ? `${cleaned.substring(0, max)}...` : cleaned;
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[SibuJS devtools] getElementHTML failed:", err);
+      }
+      return null;
     }
   }
   function destroy() {
+    if (domObserver) {
+      domObserver.disconnect();
+      domObserver = null;
+    }
+    for (const t of activeHighlightTimers) clearTimeout(t);
+    activeHighlightTimers.clear();
+    if (typeof document !== "undefined") {
+      const prev = document.querySelector("[data-sibu-highlight]");
+      if (prev instanceof HTMLElement) restoreHighlight(prev);
+    }
     eventLog.length = 0;
     hook.nodes.clear();
     hook.components.clear();
     hook.events.length = 0;
     isActive = false;
+    inferNameArmed = false;
     activeDevTools = null;
     const g = globalThis;
+    if (g.__SIBU__) {
+      delete g.__SIBU__.devtools;
+      delete g.__SIBU__.data;
+      delete g.__SIBU__.changeVersion;
+    }
     if (g.__SIBU_DEVTOOLS__ === api) delete g.__SIBU_DEVTOOLS__;
+    delete g.__SIBU_DEVTOOLS_VERSION__;
+    delete g.__SIBU_DEVTOOLS_DATA__;
     if (g.__SIBU_DEVTOOLS_GLOBAL_HOOK__ === hook) delete g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
   }
   const api = {
@@ -344,164 +425,155 @@ function initDevTools(config) {
     setEnabled,
     snapshot,
     highlightElement,
+    getElementHTML,
     destroy
   };
-  if (typeof window !== "undefined") {
-    window.__SIBU_DEVTOOLS__ = api;
-    let changeVersion = 0;
-    const origPush = eventLog.push.bind(eventLog);
-    eventLog.push = (...args) => {
-      changeVersion++;
-      return origPush(...args);
-    };
-    const origNodeSet = hook.nodes.set.bind(hook.nodes);
-    hook.nodes.set = (k, v) => {
-      changeVersion++;
-      return origNodeSet(k, v);
-    };
-    const origCompSet = hook.components.set.bind(hook.components);
-    hook.components.set = (k, v) => {
-      changeVersion++;
-      return origCompSet(k, v);
-    };
-    window.__SIBU_DEVTOOLS_VERSION__ = () => changeVersion;
-    window.__SIBU_DEVTOOLS_DATA__ = () => {
-      const sArr = [];
-      for (const [, node] of hook.nodes) {
-        let val = "";
-        try {
-          let raw;
-          if (node.type === "signal" && node.ref && "value" in node.ref) {
-            raw = node.ref.value;
-          } else if (node.type === "computed" && node.ref) {
-            if (node.ref._d && node.ref._g) {
-              try {
-                raw = node.ref._g();
-              } catch {
-                raw = node.ref._v;
-              }
-            } else {
+  function buildData() {
+    const sArr = [];
+    for (const [, node] of hook.nodes) {
+      let val = "";
+      try {
+        let raw;
+        if (node.type === "signal" && node.ref && "value" in node.ref) {
+          raw = node.ref.value;
+        } else if (node.type === "computed" && node.ref) {
+          if (node.ref._d && node.ref._g) {
+            try {
+              raw = node.ref._g();
+            } catch {
               raw = node.ref._v;
             }
-          } else if (node.type === "effect") {
-            raw = void 0;
-          } else if (node.ref && "value" in node.ref) {
-            raw = node.ref.value;
+          } else {
+            raw = node.ref._v;
           }
-          if (raw === void 0) val = "undefined";
-          else if (raw === null) val = "null";
-          else if (typeof raw === "object") val = JSON.stringify(raw);
-          else val = String(raw);
-        } catch {
-          val = "?";
+        } else if (node.type === "effect") {
+          raw = void 0;
+        } else if (node.ref && "value" in node.ref) {
+          raw = node.ref.value;
         }
-        const fullVal = val;
-        const shortVal = val.length > 80 ? `${val.substring(0, 80)}...` : val;
-        const subs = node.ref?.__s;
-        sArr.push({
-          id: node.id,
-          n: node.name,
-          tp: node.type,
-          v: shortVal,
-          fv: fullVal,
-          sc: subs instanceof Set ? subs.size : 0
-        });
+        if (raw === void 0) val = "undefined";
+        else if (raw === null) val = "null";
+        else if (typeof raw === "object") val = JSON.stringify(raw);
+        else val = String(raw);
+      } catch {
+        val = "?";
       }
-      function walkElement(el, depth) {
-        if (depth > 8) return [];
-        const result = [];
-        const max = Math.min(el.children.length, 50);
-        for (let i = 0; i < max; i++) {
-          const child = el.children[i];
-          const txtParts = [];
-          for (let ti = 0; ti < child.childNodes.length; ti++) {
-            const cn = child.childNodes[ti];
-            if (cn.nodeType === 3) {
-              const t = cn.textContent?.trim();
-              if (t) txtParts.push(t);
-            } else if (cn.nodeType === 1) {
-              const el2 = cn;
-              let directTxt = "";
-              for (let ci = 0; ci < el2.childNodes.length; ci++) {
-                if (el2.childNodes[ci].nodeType === 3) {
-                  const t2 = el2.childNodes[ci].textContent?.trim();
-                  if (t2) {
-                    directTxt = t2;
-                    break;
-                  }
+      const fullVal = val;
+      const shortVal = val.length > 80 ? `${val.substring(0, 80)}...` : val;
+      const subs = node.ref?.__s;
+      sArr.push({
+        id: node.id,
+        n: node.name,
+        tp: node.type,
+        v: shortVal,
+        fv: fullVal,
+        sc: subs instanceof Set ? subs.size : 0
+      });
+    }
+    function walkElement(el, depth) {
+      if (depth > 8) return [];
+      const result = [];
+      const max = Math.min(el.children.length, 50);
+      for (let i = 0; i < max; i++) {
+        const child = el.children[i];
+        const txtParts = [];
+        for (let ti = 0; ti < child.childNodes.length; ti++) {
+          const cn = child.childNodes[ti];
+          if (cn.nodeType === 3) {
+            const t = cn.textContent?.trim();
+            if (t) txtParts.push(t);
+          } else if (cn.nodeType === 1) {
+            const el2 = cn;
+            let directTxt = "";
+            for (let ci = 0; ci < el2.childNodes.length; ci++) {
+              if (el2.childNodes[ci].nodeType === 3) {
+                const t2 = el2.childNodes[ci].textContent?.trim();
+                if (t2) {
+                  directTxt = t2;
+                  break;
                 }
               }
-              if (directTxt) txtParts.push(directTxt);
             }
+            if (directTxt) txtParts.push(directTxt);
           }
-          let txt = txtParts.join(" | ");
-          if (txt.length > 120) txt = `${txt.substring(0, 120)}...`;
-          let html = "";
-          try {
-            const outer = child.outerHTML || "";
-            html = outer.length > 500 ? `${outer.substring(0, 500)}...` : outer;
-          } catch {
-            html = "";
-          }
-          const ev = child.__sibu_events__ || [];
-          result.push({
-            tg: child.tagName ? child.tagName.toLowerCase() : "?",
-            id: child.id || "",
-            cl: (child.className || "").toString().split(" ").slice(0, 3).join(" "),
-            txt: txt.length > 60 ? `${txt.substring(0, 60)}...` : txt,
-            html,
-            ev,
-            ch: child.childElementCount > 0 ? walkElement(child, depth + 1) : []
-          });
         }
-        return result;
-      }
-      const cArr = [];
-      for (const [name, entry] of hook.components) {
-        const el = entry.element;
-        cArr.push({
-          n: name,
-          tg: el?.tagName ? el.tagName.toLowerCase() : "?",
-          ch: el?.childElementCount || 0,
-          cn: !!el?.isConnected,
-          kids: el ? walkElement(el, 0) : []
+        let txt = txtParts.join(" | ");
+        if (txt.length > 120) txt = `${txt.substring(0, 120)}...`;
+        const attrs = [];
+        try {
+          const al = child.attributes;
+          for (let ai = 0; ai < al.length && ai < 20; ai++) attrs.push(al[ai].name);
+        } catch {
+        }
+        const ev = child.__sibu_events__ || [];
+        result.push({
+          tg: child.tagName ? child.tagName.toLowerCase() : "?",
+          id: child.id || "",
+          cl: (child.className || "").toString().split(" ").slice(0, 3).join(" "),
+          txt: txt.length > 60 ? `${txt.substring(0, 60)}...` : txt,
+          attrs,
+          ev,
+          ch: child.childElementCount > 0 ? walkElement(child, depth + 1) : []
         });
       }
-      const eArr = [];
-      const start = eventLog.length > 500 ? eventLog.length - 500 : 0;
-      for (let i = start; i < eventLog.length; i++) {
-        const e = eventLog[i];
-        let detail = "";
-        let ov = "";
-        let nv = "";
-        let key = "";
-        if (e.type === "state-change") {
-          const sc = e;
-          key = sc.key || "";
-          try {
-            ov = sc.oldValue === void 0 ? "undefined" : sc.oldValue === null ? "null" : typeof sc.oldValue === "object" ? JSON.stringify(sc.oldValue, null, 2) : String(sc.oldValue);
-          } catch {
-            ov = "?";
-          }
-          try {
-            nv = sc.newValue === void 0 ? "undefined" : sc.newValue === null ? "null" : typeof sc.newValue === "object" ? JSON.stringify(sc.newValue, null, 2) : String(sc.newValue);
-          } catch {
-            nv = "?";
-          }
-          const ovShort = ov.length > 40 ? `${ov.substring(0, 40)}...` : ov;
-          const nvShort = nv.length > 40 ? `${nv.substring(0, 40)}...` : nv;
-          detail = `${ovShort} \u2192 ${nvShort}`;
-        } else if (e.type === "render") {
-          detail = `${e.duration.toFixed(1)}ms`;
+      return result;
+    }
+    const cArr = [];
+    for (const [name, entry] of hook.components) {
+      const el = entry.element;
+      cArr.push({
+        n: name,
+        tg: el?.tagName ? el.tagName.toLowerCase() : "?",
+        ch: el?.childElementCount || 0,
+        cn: !!el?.isConnected,
+        kids: el ? walkElement(el, 0) : []
+      });
+    }
+    const eArr = [];
+    const start = eventLog.length > 500 ? eventLog.length - 500 : 0;
+    for (let i = start; i < eventLog.length; i++) {
+      const e = eventLog[i];
+      let detail = "";
+      let ov = "";
+      let nv = "";
+      let key = "";
+      if (e.type === "state-change") {
+        const sc = e;
+        key = sc.key || "";
+        try {
+          ov = sc.oldValue === void 0 ? "undefined" : sc.oldValue === null ? "null" : typeof sc.oldValue === "object" ? JSON.stringify(sc.oldValue, null, 2) : String(sc.oldValue);
+        } catch {
+          ov = "?";
         }
-        eArr.push({ t: e.type, c: e.component, ts: e.timestamp, d: detail, ov, nv, k: key });
+        try {
+          nv = sc.newValue === void 0 ? "undefined" : sc.newValue === null ? "null" : typeof sc.newValue === "object" ? JSON.stringify(sc.newValue, null, 2) : String(sc.newValue);
+        } catch {
+          nv = "?";
+        }
+        const ovShort = ov.length > 40 ? `${ov.substring(0, 40)}...` : ov;
+        const nvShort = nv.length > 40 ? `${nv.substring(0, 40)}...` : nv;
+        detail = `${ovShort} \u2192 ${nvShort}`;
+      } else if (e.type === "render") {
+        detail = `${e.duration.toFixed(1)}ms`;
       }
-      return JSON.stringify({ s: sArr, c: cArr, e: eArr });
-    };
+      eArr.push({ t: e.type, c: e.component, ts: e.timestamp, d: detail, ov, nv, k: key });
+    }
+    return JSON.stringify({ s: sArr, c: cArr, e: eArr });
+  }
+  if (expose && typeof window !== "undefined") {
+    const ns = getSibuNamespace();
+    ns.devtools = api;
+    ns.data = buildData;
+    ns.changeVersion = () => changeVersion;
+    const w = window;
+    w.__SIBU_DEVTOOLS__ = api;
+    w.__SIBU_DEVTOOLS_VERSION__ = () => changeVersion;
+    w.__SIBU_DEVTOOLS_DATA__ = buildData;
   }
   activeDevTools = api;
   if (typeof document !== "undefined") {
-    const observer = new MutationObserver((mutations) => {
+    domObserver = new MutationObserver((mutations) => {
+      let changed = false;
       for (const m of mutations) {
         for (const node of m.addedNodes) {
           if (node instanceof HTMLElement) {
@@ -509,6 +581,7 @@ function initDevTools(config) {
             if (name && !hook.components.has(name)) {
               hook.components.set(name, { element: node });
               pushEvent(eventLog, maxEvents, { type: "mount", component: name, element: node, timestamp: Date.now() });
+              changed = true;
             }
           }
         }
@@ -518,11 +591,14 @@ function initDevTools(config) {
             if (name && hook.components.has(name)) {
               pushEvent(eventLog, maxEvents, { type: "unmount", component: name, timestamp: Date.now() });
               hook.components.delete(name);
+              changed = true;
             }
           }
         }
       }
+      if (changed) emit();
     });
+    const observer = domObserver;
     queueMicrotask(() => {
       if (!document.body) return;
       observer.observe(document.body, { childList: true, subtree: true });
@@ -564,11 +640,13 @@ function initDevTools(config) {
           }
         });
       }
+      emit();
     });
   }
   return api;
 }
 function inferName() {
+  if (!inferNameArmed || !isDev()) return "anonymous";
   try {
     const stack = new Error().stack || "";
     for (const line of stack.split("\n")) {
@@ -625,6 +703,7 @@ function createNoopApi() {
     setEnabled: noop,
     snapshot: () => ({}),
     highlightElement: noop,
+    getElementHTML: ((_n) => null),
     destroy: noop
   };
 }
@@ -657,16 +736,37 @@ function devState(name, initial) {
 }
 
 // src/devtools/hmr.ts
+var HMR_STORE_MAX_SIZE = 200;
 var hmrStateStore = /* @__PURE__ */ new Map();
+var hmrStoreOverflowWarned = false;
+function hmrStoreSet(id, value) {
+  if (hmrStateStore.has(id)) hmrStateStore.delete(id);
+  hmrStateStore.set(id, value);
+  if (hmrStateStore.size > HMR_STORE_MAX_SIZE) {
+    const oldestKey = hmrStateStore.keys().next().value;
+    if (oldestKey !== void 0) hmrStateStore.delete(oldestKey);
+    if (!hmrStoreOverflowWarned) {
+      hmrStoreOverflowWarned = true;
+      console.warn(
+        `[sibujs/hmr] HMR state store exceeded ${HMR_STORE_MAX_SIZE} entries \u2014 oldest entries are being evicted. Call clearHMRModule(id) from your module's accept/dispose handlers to avoid this.`
+      );
+    }
+  }
+}
+function clearHMRModule(id) {
+  hmrStateStore.delete(id);
+  hmrRegistry.delete(id);
+  hmrRegistry.delete(`boundary:${id}`);
+}
 var hmrRegistry = /* @__PURE__ */ new Map();
 function hmrState(id, initial) {
   const restored = hmrStateStore.has(id) ? hmrStateStore.get(id) : initial;
   const [get, set] = signal(restored);
   function hmrSet(next) {
     set(next);
-    hmrStateStore.set(id, get());
+    hmrStoreSet(id, get());
   }
-  hmrStateStore.set(id, restored);
+  hmrStoreSet(id, restored);
   return [get, hmrSet];
 }
 function registerHMR(id, component, container) {
@@ -692,13 +792,15 @@ function registerHMR(id, component, container) {
     }
     reg.disposeCallbacks.length = 0;
     const newElement = newComponent();
-    if (reg.currentElement?.parentNode) {
-      reg.currentElement.parentNode.replaceChild(newElement, reg.currentElement);
+    const oldElement = reg.currentElement;
+    if (oldElement?.parentNode) {
+      oldElement.parentNode.replaceChild(newElement, oldElement);
     }
+    if (oldElement) dispose(oldElement);
     reg.component = newComponent;
     reg.currentElement = newElement;
   }
-  function dispose() {
+  function dispose2() {
     const reg = hmrRegistry.get(id);
     if (!reg) return;
     for (const cb of reg.disposeCallbacks) {
@@ -707,12 +809,14 @@ function registerHMR(id, component, container) {
       } catch {
       }
     }
-    if (reg.currentElement?.parentNode) {
-      reg.currentElement.parentNode.removeChild(reg.currentElement);
+    if (reg.currentElement) {
+      const el = reg.currentElement;
+      if (el.parentNode) el.parentNode.removeChild(el);
+      dispose(el);
     }
     hmrRegistry.delete(id);
   }
-  return { update, dispose };
+  return { update, dispose: dispose2 };
 }
 function createHMRBoundary(id) {
   let currentElement = null;
@@ -749,10 +853,15 @@ function createHMRBoundary(id) {
             }
           }
           disposeCallbacks.length = 0;
-          if (currentComponent && currentElement?.parentNode) {
-            const newElement = currentComponent();
-            currentElement.parentNode.replaceChild(newElement, currentElement);
-            currentElement = newElement;
+          if (currentComponent && currentElement) {
+            const oldEl = currentElement;
+            const parent = oldEl.parentNode;
+            if (parent) {
+              const newElement = currentComponent();
+              parent.replaceChild(newElement, oldEl);
+              dispose(oldEl);
+              currentElement = newElement;
+            }
           }
           for (const cb of acceptCallbacks) {
             try {
@@ -772,6 +881,19 @@ function createHMRBoundary(id) {
 function clearHMRState() {
   hmrStateStore.clear();
   hmrRegistry.clear();
+  hmrStoreOverflowWarned = false;
+}
+function exposeHMR() {
+  const g = globalThis;
+  if (!g.__SIBU__) g.__SIBU__ = { version: "1.0.0" };
+  g.__SIBU__.hmr = {
+    hmrState,
+    registerHMR,
+    createHMRBoundary,
+    clearHMRState,
+    clearHMRModule,
+    isHMRAvailable
+  };
 }
 function isHMRAvailable() {
   const g = globalThis;
@@ -912,13 +1034,13 @@ function debugValue(value, formatter) {
   const format = formatter ?? ((v) => String(v));
   const entry = { value: void 0, label: "" };
   debugValues.push(entry);
-  const dispose = effect(() => {
+  const dispose2 = effect(() => {
     const resolved = value();
     entry.value = resolved;
     entry.label = format(resolved);
   });
   return () => {
-    dispose();
+    dispose2();
     const idx = debugValues.indexOf(entry);
     if (idx !== -1) debugValues.splice(idx, 1);
   };
@@ -998,11 +1120,11 @@ function createDevtoolsOverlay(options) {
   const getPanels = () => {
     return [...panels];
   };
-  const dispose = () => {
+  const dispose2 = () => {
     panels.length = 0;
     setEnabled(false);
   };
-  return { isEnabled, toggle, addPanel, removePanel, getPanels, dispose };
+  return { isEnabled, toggle, addPanel, removePanel, getPanels, dispose: dispose2 };
 }
 
 // src/devtools/introspect.ts
@@ -1030,25 +1152,24 @@ function inspectSignal(getter) {
     subscriberCount: subs ? subs.size : 0
   };
 }
-function walkDependencyGraph(getter, maxDepth = 10) {
+function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ new WeakSet()) {
   const signal2 = getter.__signal;
-  if (!signal2 || maxDepth <= 0) {
+  if (!signal2 || maxDepth <= 0 || visited.has(signal2)) {
     return { name: getSignalName(getter), subscribers: 0, downstream: [] };
   }
+  visited.add(signal2);
   const subs = signal2[SUBS];
   const downstream = [];
   if (subs) {
     for (const sub of subs) {
       const subSig = sub._sig;
-      if (subSig) {
+      if (subSig && !visited.has(subSig)) {
         const subName = subSig.__name;
-        const subSubs = subSig[SUBS];
-        downstream.push({
-          name: subName,
-          subscribers: subSubs ? subSubs.size : 0,
-          downstream: []
-          // Could recurse but we keep it simple
-        });
+        const fakeGetter = (() => void 0);
+        const tag = fakeGetter;
+        tag.__signal = subSig;
+        if (subName !== void 0) tag.__name = subName;
+        downstream.push(walkDependencyGraph(fakeGetter, maxDepth - 1, visited));
       }
     }
   }
@@ -1074,10 +1195,12 @@ export {
   getActiveDevTools,
   initDevTools,
   devState,
+  clearHMRModule,
   hmrState,
   registerHMR,
   createHMRBoundary,
   clearHMRState,
+  exposeHMR,
   isHMRAvailable,
   SibuError,
   createErrorReporter,