react-state-basis 0.5.1 → 0.6.1

package/dist/index.mjs

@@ -1,6 +1,19 @@
 import {
   basis
 } from "./chunk-I5ZFRXQP.mjs";
+import {
+  WINDOW_SIZE,
+  beginEffectTracking,
+  configureBasis,
+  endEffectTracking,
+  getBasisMetrics,
+  history,
+  printBasisHealthReport,
+  recordUpdate,
+  redundantLabels,
+  registerVariable,
+  unregisterVariable
+} from "./chunk-O2ZOR3L2.mjs";
 
 // src/hooks.ts
 import * as React from "react";
@@ -18,463 +31,6 @@ import {
   useTransition as reactUseTransition,
   useDeferredValue as reactUseDeferredValue
 } from "react";
-
-// src/core/math.ts
-var calculateSimilarityCircular = (bufferA, headA, bufferB, headB, offset) => {
-  const L = bufferA.length;
-  let dot = 0, magA = 0, magB = 0;
-  const baseOffset = ((headB - headA + offset) % L + L) % L;
-  for (let i = 0; i < L; i++) {
-    const valA = bufferA[i];
-    let iB = i + baseOffset;
-    if (iB >= L) {
-      iB -= L;
-    }
-    const valB = bufferB[iB];
-    dot += valA * valB;
-    magA += valA * valA;
-    magB += valB * valB;
-  }
-  if (magA === 0 || magB === 0) return 0;
-  return dot / (Math.sqrt(magA) * Math.sqrt(magB));
-};
-var calculateCosineSimilarity = (A, B) => {
-  let dot = 0, magA = 0, magB = 0;
-  for (let i = 0; i < A.length; i++) {
-    dot += A[i] * B[i];
-    magA += A[i] * A[i];
-    magB += B[i] * B[i];
-  }
-  return magA === 0 || magB === 0 ? 0 : dot / (Math.sqrt(magA) * Math.sqrt(magB));
-};
-
-// src/core/logger.ts
-var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined";
-var LAST_LOG_TIMES = /* @__PURE__ */ new Map();
-var LOG_COOLDOWN = 3e3;
-var STYLES = {
-  basis: "background: #6c5ce7; color: white; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
-  version: "background: #a29bfe; color: #2d3436; padding: 2px 6px; border-radius: 3px; margin-left: -4px;",
-  headerRed: "background: #d63031; color: white; font-weight: bold; padding: 4px 8px; border-radius: 4px;",
-  headerBlue: "background: #0984e3; color: white; font-weight: bold; padding: 4px 8px; border-radius: 4px;",
-  headerGreen: "background: #00b894; color: white; font-weight: bold; padding: 4px 8px; border-radius: 4px;",
-  label: "background: #dfe6e9; color: #2d3436; padding: 0 4px; border-radius: 3px; font-family: monospace; font-weight: bold; border: 1px solid #b2bec3;",
-  location: "color: #0984e3; font-family: monospace; font-weight: bold;",
-  subText: "color: #636e72; font-size: 11px;",
-  bold: "font-weight: bold;",
-  action: "color: #00b894; font-weight: bold; border: 1px solid #00b894; padding: 0 4px; border-radius: 3px;",
-  warning: "color: #d63031; font-weight: bold; border: 1px solid #d63031; padding: 0 4px; border-radius: 3px;"
-};
-var parseLabel = (label) => {
-  const parts = label.split(" -> ");
-  return { file: parts[0] || "Unknown", name: parts[1] || label };
-};
-var shouldLog = (key) => {
-  const now = Date.now();
-  const last = LAST_LOG_TIMES.get(key) || 0;
-  if (now - last > LOG_COOLDOWN) {
-    LAST_LOG_TIMES.set(key, now);
-    return true;
-  }
-  return false;
-};
-var displayRedundancyAlert = (labelA, metaA, labelB, metaB, sim) => {
-  if (!isWeb || !shouldLog(`redundant-${labelA}-${labelB}`)) return;
-  const infoA = parseLabel(labelA);
-  const infoB = parseLabel(labelB);
-  const isContextMirror = metaA.role === "local" && metaB.role === "context" || metaB.role === "local" && metaA.role === "context";
-  const local = metaA.role === "local" ? infoA : infoB;
-  const context = metaA.role === "context" ? infoA : infoB;
-  console.group(`%c \u264A BASIS | ${isContextMirror ? "CONTEXT MIRRORING" : "DUPLICATE STATE"} `, STYLES.headerRed);
-  console.log(`%c\u{1F4CD} Location: %c${infoA.file}`, STYLES.bold, STYLES.location);
-  if (isContextMirror) {
-    console.log(
-      `%cIssue:%c Local variable %c${local.name}%c is just a copy of Global Context %c${context.name}%c.
-%cConfidence: ${(sim * 100).toFixed(0)}%`,
-      STYLES.bold,
-      "",
-      STYLES.label,
-      "",
-      STYLES.label,
-      "",
-      STYLES.subText
-    );
-    console.log(`%cFix:%c Use the context value directly to avoid state drift.`, STYLES.bold, STYLES.warning);
-  } else {
-    console.log(
-      `%cIssue:%c %c${infoA.name}%c and %c${infoB.name}%c are synchronized (${(sim * 100).toFixed(0)}% correlation).`,
-      STYLES.bold,
-      "",
-      STYLES.label,
-      "",
-      STYLES.label,
-      ""
-    );
-    console.log(
-      `%cFix:%c Merge states or calculate %c${infoB.name}%c from %c${infoA.name}%c via %cuseMemo%c.`,
-      STYLES.bold,
-      "",
-      STYLES.label,
-      "",
-      STYLES.label,
-      "",
-      STYLES.action,
-      ""
-    );
-  }
-  console.groupEnd();
-};
-var displayHealthReport = (history2, threshold) => {
-  if (!isWeb) return;
-  const entries = Array.from(history2.entries());
-  const totalVars = entries.length;
-  if (totalVars === 0) return;
-  const clusters = [];
-  const processed = /* @__PURE__ */ new Set();
-  let independentCount = 0;
-  entries.forEach(([labelA, metaA]) => {
-    if (processed.has(labelA)) return;
-    const currentCluster = [labelA];
-    processed.add(labelA);
-    entries.forEach(([labelB, metaB]) => {
-      if (labelA === labelB || processed.has(labelB)) return;
-      const sim = calculateCosineSimilarity(metaA.buffer, metaB.buffer);
-      if (sim > threshold) {
-        if (metaA.role === "context" && metaB.role === "context") return;
-        currentCluster.push(labelB);
-        processed.add(labelB);
-      }
-    });
-    if (currentCluster.length > 1) clusters.push(currentCluster);
-    else independentCount++;
-  });
-  const systemRank = independentCount + clusters.length;
-  const healthScore = systemRank / totalVars * 100;
-  console.group(`%c \u{1F4CA} BASIS | ARCHITECTURAL HEALTH REPORT `, STYLES.headerGreen);
-  console.log(
-    `%cEfficiency: %c${healthScore.toFixed(1)}% %c(${systemRank}/${totalVars} Sources of Truth)`,
-    STYLES.bold,
-    `color: ${healthScore > 85 ? "#00b894" : "#d63031"}; font-weight: bold;`,
-    STYLES.subText
-  );
-  if (clusters.length > 0) {
-    console.log(`%cDetected ${clusters.length} Sync Issues:`, "font-weight: bold; color: #e17055; margin-top: 10px;");
-    clusters.forEach((cluster, idx) => {
-      const clusterMetas = cluster.map((l) => ({ label: l, meta: history2.get(l), info: parseLabel(l) }));
-      const contexts = clusterMetas.filter((c) => c.meta.role === "context");
-      const locals = clusterMetas.filter((c) => c.meta.role === "local");
-      const names = clusterMetas.map((c) => `${c.meta.role === "context" ? "\u03A9 " : ""}${c.info.name}`).join(" \u27F7 ");
-      console.group(` %c${idx + 1}%c ${names}`, "background: #e17055; color: white; border-radius: 50%; padding: 0 5px;", "font-family: monospace; font-weight: bold;");
-      if (contexts.length > 0) {
-        const ctxNames = contexts.map((c) => c.info.name).join(", ");
-        console.log(`%cDiagnosis:%c Context Mirroring. Variables are copying from %c${ctxNames}%c.`, STYLES.bold, "", STYLES.label, "");
-        console.log(`%cSolution:%c Use the context directly to avoid state drift.`, STYLES.bold, STYLES.action);
-      } else {
-        const isExplosion = locals.length > 2;
-        if (isExplosion) {
-          console.log(`%cDiagnosis:%c Boolean Explosion. Multiple states updating in sync.`, STYLES.bold, "");
-          console.log(`%cSolution:%c Combine into a single %cstatus%c string or a %creducer%c.`, STYLES.bold, "", STYLES.label, "", STYLES.label, "");
-        } else {
-          console.log(`%cDiagnosis:%c Redundant State. Variables always change together.`, STYLES.bold, "");
-          console.log(`%cSolution:%c Derive one from the other via %cuseMemo%c.`, STYLES.bold, "", STYLES.label, "");
-        }
-      }
-      console.groupEnd();
-    });
-  } else {
-    console.log("%c\u2728 Your architecture is clean. No redundant state detected.", "color: #00b894; font-weight: bold;");
-  }
-  console.groupEnd();
-};
-var displayCausalHint = (targetLabel, targetMeta, sourceLabel, sourceMeta) => {
-  if (!isWeb || !shouldLog(`causal-${sourceLabel}-${targetLabel}`)) return;
-  const target = parseLabel(targetLabel);
-  const source = parseLabel(sourceLabel);
-  const isContextTrigger = sourceMeta.role === "context";
-  console.groupCollapsed(`%c \u26A1 BASIS | ${isContextTrigger ? "CONTEXT SYNC LEAK" : "DOUBLE RENDER"} `, STYLES.headerBlue);
-  console.log(`%c\u{1F4CD} Location: %c${target.file}`, STYLES.bold, STYLES.location);
-  if (isContextTrigger) {
-    console.log(`%cIssue:%c Context %c${source.name}%c updated, then local %c${target.name}%c followed 1 frame later.`, STYLES.bold, "", STYLES.label, "", STYLES.label, "");
-    console.log(`%cImpact: This forces React to render the component twice for every change.`, STYLES.subText);
-  } else {
-    console.log(`%cIssue:%c %c${source.name}%c triggers %c${target.name}%c in a separate frame.`, STYLES.bold, "", STYLES.label, "", STYLES.label, "");
-  }
-  console.log(`%cFix:%c Derive %c${target.name}%c during the first render.`, STYLES.bold, STYLES.action, STYLES.label, "");
-  console.groupEnd();
-};
-var displayViolentBreaker = (label, count, threshold) => {
-  if (!isWeb) return;
-  const parts = label.split(" -> ");
-  console.group(`%c \u{1F6D1} BASIS CRITICAL | CIRCUIT BREAKER `, "background: #dc2626; color: white; font-weight: bold; padding: 8px 16px;");
-  console.error(`INFINITE LOOP DETECTED
-Variable: ${parts[1] || label}
-Frequency: ${count} updates/sec`);
-  console.log(`%cACTION: Update BLOCKED to prevent browser freeze.`, "color: #dc2626; font-weight: bold;");
-  console.groupEnd();
-};
-var displayBootLog = (windowSize) => {
-  if (!isWeb) return;
-  console.log(`%cBasis%cAuditor%c | v0.5.x Architectural Forensics Active (Window: ${windowSize})`, STYLES.basis, STYLES.version, "color: #636e72; font-style: italic; margin-left: 8px;");
-};
-
-// src/core/constants.ts
-var WINDOW_SIZE = 50;
-var SIMILARITY_THRESHOLD = 0.88;
-var LOOP_THRESHOLD = 150;
-var VOLATILITY_THRESHOLD = 25;
-
-// src/core/analysis.ts
-var calculateAllSimilarities = (entryA, entryB) => {
-  const sync = calculateSimilarityCircular(entryA.meta.buffer, entryA.meta.head, entryB.meta.buffer, entryB.meta.head, 0);
-  const bA = calculateSimilarityCircular(entryA.meta.buffer, entryA.meta.head, entryB.meta.buffer, entryB.meta.head, 1);
-  const aB = calculateSimilarityCircular(entryA.meta.buffer, entryA.meta.head, entryB.meta.buffer, entryB.meta.head, -1);
-  return { sync, bA, aB, max: Math.max(sync, bA, aB) };
-};
-var shouldSkipComparison = (entryA, entryB, dirtyLabels2) => {
-  if (entryA.label === entryB.label) return true;
-  if (dirtyLabels2.has(entryB.label) && entryA.label > entryB.label) return true;
-  return false;
-};
-var detectRedundancy = (entryA, entryB, similarities, redundantSet) => {
-  const roleA = entryA.meta.role;
-  const roleB = entryB.meta.role;
-  if (roleA === "context" /* CONTEXT */ && roleB === "context" /* CONTEXT */) return;
-  if (entryA.meta.density < 2 || entryB.meta.density < 2) return;
-  if (roleA === "local" /* LOCAL */ && roleB === "context" /* CONTEXT */) {
-    redundantSet.add(entryA.label);
-    displayRedundancyAlert(entryA.label, entryA.meta, entryB.label, entryB.meta, similarities.max);
-  } else if (roleA === "context" /* CONTEXT */ && roleB === "local" /* LOCAL */) {
-    redundantSet.add(entryB.label);
-    displayRedundancyAlert(entryB.label, entryB.meta, entryA.label, entryA.meta, similarities.max);
-  } else if (roleA === "local" /* LOCAL */ && roleB === "local" /* LOCAL */) {
-    redundantSet.add(entryA.label);
-    redundantSet.add(entryB.label);
-    displayRedundancyAlert(entryA.label, entryA.meta, entryB.label, entryB.meta, similarities.max);
-  }
-};
-var detectCausalLeak = (entryA, entryB, similarities) => {
-  if (entryA.isVolatile || entryB.isVolatile) return;
-  if (similarities.bA === similarities.max) {
-    displayCausalHint(entryB.label, entryB.meta, entryA.label, entryA.meta);
-  } else if (similarities.aB === similarities.max) {
-    displayCausalHint(entryA.label, entryA.meta, entryB.label, entryB.meta);
-  }
-};
-var detectSubspaceOverlap = (dirtyEntries, allEntries, redundantSet, dirtyLabels2) => {
-  let compCount = 0;
-  for (const entryA of dirtyEntries) {
-    for (const entryB of allEntries) {
-      if (shouldSkipComparison(entryA, entryB, dirtyLabels2)) continue;
-      compCount++;
-      const similarities = calculateAllSimilarities(entryA, entryB);
-      if (similarities.max > SIMILARITY_THRESHOLD) {
-        detectRedundancy(entryA, entryB, similarities, redundantSet);
-        detectCausalLeak(entryA, entryB, similarities);
-      }
-    }
-  }
-  return compCount;
-};
-
-// src/engine.ts
-var BASIS_INSTANCE_KEY = /* @__PURE__ */ Symbol.for("__basis_engine_instance__");
-var NULL_SIGNAL = {
-  role: "proj" /* PROJECTION */,
-  buffer: new Uint8Array(0),
-  head: 0,
-  density: 0,
-  options: {}
-};
-var getGlobalInstance = () => {
-  const root = globalThis;
-  if (!root[BASIS_INSTANCE_KEY]) {
-    root[BASIS_INSTANCE_KEY] = {
-      config: { debug: false },
-      history: /* @__PURE__ */ new Map(),
-      currentTickBatch: /* @__PURE__ */ new Set(),
-      redundantLabels: /* @__PURE__ */ new Set(),
-      booted: false,
-      tick: 0,
-      isBatching: false,
-      currentEffectSource: null,
-      pausedVariables: /* @__PURE__ */ new Set(),
-      metrics: {
-        lastAnalysisTimeMs: 0,
-        comparisonCount: 0,
-        lastAnalysisTimestamp: 0,
-        systemEntropy: 0
-      },
-      alertCount: 0,
-      loopCounters: /* @__PURE__ */ new Map(),
-      lastCleanup: Date.now()
-    };
-  }
-  return root[BASIS_INSTANCE_KEY];
-};
-var instance = getGlobalInstance();
-var config = instance.config;
-var history = instance.history;
-var redundantLabels = instance.redundantLabels;
-var currentTickBatch = instance.currentTickBatch;
-var currentTickRegistry = {};
-var dirtyLabels = /* @__PURE__ */ new Set();
-var calculateTickEntropy = (tickIdx) => {
-  let activeCount = 0;
-  const total = instance.history.size;
-  if (total === 0) return 1;
-  instance.history.forEach((meta) => {
-    if (meta.buffer[tickIdx] === 1) activeCount++;
-  });
-  return 1 - activeCount / total;
-};
-var analyzeBasis = () => {
-  if (!instance.config.debug || dirtyLabels.size === 0) {
-    return;
-  }
-  const scheduler = globalThis.requestIdleCallback || ((cb) => setTimeout(cb, 1));
-  const snapshot = new Set(dirtyLabels);
-  dirtyLabels.clear();
-  scheduler(() => {
-    const analysisStart = performance.now();
-    const allEntries = [];
-    const dirtyEntries = [];
-    instance.history.forEach((meta, label) => {
-      if (meta.options.suppressAll || meta.density === 0) return;
-      const entry = {
-        label,
-        meta,
-        isVolatile: meta.density > VOLATILITY_THRESHOLD
-      };
-      allEntries.push(entry);
-      if (snapshot.has(label)) {
-        dirtyEntries.push(entry);
-      }
-    });
-    if (dirtyEntries.length === 0 || allEntries.length < 2) return;
-    const nextRedundant = /* @__PURE__ */ new Set();
-    instance.redundantLabels.forEach((l) => {
-      if (!snapshot.has(l)) {
-        nextRedundant.add(l);
-      }
-    });
-    const compCount = detectSubspaceOverlap(
-      dirtyEntries,
-      allEntries,
-      nextRedundant,
-      snapshot
-    );
-    instance.redundantLabels.clear();
-    nextRedundant.forEach((l) => {
-      instance.redundantLabels.add(l);
-    });
-    instance.metrics.lastAnalysisTimeMs = performance.now() - analysisStart;
-    instance.metrics.comparisonCount = compCount;
-    instance.metrics.lastAnalysisTimestamp = Date.now();
-  });
-};
-var processHeartbeat = () => {
-  instance.tick++;
-  instance.history.forEach((meta, label) => {
-    const oldValue = meta.buffer[meta.head];
-    const newValue = instance.currentTickBatch.has(label) ? 1 : 0;
-    meta.buffer[meta.head] = newValue;
-    if (oldValue !== newValue) {
-      meta.density += newValue - oldValue;
-    }
-    meta.head = (meta.head + 1) % WINDOW_SIZE;
-  });
-  const lastHead = instance.history.size > 0 ? instance.tick % WINDOW_SIZE : 0;
-  instance.metrics.systemEntropy = calculateTickEntropy(lastHead);
-  instance.currentTickBatch.clear();
-  currentTickRegistry = {};
-  instance.isBatching = false;
-  if (dirtyLabels.size > 0) {
-    analyzeBasis();
-  }
-};
-var recordUpdate = (label) => {
-  if (!instance.config.debug) return true;
-  if (instance.pausedVariables.has(label)) return false;
-  const now = Date.now();
-  if (now - instance.lastCleanup > 1e3) {
-    instance.loopCounters.clear();
-    instance.lastCleanup = now;
-  }
-  const count = (instance.loopCounters.get(label) || 0) + 1;
-  instance.loopCounters.set(label, count);
-  if (count > LOOP_THRESHOLD) {
-    displayViolentBreaker(label, count, LOOP_THRESHOLD);
-    instance.pausedVariables.add(label);
-    return false;
-  }
-  if (instance.currentEffectSource && instance.currentEffectSource !== label) {
-    const targetMeta = instance.history.get(label);
-    const sourceMeta = instance.history.get(instance.currentEffectSource);
-    if (targetMeta) {
-      const sourceDensity = sourceMeta?.density || 0;
-      const isVolatile = targetMeta.density > VOLATILITY_THRESHOLD || sourceDensity > VOLATILITY_THRESHOLD;
-      if (!isVolatile) {
-        displayCausalHint(label, targetMeta, instance.currentEffectSource, sourceMeta || NULL_SIGNAL);
-      }
-    }
-  }
-  if (currentTickRegistry[label]) return true;
-  currentTickRegistry[label] = true;
-  instance.currentTickBatch.add(label);
-  dirtyLabels.add(label);
-  if (!instance.isBatching) {
-    instance.isBatching = true;
-    requestAnimationFrame(processHeartbeat);
-  }
-  return true;
-};
-var configureBasis = (c) => {
-  Object.assign(instance.config, c);
-  if (instance.config.debug && !instance.booted) {
-    displayBootLog(WINDOW_SIZE);
-    instance.booted = true;
-  }
-};
-var registerVariable = (l, o = {}) => {
-  if (!instance.config.debug || o.suppressAll) return;
-  if (!instance.history.has(l)) {
-    instance.history.set(l, {
-      buffer: new Uint8Array(WINDOW_SIZE),
-      head: 0,
-      density: 0,
-      options: o,
-      role: o.role || "local" /* LOCAL */
-    });
-  }
-};
-var unregisterVariable = (l) => {
-  instance.history.delete(l);
-  instance.loopCounters.delete(l);
-  instance.pausedVariables.delete(l);
-  instance.redundantLabels.delete(l);
-};
-var beginEffectTracking = (l) => {
-  if (instance.config.debug) instance.currentEffectSource = l;
-};
-var endEffectTracking = () => {
-  instance.currentEffectSource = null;
-};
-var printBasisHealthReport = (threshold = 0.5) => {
-  if (!instance.config.debug) return;
-  displayHealthReport(instance.history, threshold);
-};
-var getBasisMetrics = () => ({
-  engine: "v0.5.x",
-  hooks: instance.history.size,
-  analysis_ms: instance.metrics.lastAnalysisTimeMs.toFixed(3),
-  entropy: instance.metrics.systemEntropy.toFixed(3)
-});
-if (typeof window !== "undefined") {
-  window.printBasisReport = printBasisHealthReport;
-  window.getBasisMetrics = getBasisMetrics;
-}
-
-// src/hooks.ts
 var anonCount = 0;
 var getFallbackLabel = (type) => `anon_${type}_${anonCount++}`;
 var React19 = React;
@@ -678,7 +234,14 @@ var BasisHUD = () => {
       if (!canvas) return;
       const ctx = canvas.getContext("2d");
       if (!ctx) return;
-      const entries = Array.from(history.entries());
+      const entries = Array.from(history.entries()).sort((a, b) => {
+        const roleOrder = (role) => {
+          if (role === "context") return 0;
+          if (role === "store") return 1;
+          return 2;
+        };
+        return roleOrder(a[1].role) - roleOrder(b[1].role);
+      });
       const dpr = window.devicePixelRatio || 1;
       const rawWidth = HUD_DIMENSIONS.WINDOW_SIZE * HUD_DIMENSIONS.COL_WIDTH + HUD_DIMENSIONS.LABEL_WIDTH + HUD_DIMENSIONS.PADDING * 2;
       const rawHeight = Math.max(entries.length * HUD_DIMENSIONS.ROW_HEIGHT + HUD_DIMENSIONS.PADDING * 2, 80);
@@ -734,7 +297,7 @@ function renderMatrix(ctx, entries) {
   let rowIndex = 0;
   for (const [label, meta] of entries) {
     const y = rowIndex * rowH + pad;
-    const isContext = meta.role === "context";
+    const isContext = meta.role === "context" || meta.role === "store";
     const isRedundant = !isContext && redundantLabels.has(label);
     const { buffer, head } = meta;
     let uiPos = 0;
@@ -753,7 +316,8 @@ function renderMatrix(ctx, entries) {
     const stateName = label.split(" -> ")[1] || label;
     const textX = L * colW + pad + 10;
     ctx.fillStyle = isContext ? HUD_THEME.header : isRedundant ? HUD_THEME.error : HUD_THEME.text;
-    ctx.fillText((isContext ? "\u03A9 " : isRedundant ? "! " : "") + stateName, textX, y + 9);
+    const prefix = meta.role === "store" ? "\u03A3 " : isContext ? "\u03A9 " : isRedundant ? "! " : "";
+    ctx.fillText(prefix + stateName, textX, y + 9);
     rowIndex++;
   }
   ctx.fillStyle = HUD_THEME.grid;
@@ -782,7 +346,7 @@ var HUDHeader = ({ isExpanded }) => /* @__PURE__ */ jsxs(
     },
     children: [
       /* @__PURE__ */ jsx("span", { children: isExpanded ? "STATE BASIS MATRIX" : "\u{1F4D0} BASIS ACTIVE" }),
-      isExpanded && /* @__PURE__ */ jsx("span", { style: { opacity: 0.8, fontSize: "9px" }, children: "v0.5.x" })
+      isExpanded && /* @__PURE__ */ jsx("span", { style: { opacity: 0.8, fontSize: "9px" }, children: "v0.6.x" })
     ]
   }
 );
@@ -790,7 +354,7 @@ var HUDHeader = ({ isExpanded }) => /* @__PURE__ */ jsxs(
 // src/context.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var BasisContext = createContext2({ debug: false });
-var isWeb2 = typeof window !== "undefined" && typeof window.document !== "undefined";
+var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined";
 var BasisProvider = ({
   children,
   debug = true,
@@ -798,13 +362,13 @@ var BasisProvider = ({
 }) => {
   useLayoutEffect2(() => {
     configureBasis({ debug });
-    if (isWeb2) {
+    if (isWeb) {
       window._basis_debug = debug;
     }
   }, [debug]);
   return /* @__PURE__ */ jsxs2(BasisContext.Provider, { value: { debug }, children: [
     children,
-    debug && showHUD && isWeb2 && /* @__PURE__ */ jsx2(BasisHUD, {})
+    debug && showHUD && isWeb && /* @__PURE__ */ jsx2(BasisHUD, {})
   ] });
 };
 var useBasisConfig = () => useContext2(BasisContext);