@noya-app/noya-api-client-react 0.1.44 → 0.1.45

package/dist/index.js

@@ -7509,7 +7509,7 @@ var import_noya_utils6 = require("@noya-app/noya-utils");
 var import_observable8 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var import_noya_utils8 = require("@noya-app/noya-utils");
+var import_noya_utils9 = require("@noya-app/noya-utils");
 var import_observable10 = require("@noya-app/observable");
 
 // ../../node_modules/@marcbachmann/cel-js/lib/errors.js
@@ -10526,21 +10526,24 @@ celEnvironment.registerFunction("random(): double", () => Math.random()).registe
 ).registerFunction("uuid(): string", () => (0, import_noya_utils7.uuid)());
 var READ_DENIED = Symbol("readDenied");
 
+// ../state-manager/src/serverScripts.ts
+var import_noya_utils8 = require("@noya-app/noya-utils");
+
 // ../state-manager/src/stateManager.ts
 var import_observable9 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var createHash = (value, options) => (0, import_noya_utils8.hash)(value, { ...options, ignoreUndefinedProperties: true });
+var createHash = (value, options) => (0, import_noya_utils9.hash)(value, { ...options, ignoreUndefinedProperties: true });
 
 // ../state-manager/src/NoyaManager.ts
 var import_noya_utils19 = require("@noya-app/noya-utils");
-var import_observable21 = require("@noya-app/observable");
+var import_observable22 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/graphToTasks.ts
 var import_observable11 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/state.ts
-var import_noya_utils9 = require("@noya-app/noya-utils");
+var import_noya_utils10 = require("@noya-app/noya-utils");
 var rectSchema = Type.Object({
   x: Type.Number(),
   y: Type.Number(),
@@ -10645,32 +10648,35 @@ var import_observable12 = require("@noya-app/observable");
 var import_observable13 = require("@noya-app/observable");
 
 // ../state-manager/src/ResourceManager.ts
-var import_noya_utils10 = require("@noya-app/noya-utils");
+var import_noya_utils11 = require("@noya-app/noya-utils");
 var import_observable14 = require("@noya-app/observable");
 
-// ../state-manager/src/rpcManager.ts
-var import_noya_utils11 = require("@noya-app/noya-utils");
+// ../state-manager/src/SandboxManager.ts
 var import_observable15 = require("@noya-app/observable");
 
-// ../state-manager/src/SecretManager.ts
+// ../state-manager/src/rpcManager.ts
+var import_noya_utils12 = require("@noya-app/noya-utils");
 var import_observable16 = require("@noya-app/observable");
 
-// ../state-manager/src/TaskManager.ts
+// ../state-manager/src/SecretManager.ts
 var import_observable17 = require("@noya-app/observable");
 
-// ../state-manager/src/TranscriptionManager.ts
-var import_noya_utils12 = require("@noya-app/noya-utils");
+// ../state-manager/src/TaskManager.ts
 var import_observable18 = require("@noya-app/observable");
 
+// ../state-manager/src/TranscriptionManager.ts
+var import_noya_utils13 = require("@noya-app/noya-utils");
+var import_observable19 = require("@noya-app/observable");
+
 // ../state-manager/src/UserManager.ts
-var import_observable20 = require("@noya-app/observable");
+var import_observable21 = require("@noya-app/observable");
 
 // ../state-manager/src/sync/clientId.ts
-var import_noya_utils14 = require("@noya-app/noya-utils");
-var import_observable19 = require("@noya-app/observable");
+var import_noya_utils15 = require("@noya-app/noya-utils");
+var import_observable20 = require("@noya-app/observable");
 
 // ../state-manager/src/sync/defaultNames.ts
-var import_noya_utils13 = require("@noya-app/noya-utils");
+var import_noya_utils14 = require("@noya-app/noya-utils");
 var animals = [
   "cat",
   "dog",
@@ -10722,7 +10728,7 @@ function getClientImageUrl(animal) {
 }
 function randomClientIdentity() {
   const animal = randomElement(animals);
-  const name = `${(0, import_noya_utils13.upperFirst)(randomElement(adjectives))} ${(0, import_noya_utils13.upperFirst)(animal)}`;
+  const name = `${(0, import_noya_utils14.upperFirst)(randomElement(adjectives))} ${(0, import_noya_utils14.upperFirst)(animal)}`;
   return {
     name,
     animal,
@@ -10740,9 +10746,9 @@ function getClientAnimalFromName(name) {
 var CLIENT_ID_STORAGE_KEY = "noya-client-id";
 var CLIENT_NAME_STORAGE_KEY = "noya-client-name";
 var CLIENT_IMAGE_STORAGE_KEY = "noya-client-image";
-var clientId$ = new import_observable19.Observable(void 0);
-var clientName$ = new import_observable19.Observable(void 0);
-var clientImage$ = new import_observable19.Observable(void 0);
+var clientId$ = new import_observable20.Observable(void 0);
+var clientName$ = new import_observable20.Observable(void 0);
+var clientImage$ = new import_observable20.Observable(void 0);
 var safeGetItem = (key) => {
   try {
     return typeof localStorage !== "undefined" ? localStorage.getItem(key) : null;
@@ -10763,7 +10769,7 @@ if (typeof window !== "undefined") {
   if (storedClientId) {
     clientId$.set(storedClientId);
   } else {
-    const newClientId = (0, import_noya_utils14.uuid)();
+    const newClientId = (0, import_noya_utils15.uuid)();
     safeSetItem(CLIENT_ID_STORAGE_KEY, newClientId);
     clientId$.set(newClientId);
   }
@@ -10786,17 +10792,14 @@ if (typeof window !== "undefined") {
 }
 
 // ../state-manager/src/sync/syncUtils.ts
-var import_noya_utils15 = require("@noya-app/noya-utils");
+var import_noya_utils16 = require("@noya-app/noya-utils");
 
 // ../state-manager/src/sync/localRpcHelpers.ts
-var import_noya_utils16 = require("@noya-app/noya-utils");
+var import_noya_utils17 = require("@noya-app/noya-utils");
 
 // ../state-manager/src/sync/localStorageSync.ts
 var import_noya_utils18 = require("@noya-app/noya-utils");
 
-// ../state-manager/src/serverScripts.ts
-var import_noya_utils17 = require("@noya-app/noya-utils");
-
 // ../noya-keymap/src/hooks.ts
 var import_react4 = require("react");
 
@@ -10918,10 +10921,10 @@ var createMutatorParametersSchema = Type.Object({
 });
 
 // ../noya-multiplayer-react/src/ai.ts
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_observable22 = require("@noya-app/observable");
+var import_observable23 = require("@noya-app/observable");
 
 // ../noya-react-utils/src/components/AutoSizer.tsx
 var React2 = __toESM(require("react"));
@@ -11222,13 +11225,13 @@ function downloadBlob(...params) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/noyaApp.ts
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // ../noya-multiplayer-react/src/hooks.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_client2 = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/components/ErrorOverlay.tsx
@@ -11306,12 +11309,12 @@ var ErrorOverlay = React6.memo(function ErrorOverlay2({
 });
 
 // ../noya-multiplayer-react/src/inspector/useStateInspector.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
 var import_noya_utils24 = require("@noya-app/noya-utils");
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 
 // ../../node_modules/react-inspector/dist/index.mjs
 var import_react24 = __toESM(require("react"), 1);
@@ -12888,7 +12891,9 @@ function EventsSection({
   setShowEvents,
   colorScheme,
   eventsContainerRef,
-  connectionEvents
+  connectionEvents,
+  paused,
+  onTogglePaused
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
   return /* @__PURE__ */ import_react49.default.createElement(
@@ -12897,9 +12902,20 @@ function EventsSection({
       open: showEvents,
       setOpen: setShowEvents,
       title: "Events",
-      colorScheme
+      colorScheme,
+      right: /* @__PURE__ */ import_react49.default.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
-    /* @__PURE__ */ import_react49.default.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
+    /* @__PURE__ */ import_react49.default.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, paused && /* @__PURE__ */ import_react49.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          fontSize: "11px",
+          opacity: 0.7
+        }
+      },
+      "Event streaming paused"
+    ), connectionEvents?.map(
       (event, index) => event.type === "stateChange" ? /* @__PURE__ */ import_react49.default.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ import_react49.default.createElement(
         StateInspectorRow,
         {
@@ -12930,7 +12946,7 @@ function EventsSection({
           }
         )
       )
-    ), !connectionEvents && /* @__PURE__ */ import_react49.default.createElement(
+    ), !connectionEvents?.length && /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         style: {
@@ -13182,7 +13198,8 @@ function ServerScriptLogsSection({
   logs,
   containerRef,
   paused,
-  onTogglePaused
+  onTogglePaused,
+  title = "Server Script Logs"
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
   return /* @__PURE__ */ import_react51.default.createElement(
@@ -13190,7 +13207,7 @@ function ServerScriptLogsSection({
     {
       open: showLogs,
       setOpen: setShowLogs,
-      title: "Server Script Logs",
+      title,
       colorScheme,
       right: /* @__PURE__ */ import_react51.default.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
@@ -13219,6 +13236,18 @@ function ServerScriptLogsSection({
       },
       /* @__PURE__ */ import_react51.default.createElement("span", null, formatTimestamp(log.timestamp)),
       /* @__PURE__ */ import_react51.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      (log.origin || log.target || log.mode) && /* @__PURE__ */ import_react51.default.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            textTransform: "none",
+            fontSize: "10px",
+            opacity: 0.75
+          }
+        },
+        [log.origin ?? log.target, log.mode].filter(Boolean).join(" / ")
+      ),
       /* @__PURE__ */ import_react51.default.createElement(
         "span",
         {
@@ -13244,8 +13273,7 @@ function ServerScriptLogsSection({
         {
           key: index,
           data: value,
-          theme: theme3,
-          expandLevel: 3
+          theme: theme3
         }
       )) : /* @__PURE__ */ import_react51.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
     ))), !logs?.length && /* @__PURE__ */ import_react51.default.createElement(
@@ -13890,6 +13918,31 @@ function useLocalStorageState(key, defaultValue) {
   return [state, setLocalStorageState];
 }
 
+// ../noya-multiplayer-react/src/inspector/usePausedStream.ts
+var import_react55 = __toESM(require("react"));
+function usePausedStream(items) {
+  const [paused, setPaused] = import_react55.default.useState(false);
+  const [visibleItems, setVisibleItems] = import_react55.default.useState(items ?? []);
+  const togglePaused = import_react55.default.useCallback(() => {
+    setPaused((value) => {
+      if (!value) {
+        setVisibleItems(items ?? []);
+      }
+      return !value;
+    });
+  }, [items]);
+  import_react55.default.useEffect(() => {
+    if (paused) return;
+    setVisibleItems(items ?? []);
+  }, [items, paused]);
+  return {
+    paused,
+    setPaused,
+    togglePaused,
+    visibleItems
+  };
+}
+
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
 var StateInspector = memoGeneric(function StateInspector2({
   noyaManager,
@@ -13912,16 +13965,17 @@ var StateInspector = memoGeneric(function StateInspector2({
     activityEventsManager,
     logManager
   } = noyaManager;
-  const [didMount, setDidMount] = import_react55.default.useState(false);
+  const [didMount, setDidMount] = import_react56.default.useState(false);
   const tasks = useObservable2(taskManager.tasks$);
   const inputs = useObservable2(ioManager.inputs$);
   const outputTransforms = useObservable2(ioManager.outputTransforms$);
-  (0, import_react55.useLayoutEffect)(() => {
+  (0, import_react56.useLayoutEffect)(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = import_react55.default.useRef(null);
-  const activityEventsContainerRef = import_react55.default.useRef(null);
-  const serverLogsContainerRef = import_react55.default.useRef(null);
+  const eventsContainerRef = import_react56.default.useRef(null);
+  const activityEventsContainerRef = import_react56.default.useRef(null);
+  const serverLogsContainerRef = import_react56.default.useRef(null);
+  const serverSimulationLogsContainerRef = import_react56.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -13938,6 +13992,10 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-users",
     true
   );
+  const [showUserDetails, setShowUserDetails] = useLocalStorageState(
+    "noya-multiplayer-react-show-user-details",
+    false
+  );
   const [showData, setShowData] = useLocalStorageState(
     "noya-multiplayer-react-show-data",
     true
@@ -13978,35 +14036,51 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-server-logs",
     false
   );
+  const [showServerSimulationLogs, setShowServerSimulationLogs] = useLocalStorageState(
+    "noya-multiplayer-react-show-server-simulation-logs",
+    false
+  );
+  const [showSimulation, setShowSimulation] = useLocalStorageState(
+    "noya-multiplayer-react-show-simulation",
+    false
+  );
   const connectionEvents = useObservable2(connectionEventManager.events$);
-  (0, import_react55.useEffect)(() => {
+  const {
+    visibleItems: visibleConnectionEvents,
+    paused: connectionEventsPaused,
+    togglePaused: toggleConnectionEventsPaused
+  } = usePausedStream(connectionEvents);
+  (0, import_react56.useEffect)(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
-  }, [connectionEvents]);
+  }, [visibleConnectionEvents]);
   const serverLogs = useObservable2(logManager.logs$);
-  const [serverLogsPaused, setServerLogsPaused] = import_react55.default.useState(false);
-  const [visibleServerLogs, setVisibleServerLogs] = import_react55.default.useState(
-    serverLogs ?? []
+  const {
+    visibleItems: visibleServerLogs,
+    paused: serverLogsPaused,
+    togglePaused: toggleServerLogsPaused
+  } = usePausedStream(serverLogs);
+  const serverSimulationLogs = useObservable2(
+    multiplayerStateManager.serverSimulationLogs$
   );
-  const toggleServerLogsPaused = (0, import_react55.useCallback)(() => {
-    setServerLogsPaused((value) => {
-      if (!value) {
-        setVisibleServerLogs(serverLogs ?? []);
-      }
-      return !value;
-    });
-  }, [serverLogs]);
-  (0, import_react55.useEffect)(() => {
-    if (serverLogsPaused) return;
-    setVisibleServerLogs(serverLogs ?? []);
-  }, [serverLogs, serverLogsPaused]);
-  (0, import_react55.useEffect)(() => {
+  const {
+    visibleItems: visibleServerSimulationLogs,
+    paused: serverSimulationLogsPaused,
+    togglePaused: toggleServerSimulationLogsPaused
+  } = usePausedStream(serverSimulationLogs);
+  (0, import_react56.useEffect)(() => {
     if (!showServerLogs) return;
     if (serverLogsContainerRef.current) {
       serverLogsContainerRef.current.scrollTop = serverLogsContainerRef.current.scrollHeight;
     }
   }, [showServerLogs, visibleServerLogs]);
+  (0, import_react56.useEffect)(() => {
+    if (!showServerSimulationLogs) return;
+    if (serverSimulationLogsContainerRef.current) {
+      serverSimulationLogsContainerRef.current.scrollTop = serverSimulationLogsContainerRef.current.scrollHeight;
+    }
+  }, [showServerSimulationLogs, visibleServerSimulationLogs]);
   const multipeerStateInitialized = useObservable2(
     multiplayerStateManager.isInitialized$
   );
@@ -14018,8 +14092,10 @@ var StateInspector = memoGeneric(function StateInspector2({
   const assetsInitialized = useObservable2(assetManager.isInitialized$);
   const secrets = useObservable2(secretManager.secrets$);
   const secretsInitialized = useObservable2(secretManager.isInitialized$);
-  const connectedUsers = useObservable2(userManager.connectedUsers$);
+  const connectedUsers = useObservable2(userManager.allUsers$);
   const connectionId = useObservable2(userManager.currentConnectionId$);
+  const simulationDiagnostics = multiplayerStateManager.getServerSimulationDiagnostics?.() ?? null;
+  const showSimulationLogsSection = (simulationDiagnostics?.simulateLocally ?? false) || visibleServerSimulationLogs.length > 0;
   const state = useObservable2(multiplayerStateManager.optimisticState$);
   const inputsInitialized = useObservable2(ioManager.inputsInitialized$);
   const outputTransformsInitialized = useObservable2(
@@ -14046,11 +14122,11 @@ var StateInspector = memoGeneric(function StateInspector2({
     zIndex: 9999,
     lineHeight: "13px"
   };
-  const handleExportAll = (0, import_react55.useCallback)(async () => {
+  const handleExportAll = (0, import_react56.useCallback)(async () => {
     const buffer = await exportAll(noyaManager);
     downloadBlob(new Blob([buffer]), "state.zip");
   }, [noyaManager]);
-  const handleImportAll = (0, import_react55.useCallback)(async () => {
+  const handleImportAll = (0, import_react56.useCallback)(async () => {
     const file = await uploadFile();
     const buffer = await file.arrayBuffer();
     importAll(buffer, noyaManager, {
@@ -14063,7 +14139,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ import_react55.default.createElement(
+    return /* @__PURE__ */ import_react56.default.createElement(
       "div",
       {
         ...props,
@@ -14075,7 +14151,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -14086,7 +14162,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(
     "div",
     {
       ...props,
@@ -14095,7 +14171,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -14105,9 +14181,17 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         style: {
           flex: "0 0 auto",
-          maxHeight: "200px"
+          maxHeight: "50%",
+          overflowY: "auto"
         },
-        right: /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react56.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react56.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => setShowUserDetails(!showUserDetails)
+          },
+          "Toggle details"
+        ), /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -14115,19 +14199,21 @@ var StateInspector = memoGeneric(function StateInspector2({
             theme: theme3,
             anchor
           }
-        )
+        ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
-        const identifier = user.userId ?? user.connectionId;
-        return /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.filter((user) => showUserDetails || !user.inactive).map((user, index, array) => {
+        return /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorRow,
           {
             key: user.connectionId,
             colorScheme,
             variant: user.connectionId === connectionId ? "up" : void 0,
-            bordered: index !== array.length - 1
+            bordered: index !== array.length - 1,
+            style: {
+              opacity: user.inactive ? 0.5 : 1
+            }
           },
-          user.image && /* @__PURE__ */ import_react55.default.createElement(
+          user.image && /* @__PURE__ */ import_react56.default.createElement(
             "img",
             {
               src: user.image,
@@ -14144,12 +14230,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               }
             }
           ),
-          user.name,
-          " (",
-          ellipsis(identifier, 8, "middle"),
-          ")"
+          showUserDetails ? /* @__PURE__ */ import_react56.default.createElement(themedObjectInspector, { data: user, theme: theme3 }) : user.name
         );
-      }), !connectedUsers && /* @__PURE__ */ import_react55.default.createElement(
+      }), !connectedUsers && /* @__PURE__ */ import_react56.default.createElement(
         "div",
         {
           style: {
@@ -14160,13 +14243,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", null, "No connected users")
+        /* @__PURE__ */ import_react56.default.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react55.default.createElement(
+        title: /* @__PURE__ */ import_react56.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react56.default.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -14175,7 +14258,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react56.default.createElement(
           "span",
           {
             style: {
@@ -14183,9 +14266,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ import_react55.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ import_react55.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ import_react55.default.createElement(
+          /* @__PURE__ */ import_react56.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ import_react56.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ import_react56.default.createElement(
             StateInspectorButton,
             {
               theme: theme3,
@@ -14197,14 +14280,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react56.default.createElement(
         themedObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme: theme3
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react56.default.createElement(
         themedObjectInspector,
         {
           name: "schema",
@@ -14213,7 +14296,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       HistorySection,
       {
         showHistory,
@@ -14223,14 +14306,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react56.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react56.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ import_react55.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react56.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14245,7 +14328,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14258,7 +14341,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14282,14 +14365,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react56.default.createElement(
         themedObjectInspector,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme: theme3
         }
-      ), /* @__PURE__ */ import_react55.default.createElement(
+      ), /* @__PURE__ */ import_react56.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14298,14 +14381,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react56.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react56.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ import_react55.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react56.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14320,7 +14403,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14333,7 +14416,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14353,21 +14436,21 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react56.default.createElement(
         themedObjectInspector,
         {
           name: resource.path,
           data: resource,
           theme: theme3
         }
-      ), /* @__PURE__ */ import_react55.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react55.default.createElement(
+      ), /* @__PURE__ */ import_react56.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react56.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ import_react55.default.createElement(
+      ), /* @__PURE__ */ import_react56.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14380,14 +14463,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Rename"
       )))))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react56.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react56.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react56.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14402,7 +14485,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create"
         )
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react56.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react56.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14411,15 +14494,15 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react56.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react56.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react56.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react56.default.createElement(
         "div",
         {
           style: {
@@ -14430,15 +14513,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", null, "No inputs")
+        /* @__PURE__ */ import_react56.default.createElement("span", null, "No inputs")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react55.default.createElement(
+        title: /* @__PURE__ */ import_react56.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react56.default.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -14446,7 +14529,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react56.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react56.default.createElement(
         "div",
         {
           style: {
@@ -14457,10 +14540,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ import_react56.default.createElement("span", null, "No output transforms")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -14468,7 +14551,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react56.default.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -14477,7 +14560,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             backgroundColor: task.status === "done" ? "rgba(0,255,0,0.2)" : task.status === "error" ? "rgba(255,0,0,0.2)" : void 0
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement(
+        /* @__PURE__ */ import_react56.default.createElement(
           themedObjectInspector,
           {
             name: task.name,
@@ -14487,7 +14570,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showShared,
@@ -14495,7 +14578,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react56.default.createElement(
         themedObjectInspector,
         {
           name: key,
@@ -14505,7 +14588,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       ServerScriptLogsSection,
       {
         colorScheme,
@@ -14517,7 +14600,44 @@ var StateInspector = memoGeneric(function StateInspector2({
         containerRef: serverLogsContainerRef
       }
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    showSimulationLogsSection && /* @__PURE__ */ import_react56.default.createElement(
+      ServerScriptLogsSection,
+      {
+        title: "Server Script Simulation Logs",
+        colorScheme,
+        showLogs: showServerSimulationLogs,
+        setShowLogs: setShowServerSimulationLogs,
+        logs: visibleServerSimulationLogs,
+        paused: serverSimulationLogsPaused,
+        onTogglePaused: toggleServerSimulationLogsPaused,
+        containerRef: serverSimulationLogsContainerRef
+      }
+    ),
+    /* @__PURE__ */ import_react56.default.createElement(
+      StateInspectorDisclosureSection,
+      {
+        open: showSimulation,
+        setOpen: setShowSimulation,
+        title: "Server Simulation",
+        colorScheme
+      },
+      /* @__PURE__ */ import_react56.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react56.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react56.default.createElement(
+        themedObjectInspector,
+        {
+          name: "status",
+          data: simulationDiagnostics ?? {
+            simulateLocally: false,
+            simulatorActive: false,
+            clockSkewMs: 0,
+            invocations: [],
+            pendingPredictions: []
+          },
+          theme: theme3,
+          expandLevel: 2
+        }
+      )))
+    ),
+    advanced && /* @__PURE__ */ import_react56.default.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -14527,10 +14647,12 @@ var StateInspector = memoGeneric(function StateInspector2({
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       EventsSection,
       {
-        connectionEvents,
+        connectionEvents: visibleConnectionEvents,
+        paused: connectionEventsPaused,
+        onTogglePaused: toggleConnectionEventsPaused,
         colorScheme,
         eventsContainerRef,
         showEvents,
@@ -14548,7 +14670,7 @@ var truncateAsset = (0, import_noya_utils24.memoize)((asset) => {
 
 // ../noya-multiplayer-react/src/hooks.ts
 function useManagedHistory(stateManager) {
-  return (0, import_react57.useSyncExternalStore)(
+  return (0, import_react58.useSyncExternalStore)(
     stateManager.historyEmittor.addListener,
     stateManager.getHistorySnapshot,
     stateManager.getHistorySnapshot
@@ -14556,15 +14678,15 @@ function useManagedHistory(stateManager) {
 }
 
 // ../noya-multiplayer-react/src/singleton.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var AnyNoyaStateContext = (0, import_react60.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react61.createContext)(void 0);
 var emptyArray = [];
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
-  const [streamId, setStreamId] = (0, import_react60.useState)(void 0);
+  const [streamId, setStreamId] = (0, import_react61.useState)(void 0);
   const stableStreamFilter = useJsonMemo(streamFilter);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -14578,8 +14700,8 @@ function useActivityEventsForManager(streamFilter, activityEventsManager) {
 }
 
 // ../noya-multiplayer-react/src/components/UserPointersOverlay.tsx
-var import_observable23 = require("@noya-app/observable");
-var import_react62 = __toESM(require("react"));
+var import_observable24 = require("@noya-app/observable");
+var import_react63 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -14589,18 +14711,18 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react62.useMemo)(() => {
+  const observable = (0, import_react63.useMemo)(() => {
     const metadata$ = sharedConnectionDataManager.metadata$.observePath([user.connectionId]).throttle(50);
     const data$ = sharedConnectionDataManager.data$.observePath([user.connectionId]).throttle(50);
-    return import_observable23.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
+    return import_observable24.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
   }, [sharedConnectionDataManager, user.connectionId]);
   const { metadata, data } = useObservable2(observable);
-  const [, setForceUpdate] = (0, import_react62.useState)(0);
+  const [, setForceUpdate] = (0, import_react63.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -14624,9 +14746,9 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
     sharedConnectionDataManager.currentConnectionId$
   );
   const connectedUsers = useObservable2(userManager.connectedUsers$);
-  return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ import_react63.default.createElement(import_react63.default.Fragment, null, connectedUsers.map((user) => {
     if (user.connectionId === currentConnectionId) return null;
-    return /* @__PURE__ */ import_react62.default.createElement(
+    return /* @__PURE__ */ import_react63.default.createElement(
       UserPointerInternal,
       {
         key: user.connectionId,
@@ -14640,15 +14762,15 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 
 // src/react/tableHooks.ts
 var import_observable_store = require("@noya-app/observable-store");
-var import_react63 = require("react");
+var import_react64 = require("react");
 function useTable(table, {
   where,
   select
 }, options = {}) {
-  const stableSelect = (0, import_react63.useMemo)(() => {
+  const stableSelect = (0, import_react64.useMemo)(() => {
     return JSON.stringify(select);
   }, [select]);
-  const stableWhere = (0, import_react63.useMemo)(() => {
+  const stableWhere = (0, import_react64.useMemo)(() => {
     let cloneWithNoUndefined = {};
     for (const [key, value] of Object.entries(where ?? {})) {
       if (value !== void 0) {
@@ -14657,7 +14779,7 @@ function useTable(table, {
     }
     return JSON.stringify(cloneWithNoUndefined);
   }, [where]);
-  const observable = (0, import_react63.useMemo)(() => {
+  const observable = (0, import_react64.useMemo)(() => {
     const parsedSelect = JSON.parse(stableSelect);
     const parsedWhere = JSON.parse(stableWhere);
     if (!table) {
@@ -14684,18 +14806,18 @@ function useTable(table, {
       }
     );
   }, [stableSelect, stableWhere, table, options.policy, options.debug]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     observable.start?.();
   }, [observable]);
   const { status, data } = useObservable2(observable);
-  const optimisticUpdate = (0, import_react63.useCallback)(
+  const optimisticUpdate = (0, import_react64.useCallback)(
     (entity, config) => {
       if (!table) return;
       table.optimisticUpdate(entity, config);
     },
     [table]
   );
-  return (0, import_react63.useMemo)(() => {
+  return (0, import_react64.useMemo)(() => {
     return {
       status,
       data,
@@ -14725,7 +14847,7 @@ function useFileListItem(id, select, options = {}) {
     { where: { id: id ?? null }, select },
     options
   );
-  return (0, import_react63.useMemo)(() => {
+  return (0, import_react64.useMemo)(() => {
     return {
       data: data.at(0),
       status,
@@ -14755,7 +14877,7 @@ function useUser(id, select, options = {}) {
     { select, where: { id: id ?? null } },
     options
   );
-  return (0, import_react63.useMemo)(() => {
+  return (0, import_react64.useMemo)(() => {
     return {
       status,
       data: data.at(0),