@logixjs/react 0.1.1 → 1.0.0

package/dist/ReactPlatform.cjs

@@ -45,7 +45,7 @@ var RuntimeContext = (0, import_react.createContext)(null);
 
 // src/internal/provider/config.ts
 var import_effect = require("effect");
-var ReactRuntimeConfigTag = class extends import_effect.Context.Tag("@logixjs/react/RuntimeConfig")() {
+var ReactRuntimeConfigTag = class extends import_effect.ServiceMap.Service()("@logixjs/react/RuntimeConfig") {
 };
 var DEFAULT_CONFIG = {
   gcTime: 500,
@@ -155,13 +155,13 @@ var ReactRuntimeConfigSnapshot = {
   })
 };
 
+// src/internal/provider/env.ts
+var import_Env = require("@logixjs/core/Env");
+
 // src/internal/provider/fallback.tsx
 var import_react2 = require("react");
 var Logix = __toESM(require("@logixjs/core"), 1);
 
-// src/internal/provider/env.ts
-var import_Env = require("@logixjs/core/Env");
-
 // src/internal/provider/docs.ts
 var LOGIX_DOCS_PREFIX_ENV = "LOGIX_DOCS_PREFIX";
 var stripTrailingSlashes = (value) => value.replace(/\/+$/, "");
@@ -422,14 +422,11 @@ var useLayerBinding = (runtime, layer, enabled, onError) => {
     const newScope = import_effect2.Effect.runSync(import_effect2.Scope.make());
     const buildEffect = import_effect2.Effect.gen(function* () {
       const context = yield* import_effect2.Layer.buildWithScope(layer, newScope);
-      const applyEnv = (effect) => import_effect2.Effect.mapInputContext(
-        import_effect2.Scope.extend(effect, newScope),
-        (parent) => import_effect2.Context.merge(parent, context)
-      );
-      const loggers = yield* applyEnv(import_effect2.FiberRef.get(import_effect2.FiberRef.currentLoggers));
-      const logLevel = yield* applyEnv(import_effect2.FiberRef.get(import_effect2.FiberRef.currentLogLevel));
+      const applyEnv = (effect) => import_effect2.Scope.provide(newScope)(import_effect2.Effect.provideServices(effect, context));
+      const loggers = yield* applyEnv(import_effect2.Effect.service(import_effect2.Logger.CurrentLoggers)).pipe(import_effect2.Effect.orDie);
+      const logLevel = yield* applyEnv(import_effect2.Effect.service(import_effect2.References.MinimumLogLevel)).pipe(import_effect2.Effect.orDie);
       const debugSinks = yield* applyEnv(
-        import_effect2.FiberRef.get(Logix2.Debug.internal.currentDebugSinks)
+        import_effect2.Effect.service(Logix2.Debug.internal.currentDebugSinks).pipe(import_effect2.Effect.orDie)
       );
       return { context, loggers, logLevel, debugSinks };
     });
@@ -474,7 +471,7 @@ var useLayerBinding = (runtime, layer, enabled, onError) => {
           const cause = import_effect2.Cause.die(error);
           runtime.runFork(
             onError(cause, { source: "provider", phase: "provider.layer.build" }).pipe(
-              import_effect2.Effect.catchAllCause(() => import_effect2.Effect.void)
+              import_effect2.Effect.catchCause(() => import_effect2.Effect.void)
             )
           );
         }
@@ -512,18 +509,11 @@ var createRuntimeAdapter = (runtime, contexts, scopes, loggerSets, logLevels, de
   if (contexts.length === 0 && scopes.length === 0 && loggerSets.length === 0 && logLevels.length === 0 && debugSinks.length === 0) {
     return runtime;
   }
-  const applyContexts = (effect) => (
-    // First inherit Provider scopes via scope.extend (preserving FiberRef/Logger changes),
-    // then merge Context via mapInputContext (inner overrides outer).
-    contexts.reduceRight(
-      (acc, ctx) => import_effect2.Effect.mapInputContext(
-        acc,
-        (parent) => import_effect2.Context.merge(parent, ctx)
-      ),
-      scopes.reduceRight(
-        (acc, scope) => import_effect2.Scope.extend(acc, scope),
-        effect
-      )
+  const applyContexts = (effect) => contexts.reduceRight(
+    (acc, ctx) => import_effect2.Effect.provideServices(acc, ctx),
+    scopes.reduceRight(
+      (acc, scope) => import_effect2.Scope.provide(scope)(acc),
+      effect
     )
   );
   const applyLoggers = (effect) => {
@@ -532,16 +522,13 @@ var createRuntimeAdapter = (runtime, contexts, scopes, loggerSets, logLevels, de
     const sinks = debugSinks.length > 0 ? debugSinks[debugSinks.length - 1] : null;
     let result = effect;
     if (last) {
-      result = import_effect2.Effect.locally(import_effect2.FiberRef.currentLoggers, last)(result);
+      result = import_effect2.Effect.provideService(result, import_effect2.Logger.CurrentLoggers, last);
     }
     if (logLevel) {
-      result = import_effect2.Effect.locally(import_effect2.FiberRef.currentLogLevel, logLevel)(result);
+      result = import_effect2.Effect.provideService(result, import_effect2.References.MinimumLogLevel, logLevel);
     }
     if (sinks && sinks.length > 0) {
-      result = import_effect2.Effect.locally(
-        Logix2.Debug.internal.currentDebugSinks,
-        sinks
-      )(result);
+      result = import_effect2.Effect.provideService(result, Logix2.Debug.internal.currentDebugSinks, sinks);
     }
     return result;
   };
@@ -672,9 +659,9 @@ ${message}`;
   console.debug(label, message);
 };
 var causeToUnknown = (cause) => {
-  const failure = import_effect4.Option.getOrUndefined(import_effect4.Cause.failureOption(cause));
+  const failure = import_effect4.Option.getOrUndefined(import_effect4.Cause.findErrorOption(cause));
   if (failure !== void 0) return failure;
-  const defect = import_effect4.Option.getOrUndefined(import_effect4.Cause.dieOption(cause));
+  const defect = cause.reasons.filter(import_effect4.Cause.isDieReason).map((reason) => reason.defect)[0];
   if (defect !== void 0) return defect;
   return cause;
 };
@@ -683,7 +670,7 @@ var yieldEffect = (strategy) => {
     case "none":
       return import_effect4.Effect.void;
     case "microtask":
-      return import_effect4.Effect.yieldNow();
+      return import_effect4.Effect.yieldNow;
     case "macrotask":
       return import_effect4.Effect.promise(
         () => new Promise((resolve) => {
@@ -776,6 +763,67 @@ var ModuleCache = class {
     const scope = import_effect4.Effect.runSync(import_effect4.Scope.make());
     const workloadKey = `${options?.entrypoint ?? "unknown"}::${ownerId ?? "unknown"}`;
     const yieldDecision = decideYieldStrategy(this.runtime, workloadKey, options?.yield);
+    const optimisticSyncBudgetMs = options?.optimisticSyncBudgetMs ?? 0;
+    const shouldTryOptimisticSync = options?.policyMode === "suspend" && optimisticSyncBudgetMs > 0;
+    if (shouldTryOptimisticSync) {
+      const startedAt2 = performance.now();
+      try {
+        const value = this.runtime.runSync(factory(scope));
+        const durationMs = performance.now() - startedAt2;
+        YieldBudgetMemory.record({ runtime: this.runtime, workloadKey, durationMs });
+        const entry2 = {
+          scope,
+          status: "success",
+          promise: Promise.resolve(value),
+          value,
+          refCount: 0,
+          preloadRefCount: 0,
+          gcTime: gcTime ?? this.gcDelayMs,
+          ownerId,
+          createdBy: "read",
+          workloadKey,
+          yieldStrategy: "none"
+        };
+        this.scheduleGC(key, entry2);
+        this.entries.set(key, entry2);
+        if ((0, import_Env.isDevEnv)() || Logix4.Debug.isDevtoolsEnabled()) {
+          void this.runtime.runPromise(
+            Logix4.Debug.record({
+              type: "trace:react.module.init",
+              moduleId: ownerId,
+              instanceId: value.instanceId,
+              data: {
+                mode: "suspend",
+                key,
+                durationMs: Math.round(durationMs * 100) / 100,
+                yieldStrategy: "none",
+                fastPath: "sync"
+              }
+            })
+          ).catch((error) => {
+            debugBestEffortFailure("[ModuleCache] Debug.record failed", error);
+          });
+          void this.runtime.runPromise(
+            Logix4.Debug.record({
+              type: "trace:react.module-instance",
+              moduleId: ownerId,
+              instanceId: value.instanceId,
+              data: {
+                event: "attach",
+                key,
+                mode: "suspend",
+                gcTime: entry2.gcTime,
+                fastPath: "sync"
+              }
+            })
+          ).catch((error) => {
+            debugBestEffortFailure("[ModuleCache] Debug.record failed", error);
+          });
+        }
+        return value;
+      } catch {
+      }
+    }
     const entry = {
       scope,
       status: "pending",
@@ -791,7 +839,7 @@ var ModuleCache = class {
     };
     this.scheduleGC(key, entry);
     const startedAt = performance.now();
-    const buildEffect = yieldEffect(yieldDecision.strategy).pipe(import_effect4.Effect.zipRight(factory(scope)));
+    const buildEffect = yieldEffect(yieldDecision.strategy).pipe(import_effect4.Effect.flatMap(() => factory(scope)));
     const fiber = this.runtime.runFork(buildEffect);
     entry.fiber = fiber;
     const promise = this.runtime.runPromise(import_effect4.Fiber.await(fiber)).then((exit) => {
@@ -987,6 +1035,49 @@ var ModuleCache = class {
       throw error;
     }
   }
+  warmSync(key, factory, gcTime, ownerId, options) {
+    const existing = this.entries.get(key);
+    if (existing) {
+      if ((0, import_Env.isDevEnv)() && existing.ownerId !== void 0 && ownerId !== void 0 && existing.ownerId !== ownerId) {
+        throw new Error(
+          `[ModuleCache.warmSync] resource key "${key}" has already been claimed by module "${existing.ownerId}", but is now requested by module "${ownerId}".`
+        );
+      }
+      if (existing.status === "success") {
+        return existing.value;
+      }
+      return void 0;
+    }
+    const scope = this.runtime.runSync(import_effect4.Scope.make());
+    const startedAt = performance.now();
+    const workloadKey = `${options?.entrypoint ?? "unknown"}::${ownerId ?? "unknown"}`;
+    try {
+      const value = this.runtime.runSync(factory(scope));
+      const durationMs = performance.now() - startedAt;
+      YieldBudgetMemory.record({ runtime: this.runtime, workloadKey, durationMs });
+      const entry = {
+        scope,
+        status: "success",
+        promise: Promise.resolve(value),
+        value,
+        refCount: 0,
+        preloadRefCount: 0,
+        gcTime: gcTime ?? this.gcDelayMs,
+        ownerId,
+        createdBy: "preload",
+        workloadKey,
+        yieldStrategy: "none"
+      };
+      this.scheduleGC(key, entry);
+      this.entries.set(key, entry);
+      return value;
+    } catch (error) {
+      void this.runtime.runPromise(import_effect4.Scope.close(scope, import_effect4.Exit.fail(error))).catch((closeError) => {
+        debugBestEffortFailure("[ModuleCache] Scope.close failed", closeError);
+      });
+      return void 0;
+    }
+  }
   preload(key, factory, options) {
     const existing = this.entries.get(key);
     if (existing) {
@@ -1016,6 +1107,38 @@ var ModuleCache = class {
     const gcTime = options?.gcTime ?? this.gcDelayMs;
     const workloadKey = `${options?.entrypoint ?? "unknown"}::${ownerId ?? "unknown"}`;
     const yieldDecision = decideYieldStrategy(this.runtime, workloadKey, options?.yield);
+    const optimisticSyncBudgetMs = options?.optimisticSyncBudgetMs ?? 0;
+    const shouldTryOptimisticSync = options?.policyMode === "defer" && optimisticSyncBudgetMs > 0;
+    if (shouldTryOptimisticSync) {
+      const startedAt2 = performance.now();
+      try {
+        const value = this.runtime.runSync(factory(scope));
+        const durationMs = performance.now() - startedAt2;
+        YieldBudgetMemory.record({ runtime: this.runtime, workloadKey, durationMs });
+        const entry2 = {
+          scope,
+          status: "success",
+          promise: Promise.resolve(value),
+          value,
+          refCount: 0,
+          preloadRefCount: 1,
+          gcTime,
+          ownerId,
+          createdBy: "preload",
+          workloadKey,
+          yieldStrategy: "none"
+        };
+        this.scheduleGC(key, entry2);
+        this.entries.set(key, entry2);
+        return {
+          promise: Promise.resolve(value),
+          cancel: () => {
+            this.cancelPreload(key, entry2);
+          }
+        };
+      } catch {
+      }
+    }
     const entry = {
       scope,
       status: "pending",
@@ -1031,7 +1154,7 @@ var ModuleCache = class {
     this.scheduleGC(key, entry);
     this.entries.set(key, entry);
     const startedAt = performance.now();
-    const buildEffect = yieldEffect(yieldDecision.strategy).pipe(import_effect4.Effect.zipRight(factory(scope)));
+    const buildEffect = yieldEffect(yieldDecision.strategy).pipe(import_effect4.Effect.flatMap(() => factory(scope)));
     const fiber = this.runtime.runFork(buildEffect);
     entry.fiber = fiber;
     const promise = this.runtime.runPromise(import_effect4.Fiber.await(fiber)).then((exit) => {
@@ -1270,6 +1393,9 @@ var RuntimeProvider = ({
 }) => {
   const parent = (0, import_react4.useContext)(RuntimeContext);
   const baseRuntime = useRuntimeResolution(runtime, parent);
+  const providerStartedAtRef = import_react4.default.useRef(performance.now());
+  const providerReadyAtRef = import_react4.default.useRef(void 0);
+  const didReportProviderGatingRef = import_react4.default.useRef(false);
   const resolvedPolicy = (0, import_react4.useMemo)(
     () => resolveRuntimeProviderPolicy({
       policy,
@@ -1309,7 +1435,7 @@ var RuntimeProvider = ({
             moduleId: event.moduleId,
             instanceId: event.instanceId,
             runtimeLabel: event.runtimeLabel
-          }).pipe(import_effect5.Effect.catchAllCause(() => import_effect5.Effect.void));
+          }).pipe(import_effect5.Effect.catchCause(() => import_effect5.Effect.void));
         }
         if (event.type === "diagnostic" && event.severity === "error") {
           return handler(
@@ -1328,7 +1454,7 @@ var RuntimeProvider = ({
               instanceId: event.instanceId,
               runtimeLabel: event.runtimeLabel
             }
-          ).pipe(import_effect5.Effect.catchAllCause(() => import_effect5.Effect.void));
+          ).pipe(import_effect5.Effect.catchCause(() => import_effect5.Effect.void));
         }
         return import_effect5.Effect.void;
       }
@@ -1343,9 +1469,7 @@ var RuntimeProvider = ({
       return layerBinding.debugSinks;
     }
     try {
-      return baseRuntime.runSync(
-        import_effect5.FiberRef.get(Logix5.Debug.internal.currentDebugSinks)
-      );
+      return baseRuntime.runSync(import_effect5.Effect.service(Logix5.Debug.internal.currentDebugSinks).pipe(import_effect5.Effect.orDie));
     } catch {
       return [];
     }
@@ -1472,6 +1596,41 @@ var RuntimeProvider = ({
   const resolveFallback = (phase) => {
     return resolveRuntimeProviderFallback({ fallback, phase, policyMode: resolvedPolicy.mode });
   };
+  const preloadCache = (0, import_react4.useMemo)(
+    () => getModuleCache(runtimeWithBindings, configState.snapshot, configState.version),
+    [runtimeWithBindings, configState.snapshot, configState.version]
+  );
+  const syncWarmPreloadReady = (0, import_react4.useMemo)(() => {
+    if (resolvedPolicy.mode !== "defer") return false;
+    if (!resolvedPolicy.preload) return true;
+    if (!isLayerReady || !isConfigReady) return false;
+    const handles = resolvedPolicy.preload.handles;
+    if (handles.length === 0) return true;
+    for (const handle of handles) {
+      if (handle?._tag === "ModuleImpl") {
+        const moduleId = handle.module?.id ?? "ModuleImpl";
+        const key2 = resolvedPolicy.preload.keysByModuleId.get(moduleId) ?? getPreloadKeyForModuleId(moduleId);
+        const factory2 = (scope) => import_effect5.Layer.buildWithScope(handle.layer, scope).pipe(
+          import_effect5.Effect.map((context) => import_effect5.ServiceMap.get(context, handle.module))
+        );
+        const value2 = preloadCache.warmSync(key2, factory2, configState.snapshot.gcTime, moduleId, {
+          entrypoint: "react.runtime.preload.sync-warm",
+          policyMode: "defer"
+        });
+        if (!value2) return false;
+        continue;
+      }
+      const tagId = handle.id ?? "ModuleTag";
+      const key = resolvedPolicy.preload.keysByTagId.get(tagId) ?? getPreloadKeyForTagId(tagId);
+      const factory = (scope) => import_effect5.Scope.provide(scope)(import_effect5.Effect.service(handle).pipe(import_effect5.Effect.orDie));
+      const value = preloadCache.warmSync(key, factory, configState.snapshot.gcTime, tagId, {
+        entrypoint: "react.runtime.preload.sync-warm",
+        policyMode: "defer"
+      });
+      if (!value) return false;
+    }
+    return true;
+  }, [resolvedPolicy, isLayerReady, isConfigReady, preloadCache, configState.snapshot.gcTime]);
   const [deferReady, setDeferReady] = (0, import_react4.useState)(false);
   (0, import_react4.useEffect)(() => {
     if (resolvedPolicy.mode !== "defer") {
@@ -1485,6 +1644,10 @@ var RuntimeProvider = ({
     if (resolvedPolicy.mode !== "defer") {
       return;
     }
+    if (syncWarmPreloadReady) {
+      setDeferReady(true);
+      return;
+    }
     setDeferReady(false);
     if (!resolvedPolicy.preload) {
       setDeferReady(true);
@@ -1494,7 +1657,7 @@ var RuntimeProvider = ({
       return;
     }
     let cancelled = false;
-    const cache = getModuleCache(runtimeWithBindings, configState.snapshot, configState.version);
+    const cache = preloadCache;
     const preloadHandles = resolvedPolicy.preload.handles;
     if (preloadHandles.length === 0) {
       setDeferReady(true);
@@ -1512,13 +1675,14 @@ var RuntimeProvider = ({
           const moduleId = handle.module?.id ?? "ModuleImpl";
           const key2 = resolvedPolicy.preload.keysByModuleId.get(moduleId) ?? getPreloadKeyForModuleId(moduleId);
           const factory2 = (scope) => import_effect5.Layer.buildWithScope(handle.layer, scope).pipe(
-            import_effect5.Effect.map((context) => import_effect5.Context.get(context, handle.module))
+            import_effect5.Effect.map((context) => import_effect5.ServiceMap.get(context, handle.module))
           );
           const op2 = cache.preload(key2, factory2, {
             ownerId: moduleId,
             yield: resolvedPolicy.preload.yield,
             entrypoint: "react.runtime.preload",
-            policyMode: "defer"
+            policyMode: "defer",
+            optimisticSyncBudgetMs: resolvedPolicy.syncBudgetMs
           });
           allCancels.add(op2.cancel);
           await op2.promise;
@@ -1543,14 +1707,13 @@ var RuntimeProvider = ({
         }
         const tagId = handle.id ?? "ModuleTag";
         const key = resolvedPolicy.preload.keysByTagId.get(tagId) ?? getPreloadKeyForTagId(tagId);
-        const factory = (scope) => handle.pipe(
-          import_effect5.Scope.extend(scope)
-        );
+        const factory = (scope) => import_effect5.Scope.provide(scope)(import_effect5.Effect.service(handle).pipe(import_effect5.Effect.orDie));
         const op = cache.preload(key, factory, {
           ownerId: tagId,
           yield: resolvedPolicy.preload.yield,
           entrypoint: "react.runtime.preload",
-          policyMode: "defer"
+          policyMode: "defer",
+          optimisticSyncBudgetMs: resolvedPolicy.syncBudgetMs
         });
         allCancels.add(op.cancel);
         await op.promise;
@@ -1588,7 +1751,7 @@ var RuntimeProvider = ({
       if (cancelled) return;
       if (onErrorRef.current) {
         runtimeWithBindings.runFork(
-          onErrorRef.current(import_effect5.Cause.die(error), { source: "provider", phase: "provider.layer.build" }).pipe(import_effect5.Effect.catchAllCause(() => import_effect5.Effect.void))
+          onErrorRef.current(import_effect5.Cause.die(error), { source: "provider", phase: "provider.layer.build" }).pipe(import_effect5.Effect.catchCause(() => import_effect5.Effect.void))
         );
       }
       setDeferReady(true);
@@ -1621,13 +1784,54 @@ var RuntimeProvider = ({
       release();
     };
   }, [resolvedPolicy.mode, deferReady]);
-  const isReady = isTickServicesReady && isLayerReady && isConfigReady && (resolvedPolicy.mode !== "defer" || deferReady);
+  const isReady = isTickServicesReady && isLayerReady && isConfigReady && (resolvedPolicy.mode !== "defer" || deferReady || syncWarmPreloadReady);
+  if (isReady && providerReadyAtRef.current === void 0) {
+    providerReadyAtRef.current = performance.now();
+  }
+  (0, import_react4.useEffect)(() => {
+    if (!isReady) {
+      return;
+    }
+    if (didReportProviderGatingRef.current) {
+      return;
+    }
+    let diagnosticsLevel = "off";
+    try {
+      diagnosticsLevel = runtimeWithBindings.runSync(
+        import_effect5.Effect.service(Logix5.Debug.internal.currentDiagnosticsLevel).pipe(import_effect5.Effect.orDie)
+      );
+    } catch {
+      diagnosticsLevel = (0, import_Env.isDevEnv)() ? "light" : "off";
+    }
+    if (diagnosticsLevel === "off") {
+      return;
+    }
+    didReportProviderGatingRef.current = true;
+    const readyAt = providerReadyAtRef.current ?? performance.now();
+    const durationMs = Math.round((readyAt - providerStartedAtRef.current) * 100) / 100;
+    const effectDelayMs = Math.round((performance.now() - readyAt) * 100) / 100;
+    void runtimeWithBindings.runPromise(
+      Logix5.Debug.record({
+        type: "trace:react.provider.gating",
+        data: {
+          event: "ready",
+          policyMode: resolvedPolicy.mode,
+          durationMs,
+          effectDelayMs,
+          configLoadMode: configState.loadMode,
+          syncOverBudget: Boolean(configState.syncOverBudget),
+          syncDurationMs: configState.syncDurationMs !== void 0 ? Math.round(configState.syncDurationMs * 100) / 100 : void 0
+        }
+      })
+    ).catch(() => {
+    });
+  }, [configState.loadMode, configState.syncDurationMs, configState.syncOverBudget, isReady, resolvedPolicy.mode, runtimeWithBindings]);
   if (!isReady) {
     const blockersList = [
       isTickServicesReady ? null : "tick",
       isLayerReady ? null : "layer",
       isConfigReady ? null : "config",
-      resolvedPolicy.mode !== "defer" || deferReady ? null : "preload"
+      resolvedPolicy.mode !== "defer" || deferReady || syncWarmPreloadReady ? null : "preload"
     ].filter((x) => x !== null);
     const blockers = blockersList.length > 0 ? blockersList.join("+") : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1740,13 +1944,13 @@ function useRuntime(options) {
 
 // src/internal/hooks/useModule.ts
 var import_react9 = __toESM(require("react"), 1);
-var Logix10 = __toESM(require("@logixjs/core"), 1);
-var import_effect9 = require("effect");
+var Logix11 = __toESM(require("@logixjs/core"), 1);
+var import_effect10 = require("effect");
 
 // src/internal/hooks/useModuleRuntime.ts
 var import_react6 = require("react");
-var Logix6 = __toESM(require("@logixjs/core"), 1);
-var import_effect7 = require("effect");
+var Logix7 = __toESM(require("@logixjs/core"), 1);
+var import_effect8 = require("effect");
 
 // src/internal/store/ModuleRef.ts
 var isModuleRef = (value) => typeof value === "object" && value !== null && "runtime" in value && "actions" in value && "dispatch" in value;
@@ -1837,11 +2041,26 @@ var applyHandleExtend = (tag, runtime, base) => {
   return { ...base, ...next };
 };
 
+// src/internal/provider/runtimeDebugBridge.ts
+var import_effect7 = require("effect");
+var Logix6 = __toESM(require("@logixjs/core"), 1);
+var readRuntimeDiagnosticsLevel = (runtime) => {
+  try {
+    return runtime.runSync(import_effect7.Effect.service(Logix6.Debug.internal.currentDiagnosticsLevel).pipe(import_effect7.Effect.orDie));
+  } catch {
+    return (0, import_Env.isDevEnv)() ? "light" : "off";
+  }
+};
+var emitRuntimeDebugEventBestEffort = (runtime, event) => {
+  runtime.runFork(event);
+};
+
 // src/internal/hooks/useModuleRuntime.ts
 var isModuleRuntime = (value) => typeof value === "object" && value !== null && "dispatch" in value && "getState" in value;
 function useModuleRuntime(handle) {
   const runtime = useRuntime();
   const runtimeContext = (0, import_react6.useContext)(RuntimeContext);
+  const moduleTagResolveTraceRef = (0, import_react6.useRef)(void 0);
   if (!runtimeContext) {
     throw new RuntimeProviderNotFoundError("useModuleRuntime");
   }
@@ -1862,36 +2081,48 @@ function useModuleRuntime(handle) {
     const preloadKey = runtimeContext.policy.preload?.keysByTagId.get(tokenId);
     const key = preloadKey ?? `tag:${tokenId}`;
     const mode = runtimeContext.policy.moduleTagMode;
-    const factory = (scope) => tag.pipe(import_effect7.Scope.extend(scope));
-    return mode === "suspend" ? cache.read(key, factory, void 0, tokenId, {
+    const startedAtMs = performance.now();
+    const factory = (scope) => import_effect8.Scope.provide(scope)(import_effect8.Effect.service(tag).pipe(import_effect8.Effect.orDie));
+    const resolvedRuntime = mode === "suspend" ? cache.read(key, factory, void 0, tokenId, {
       entrypoint: "react.useModuleRuntime",
       policyMode: runtimeContext.policy.mode,
-      yield: runtimeContext.policy.yield
+      yield: runtimeContext.policy.yield,
+      optimisticSyncBudgetMs: runtimeContext.policy.syncBudgetMs
     }) : cache.readSync(key, factory, void 0, tokenId, {
       entrypoint: "react.useModuleRuntime",
       policyMode: runtimeContext.policy.mode,
       warnSyncBlockingThresholdMs: 5
     });
+    moduleTagResolveTraceRef.current = {
+      tokenId,
+      durationMs: Math.round((performance.now() - startedAtMs) * 100) / 100,
+      cacheMode: mode
+    };
+    return resolvedRuntime;
   }, [cache, runtimeContext.policy, handle]);
   (0, import_react6.useEffect)(() => {
     if (!isTagHandle) {
       return;
     }
-    if (!(0, import_Env.isDevEnv)() && !Logix6.Debug.isDevtoolsEnabled()) {
+    const diagnosticsLevel = readRuntimeDiagnosticsLevel(runtime);
+    if (diagnosticsLevel === "off") {
       return;
     }
     const tokenId = handle?.id ?? "ModuleTag";
-    const effect = Logix6.Debug.record({
+    const trace = moduleTagResolveTraceRef.current;
+    const effect = Logix7.Debug.record({
       type: "trace:react.moduleTag.resolve",
       moduleId: resolved.moduleId,
       instanceId: resolved.instanceId,
       data: {
         mode: runtimeContext.policy.moduleTagMode,
         tokenId,
-        yieldStrategy: runtimeContext.policy.yield.strategy
+        yieldStrategy: runtimeContext.policy.yield.strategy,
+        durationMs: trace?.durationMs,
+        cacheMode: trace?.cacheMode ?? runtimeContext.policy.moduleTagMode
       }
     });
-    runtime.runFork(effect);
+    emitRuntimeDebugEventBestEffort(runtime, effect);
   }, [runtime, runtimeContext.policy, resolved, handle, isTagHandle]);
   return resolved;
 }
@@ -1899,11 +2130,11 @@ function useModuleRuntime(handle) {
 // src/internal/hooks/useSelector.ts
 var import_react7 = require("react");
 var import_with_selector = require("use-sync-external-store/shim/with-selector");
-var Logix8 = __toESM(require("@logixjs/core"), 1);
+var Logix9 = __toESM(require("@logixjs/core"), 1);
 
 // src/internal/store/RuntimeExternalStore.ts
-var Logix7 = __toESM(require("@logixjs/core"), 1);
-var import_effect8 = require("effect");
+var Logix8 = __toESM(require("@logixjs/core"), 1);
+var import_effect9 = require("effect");
 var storesByRuntime = /* @__PURE__ */ new WeakMap();
 var getStoreMapForRuntime = (runtime) => {
   const cached = storesByRuntime.get(runtime);
@@ -1914,8 +2145,8 @@ var getStoreMapForRuntime = (runtime) => {
 };
 var makeModuleInstanceKey = (moduleId, instanceId) => `${moduleId}::${instanceId}`;
 var makeReadQueryTopicKey = (moduleInstanceKey, selectorId) => `${moduleInstanceKey}::rq:${selectorId}`;
-var getRuntimeStore = (runtime) => Logix7.InternalContracts.getRuntimeStore(runtime);
-var getHostScheduler = (runtime) => Logix7.InternalContracts.getHostScheduler(runtime);
+var getRuntimeStore = (runtime) => Logix8.InternalContracts.getRuntimeStore(runtime);
+var getHostScheduler = (runtime) => Logix8.InternalContracts.getHostScheduler(runtime);
 var getOrCreateStore = (runtime, topicKey, make) => {
   const map = getStoreMapForRuntime(runtime);
   const cached = map.get(topicKey);
@@ -1939,6 +2170,8 @@ var makeTopicExternalStore = (args) => {
   let currentSnapshot;
   const listeners = /* @__PURE__ */ new Set();
   let unsubscribeFromRuntimeStore;
+  let teardownScheduled = false;
+  let teardownToken = 0;
   const lowPriorityDelayMs = args.options?.lowPriorityDelayMs ?? 16;
   const lowPriorityMaxDelayMs = args.options?.lowPriorityMaxDelayMs ?? 50;
   let notifyScheduled = false;
@@ -2023,7 +2256,38 @@ var makeTopicExternalStore = (args) => {
     currentSnapshot = next;
     return next;
   };
+  const cancelScheduledTeardown = () => {
+    if (!teardownScheduled) return;
+    teardownScheduled = false;
+    teardownToken += 1;
+  };
+  const finalizeTeardown = () => {
+    if (listeners.size > 0) return;
+    try {
+      args.onLastListener?.();
+    } catch {
+    }
+    const unsub = unsubscribeFromRuntimeStore;
+    unsubscribeFromRuntimeStore = void 0;
+    cancelLow();
+    try {
+      unsub?.();
+    } catch {
+    }
+    removeStore(runtime, topicKey);
+  };
+  const scheduleTeardown = () => {
+    if (teardownScheduled) return;
+    teardownScheduled = true;
+    const token = ++teardownToken;
+    hostScheduler.scheduleMicrotask(() => {
+      if (!teardownScheduled || token !== teardownToken) return;
+      teardownScheduled = false;
+      finalizeTeardown();
+    });
+  };
   const subscribe = (listener) => {
+    cancelScheduledTeardown();
     const isFirst = listeners.size === 0;
     listeners.add(listener);
     ensureSubscription();
@@ -2037,18 +2301,7 @@ var makeTopicExternalStore = (args) => {
     return () => {
       listeners.delete(listener);
       if (listeners.size > 0) return;
-      try {
-        args.onLastListener?.();
-      } catch {
-      }
-      const unsub = unsubscribeFromRuntimeStore;
-      unsubscribeFromRuntimeStore = void 0;
-      cancelLow();
-      try {
-        unsub?.();
-      } catch {
-      }
-      removeStore(runtime, topicKey);
+      scheduleTeardown();
     };
   };
   return { getSnapshot, getServerSnapshot: getSnapshot, subscribe };
@@ -2092,14 +2345,14 @@ var getRuntimeReadQueryExternalStore = (runtime, moduleRuntime, selectorReadQuer
       options,
       onFirstListener: () => {
         if (readQueryDrainFiber) return;
-        const effect = import_effect8.Stream.runDrain(moduleRuntime.changesReadQueryWithMeta(selectorReadQuery));
+        const effect = import_effect9.Stream.runDrain(moduleRuntime.changesReadQueryWithMeta(selectorReadQuery));
         readQueryDrainFiber = runtime.runFork(effect);
       },
       onLastListener: () => {
         const fiber = readQueryDrainFiber;
         if (!fiber) return;
         readQueryDrainFiber = void 0;
-        runtime.runFork(import_effect8.Fiber.interrupt(fiber));
+        runtime.runFork(import_effect9.Fiber.interrupt(fiber));
       }
     })
   );
@@ -2165,7 +2418,7 @@ function useSelector(handle, selector, equalityFn) {
   const moduleRuntime = useModuleRuntime(handle);
   const actualSelector = selector ?? ((state) => state);
   const selectorReadQuery = (0, import_react7.useMemo)(
-    () => typeof selector === "function" ? Logix8.ReadQuery.compile(selector) : void 0,
+    () => typeof selector === "function" ? Logix9.ReadQuery.compile(selector) : void 0,
     [selector]
   );
   const actualEqualityFn = (0, import_react7.useMemo)(() => {
@@ -2203,7 +2456,7 @@ function useSelector(handle, selector, equalityFn) {
     actualEqualityFn
   );
   (0, import_react7.useEffect)(() => {
-    if (!(0, import_Env.isDevEnv)() && !Logix8.Debug.isDevtoolsEnabled()) {
+    if (!(0, import_Env.isDevEnv)() && !Logix9.Debug.isDevtoolsEnabled()) {
       return;
     }
     const instanceId = moduleRuntime.instanceId;
@@ -2219,7 +2472,7 @@ function useSelector(handle, selector, equalityFn) {
       const rawDebugKey = meta.debugKey;
       selectorKey = typeof rawDebugKey === "string" && rawDebugKey.length > 0 ? rawDebugKey : typeof selector.name === "string" && selector.name.length > 0 ? selector.name : void 0;
     }
-    const effect = Logix8.Debug.record({
+    const effect = Logix9.Debug.record({
       type: "trace:react-selector",
       moduleId: moduleRuntime.moduleId,
       instanceId,
@@ -2242,7 +2495,7 @@ function useSelector(handle, selector, equalityFn) {
 }
 
 // src/internal/store/resolveImportedModuleRef.ts
-var Logix9 = __toESM(require("@logixjs/core"), 1);
+var Logix10 = __toESM(require("@logixjs/core"), 1);
 var getOrCreateWeakMap = (map, key, make) => {
   const cached = map.get(key);
   if (cached) return cached;
@@ -2266,7 +2519,7 @@ var resolveImportedModuleRef = (runtime, parentRuntime, module2) => {
   if (cached) {
     return cached;
   }
-  const importsScope = Logix9.InternalContracts.getImportsScope(parentRuntime);
+  const importsScope = Logix10.InternalContracts.getImportsScope(parentRuntime);
   const childRuntime = importsScope.get(module2);
   if (childRuntime) {
     const dispatch = Object.assign(
@@ -2352,8 +2605,8 @@ var useStableId = () => {
 
 // src/internal/hooks/useModule.ts
 var isModuleImpl2 = (handle) => Boolean(handle) && typeof handle === "object" && handle._tag === "ModuleImpl";
-var isModule = (handle) => Logix10.Module.hasImpl(handle);
-var isModuleDef = (handle) => Logix10.Module.is(handle) && handle._kind === "ModuleDef";
+var isModule = (handle) => Logix11.Module.hasImpl(handle);
+var isModuleDef = (handle) => Logix11.Module.is(handle) && handle._kind === "ModuleDef";
 function useModule(handle, selectorOrOptions, equalityFn) {
   const runtimeBase = useRuntime();
   const runtimeContext = import_react9.default.useContext(RuntimeContext);
@@ -2377,6 +2630,7 @@ function useModule(handle, selectorOrOptions, equalityFn) {
     }
   }
   let runtime;
+  const moduleImplResolveTraceRef = import_react9.default.useRef(void 0);
   if (isModuleImpl2(normalizedHandle)) {
     const cache = import_react9.default.useMemo(
       () => getModuleCache(runtimeBase, runtimeContext.reactConfigSnapshot, runtimeContext.configVersion),
@@ -2405,9 +2659,9 @@ function useModule(handle, selectorOrOptions, equalityFn) {
     const key = depsHash ? `${baseKey}:${depsHash}` : baseKey;
     const ownerId = moduleId;
     const baseFactory = import_react9.default.useMemo(
-      () => (scope) => import_effect9.Layer.buildWithScope(normalizedHandle.layer, scope).pipe(
-        import_effect9.Effect.map(
-          (context) => import_effect9.Context.get(context, normalizedHandle.module)
+      () => (scope) => import_effect10.Layer.buildWithScope(import_effect10.Layer.fresh(normalizedHandle.layer), scope).pipe(
+        import_effect10.Effect.map(
+          (context) => import_effect10.ServiceMap.get(context, normalizedHandle.module)
         )
       ),
       [normalizedHandle]
@@ -2417,26 +2671,56 @@ function useModule(handle, selectorOrOptions, equalityFn) {
         return baseFactory;
       }
       return (scope) => baseFactory(scope).pipe(
-        import_effect9.Effect.timeoutFail({
-          duration: initTimeoutMs,
-          onTimeout: () => new Error(`[useModule] Module "${ownerId}" initialization timed out after ${initTimeoutMs}ms`)
-        })
+        import_effect10.Effect.timeoutOption(initTimeoutMs),
+        import_effect10.Effect.flatMap(
+          (maybe) => maybe._tag === "Some" ? import_effect10.Effect.succeed(maybe.value) : import_effect10.Effect.die(new Error(`[useModule] Module "${ownerId}" initialization timed out after ${initTimeoutMs}ms`))
+        )
       );
     }, [baseFactory, suspend, initTimeoutMs, ownerId]);
+    const moduleResolveStartedAt = performance.now();
     const moduleRuntime = suspend ? cache.read(key, factory, gcTime, ownerId, {
       entrypoint: "react.useModule",
       policyMode: runtimeContext.policy.mode,
-      yield: runtimeContext.policy.yield
+      yield: runtimeContext.policy.yield,
+      optimisticSyncBudgetMs: runtimeContext.policy.syncBudgetMs
     }) : cache.readSync(key, factory, gcTime, ownerId, {
       entrypoint: "react.useModule",
       policyMode: runtimeContext.policy.mode,
       warnSyncBlockingThresholdMs: 5
     });
+    moduleImplResolveTraceRef.current = {
+      moduleId,
+      cacheMode: suspend ? "suspend" : "sync",
+      durationMs: Math.round((performance.now() - moduleResolveStartedAt) * 100) / 100
+    };
     import_react9.default.useEffect(() => cache.retain(key), [cache, key]);
     runtime = moduleRuntime;
   } else {
     runtime = useModuleRuntime(normalizedHandle);
   }
+  import_react9.default.useEffect(() => {
+    if (!isModuleImpl2(normalizedHandle)) {
+      return;
+    }
+    const diagnosticsLevel = readRuntimeDiagnosticsLevel(runtimeBase);
+    if (diagnosticsLevel === "off") {
+      return;
+    }
+    const trace = moduleImplResolveTraceRef.current;
+    if (!trace) {
+      return;
+    }
+    const effect = Logix11.Debug.record({
+      type: "trace:react.moduleImpl.resolve",
+      moduleId: trace.moduleId,
+      instanceId: runtime.instanceId,
+      data: {
+        cacheMode: trace.cacheMode,
+        durationMs: trace.durationMs
+      }
+    });
+    emitRuntimeDebugEventBestEffort(runtimeBase, effect);
+  }, [runtimeBase, runtime, normalizedHandle]);
   import_react9.default.useEffect(() => {
     if (!isModuleImpl2(normalizedHandle)) {
       return;
@@ -2446,22 +2730,22 @@ function useModule(handle, selectorOrOptions, equalityFn) {
     if (!label) {
       return;
     }
-    const effect = Logix10.Debug.record({
+    const effect = Logix11.Debug.record({
       type: "trace:instanceLabel",
       moduleId: normalizedHandle.module.id,
       instanceId: runtime.instanceId,
       data: { label }
     });
-    runtimeBase.runFork(effect);
+    emitRuntimeDebugEventBestEffort(runtimeBase, effect);
   }, [runtimeBase, runtime, normalizedHandle, options]);
   import_react9.default.useEffect(() => {
-    if (!(0, import_Env.isDevEnv)() && !Logix10.Debug.isDevtoolsEnabled()) {
+    if (!(0, import_Env.isDevEnv)() && !Logix11.Debug.isDevtoolsEnabled()) {
       return;
     }
     if (!runtime.instanceId) {
       return;
     }
-    const effect = Logix10.Debug.record({
+    const effect = Logix11.Debug.record({
       type: "trace:react-render",
       moduleId: runtime.moduleId,
       instanceId: runtime.instanceId,
@@ -2471,7 +2755,7 @@ function useModule(handle, selectorOrOptions, equalityFn) {
       }
     });
     runtimeBase.runFork(effect);
-  }, [runtimeBase, runtime]);
+  });
   if (selector) {
     if (isModuleImpl2(normalizedHandle)) {
       return useSelector(runtime, selector, equalityFn);
@@ -2558,8 +2842,8 @@ function useModule(handle, selectorOrOptions, equalityFn) {
 
 // src/internal/hooks/useLocalModule.ts
 var import_react10 = __toESM(require("react"), 1);
-var Logix11 = __toESM(require("@logixjs/core"), 1);
-var import_effect10 = require("effect");
+var Logix12 = __toESM(require("@logixjs/core"), 1);
+var import_effect11 = require("effect");
 function isModuleTag2(source) {
   if (!source || typeof source !== "object" && typeof source !== "function") {
     return false;
@@ -2579,7 +2863,7 @@ function useLocalModule(source, second) {
   );
   const componentId = useStableId();
   const moduleTag = import_react10.default.useMemo(() => {
-    if (Logix11.Module.is(source)) {
+    if (Logix12.Module.is(source)) {
       return source.tag;
     }
     if (isModuleTag2(source)) {
@@ -2588,7 +2872,7 @@ function useLocalModule(source, second) {
     return null;
   }, [source]);
   const def = import_react10.default.useMemo(() => {
-    if (Logix11.Module.is(source) || isModuleTag2(source)) {
+    if (Logix12.Module.is(source) || isModuleTag2(source)) {
       return source;
     }
     return void 0;
@@ -2616,7 +2900,7 @@ function useLocalModule(source, second) {
       return createModuleTagFactory(moduleTag, moduleOptions);
     }
     const factoryFn = source;
-    return (scope) => factoryFn().pipe(import_effect10.Scope.extend(scope));
+    return (scope) => import_effect11.Scope.provide(scope)(factoryFn());
   }, [isModule2, moduleTag, source, moduleOptions]);
   const moduleRuntime = cache.readSync(key, factory, void 0, ownerId, {
     entrypoint: "react.useLocalModule",
@@ -2676,9 +2960,9 @@ function createModuleTagFactory(module2, options) {
     throw new Error("useLocalModule(module, options) \u9700\u8981\u63D0\u4F9B initial \u72B6\u6001");
   }
   const logics = options.logics ?? [];
-  return (scope) => import_effect10.Layer.buildWithScope(module2.live(options.initial, ...logics), scope).pipe(
-    import_effect10.Effect.map((context) => {
-      const runtime = import_effect10.Context.get(context, module2);
+  return (scope) => import_effect11.Layer.buildWithScope(module2.live(options.initial, ...logics), scope).pipe(
+    import_effect11.Effect.map((context) => {
+      const runtime = import_effect11.ServiceMap.get(context, module2);
       return runtime;
     })
   );
@@ -2686,7 +2970,7 @@ function createModuleTagFactory(module2, options) {
 
 // src/internal/hooks/useLayerModule.ts
 var import_react11 = __toESM(require("react"), 1);
-var import_effect11 = require("effect");
+var import_effect12 = require("effect");
 
 // src/internal/hooks/useDispatch.ts
 var import_react12 = require("react");
@@ -2716,8 +3000,8 @@ var import_react14 = __toESM(require("react"), 1);
 
 // src/internal/hooks/useProcesses.ts
 var import_react15 = __toESM(require("react"), 1);
-var import_effect12 = require("effect");
-var Logix12 = __toESM(require("@logixjs/core"), 1);
+var import_effect13 = require("effect");
+var Logix13 = __toESM(require("@logixjs/core"), 1);
 
 // src/ReactPlatform.ts
 var import_react16 = __toESM(require("react"), 1);