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

package/dist/index.mjs

@@ -7457,7 +7457,7 @@ import { isDeepEqual as isDeepEqual2 } from "@noya-app/noya-utils";
 import { Observable as Observable8 } from "@noya-app/observable";
 
 // ../state-manager/src/multiplayer.ts
-import { Cache, hash, isDeepEqual as isDeepEqual3, uuid as uuid5 } from "@noya-app/noya-utils";
+import { Cache, hash, isDeepEqual as isDeepEqual4, uuid as uuid5 } from "@noya-app/noya-utils";
 import { Observable as Observable10, get as get2, set as set2 } from "@noya-app/observable";
 
 // ../../node_modules/@marcbachmann/cel-js/lib/errors.js
@@ -10474,6 +10474,9 @@ celEnvironment.registerFunction("random(): double", () => Math.random()).registe
 ).registerFunction("uuid(): string", () => uuid4());
 var READ_DENIED = Symbol("readDenied");
 
+// ../state-manager/src/serverScripts.ts
+import { uuid as createUuid, isDeepEqual as isDeepEqual3 } from "@noya-app/noya-utils";
+
 // ../state-manager/src/stateManager.ts
 import {
   Observable as Observable9,
@@ -10485,7 +10488,7 @@ var createHash = (value, options) => hash(value, { ...options, ignoreUndefinedPr
 
 // ../state-manager/src/NoyaManager.ts
 import { uuid as uuid12 } from "@noya-app/noya-utils";
-import { Observable as Observable20, set as set3 } from "@noya-app/observable";
+import { Observable as Observable21, set as set3 } from "@noya-app/observable";
 
 // ../noya-pipeline/src/graphToTasks.ts
 import { get as get3 } from "@noya-app/observable";
@@ -10596,29 +10599,32 @@ import { Observable as Observable11 } from "@noya-app/observable";
 import { Observable as Observable12 } from "@noya-app/observable";
 
 // ../state-manager/src/ResourceManager.ts
-import { isDeepEqual as isDeepEqual4, uuid as uuid7 } from "@noya-app/noya-utils";
+import { isDeepEqual as isDeepEqual5, uuid as uuid7 } from "@noya-app/noya-utils";
 import { Observable as Observable13 } from "@noya-app/observable";
 
+// ../state-manager/src/SandboxManager.ts
+import { Observable as Observable14 } from "@noya-app/observable";
+
 // ../state-manager/src/rpcManager.ts
 import { uuid as uuid8 } from "@noya-app/noya-utils";
-import { Observable as Observable14 } from "@noya-app/observable";
+import { Observable as Observable15 } from "@noya-app/observable";
 
 // ../state-manager/src/SecretManager.ts
-import { Observable as Observable15 } from "@noya-app/observable";
+import { Observable as Observable16 } from "@noya-app/observable";
 
 // ../state-manager/src/TaskManager.ts
-import { Observable as Observable16 } from "@noya-app/observable";
+import { Observable as Observable17 } from "@noya-app/observable";
 
 // ../state-manager/src/TranscriptionManager.ts
 import { Base64 as Base642 } from "@noya-app/noya-utils";
-import { Observable as Observable17 } from "@noya-app/observable";
+import { Observable as Observable18 } from "@noya-app/observable";
 
 // ../state-manager/src/UserManager.ts
-import { Observable as Observable19 } from "@noya-app/observable";
+import { Observable as Observable20 } from "@noya-app/observable";
 
 // ../state-manager/src/sync/clientId.ts
 import { uuid as uuid9 } from "@noya-app/noya-utils";
-import { Observable as Observable18 } from "@noya-app/observable";
+import { Observable as Observable19 } from "@noya-app/observable";
 
 // ../state-manager/src/sync/defaultNames.ts
 import { upperFirst } from "@noya-app/noya-utils";
@@ -10691,9 +10697,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 Observable18(void 0);
-var clientName$ = new Observable18(void 0);
-var clientImage$ = new Observable18(void 0);
+var clientId$ = new Observable19(void 0);
+var clientName$ = new Observable19(void 0);
+var clientImage$ = new Observable19(void 0);
 var safeGetItem = (key) => {
   try {
     return typeof localStorage !== "undefined" ? localStorage.getItem(key) : null;
@@ -10745,9 +10751,6 @@ import { Base64 as Base643 } from "@noya-app/noya-utils";
 // ../state-manager/src/sync/localStorageSync.ts
 import { uuid as uuid11 } from "@noya-app/noya-utils";
 
-// ../state-manager/src/serverScripts.ts
-import { uuid as createUuid, isDeepEqual as isDeepEqual5 } from "@noya-app/noya-utils";
-
 // ../noya-keymap/src/hooks.ts
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
 
@@ -10873,7 +10876,7 @@ import { useEffect as useEffect17 } from "react";
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
 import {
-  Observable as Observable21
+  Observable as Observable22
 } from "@noya-app/observable";
 
 // ../noya-react-utils/src/components/AutoSizer.tsx
@@ -11180,7 +11183,7 @@ function downloadBlob(...params) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-import React35, {
+import React36, {
   createContext as createContext3,
   useCallback as useCallback14,
   useContext as useContext4,
@@ -11279,12 +11282,12 @@ var ErrorOverlay = React6.memo(function ErrorOverlay2({
 });
 
 // ../noya-multiplayer-react/src/inspector/useStateInspector.tsx
-import React33 from "react";
+import React34 from "react";
 import { createRoot } from "react-dom/client";
 
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
 import { Base64 as Base644, memoize as memoize2, uuid as uuid13 } from "@noya-app/noya-utils";
-import React31, {
+import React33, {
   useCallback as useCallback12,
   useEffect as useEffect13,
   useLayoutEffect as useLayoutEffect4
@@ -12867,7 +12870,9 @@ function EventsSection({
   setShowEvents,
   colorScheme,
   eventsContainerRef,
-  connectionEvents
+  connectionEvents,
+  paused,
+  onTogglePaused
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
   return /* @__PURE__ */ React25.createElement(
@@ -12876,9 +12881,20 @@ function EventsSection({
       open: showEvents,
       setOpen: setShowEvents,
       title: "Events",
-      colorScheme
+      colorScheme,
+      right: /* @__PURE__ */ React25.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
-    /* @__PURE__ */ React25.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
+    /* @__PURE__ */ React25.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, paused && /* @__PURE__ */ React25.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          fontSize: "11px",
+          opacity: 0.7
+        }
+      },
+      "Event streaming paused"
+    ), connectionEvents?.map(
       (event, index) => event.type === "stateChange" ? /* @__PURE__ */ React25.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ React25.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ React25.createElement(
         StateInspectorRow,
         {
@@ -12909,7 +12925,7 @@ function EventsSection({
           }
         )
       )
-    ), !connectionEvents && /* @__PURE__ */ React25.createElement(
+    ), !connectionEvents?.length && /* @__PURE__ */ React25.createElement(
       "div",
       {
         style: {
@@ -13161,7 +13177,8 @@ function ServerScriptLogsSection({
   logs,
   containerRef,
   paused,
-  onTogglePaused
+  onTogglePaused,
+  title = "Server Script Logs"
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
   return /* @__PURE__ */ React27.createElement(
@@ -13169,7 +13186,7 @@ function ServerScriptLogsSection({
     {
       open: showLogs,
       setOpen: setShowLogs,
-      title: "Server Script Logs",
+      title,
       colorScheme,
       right: /* @__PURE__ */ React27.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
@@ -13198,6 +13215,18 @@ function ServerScriptLogsSection({
       },
       /* @__PURE__ */ React27.createElement("span", null, formatTimestamp(log.timestamp)),
       /* @__PURE__ */ React27.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      (log.origin || log.target || log.mode) && /* @__PURE__ */ React27.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            textTransform: "none",
+            fontSize: "10px",
+            opacity: 0.75
+          }
+        },
+        [log.origin ?? log.target, log.mode].filter(Boolean).join(" / ")
+      ),
       /* @__PURE__ */ React27.createElement(
         "span",
         {
@@ -13223,8 +13252,7 @@ function ServerScriptLogsSection({
         {
           key: index,
           data: value,
-          theme: theme3,
-          expandLevel: 3
+          theme: theme3
         }
       )) : /* @__PURE__ */ React27.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
     ))), !logs?.length && /* @__PURE__ */ React27.createElement(
@@ -13869,6 +13897,31 @@ function useLocalStorageState(key, defaultValue) {
   return [state, setLocalStorageState];
 }
 
+// ../noya-multiplayer-react/src/inspector/usePausedStream.ts
+import React31 from "react";
+function usePausedStream(items) {
+  const [paused, setPaused] = React31.useState(false);
+  const [visibleItems, setVisibleItems] = React31.useState(items ?? []);
+  const togglePaused = React31.useCallback(() => {
+    setPaused((value) => {
+      if (!value) {
+        setVisibleItems(items ?? []);
+      }
+      return !value;
+    });
+  }, [items]);
+  React31.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,
@@ -13891,16 +13944,17 @@ var StateInspector = memoGeneric(function StateInspector2({
     activityEventsManager,
     logManager
   } = noyaManager;
-  const [didMount, setDidMount] = React31.useState(false);
+  const [didMount, setDidMount] = React33.useState(false);
   const tasks = useObservable2(taskManager.tasks$);
   const inputs = useObservable2(ioManager.inputs$);
   const outputTransforms = useObservable2(ioManager.outputTransforms$);
   useLayoutEffect4(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = React31.useRef(null);
-  const activityEventsContainerRef = React31.useRef(null);
-  const serverLogsContainerRef = React31.useRef(null);
+  const eventsContainerRef = React33.useRef(null);
+  const activityEventsContainerRef = React33.useRef(null);
+  const serverLogsContainerRef = React33.useRef(null);
+  const serverSimulationLogsContainerRef = React33.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -13917,6 +13971,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
@@ -13957,35 +14015,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$);
+  const {
+    visibleItems: visibleConnectionEvents,
+    paused: connectionEventsPaused,
+    togglePaused: toggleConnectionEventsPaused
+  } = usePausedStream(connectionEvents);
   useEffect13(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
-  }, [connectionEvents]);
+  }, [visibleConnectionEvents]);
   const serverLogs = useObservable2(logManager.logs$);
-  const [serverLogsPaused, setServerLogsPaused] = React31.useState(false);
-  const [visibleServerLogs, setVisibleServerLogs] = React31.useState(
-    serverLogs ?? []
+  const {
+    visibleItems: visibleServerLogs,
+    paused: serverLogsPaused,
+    togglePaused: toggleServerLogsPaused
+  } = usePausedStream(serverLogs);
+  const serverSimulationLogs = useObservable2(
+    multiplayerStateManager.serverSimulationLogs$
   );
-  const toggleServerLogsPaused = useCallback12(() => {
-    setServerLogsPaused((value) => {
-      if (!value) {
-        setVisibleServerLogs(serverLogs ?? []);
-      }
-      return !value;
-    });
-  }, [serverLogs]);
-  useEffect13(() => {
-    if (serverLogsPaused) return;
-    setVisibleServerLogs(serverLogs ?? []);
-  }, [serverLogs, serverLogsPaused]);
+  const {
+    visibleItems: visibleServerSimulationLogs,
+    paused: serverSimulationLogsPaused,
+    togglePaused: toggleServerSimulationLogsPaused
+  } = usePausedStream(serverSimulationLogs);
   useEffect13(() => {
     if (!showServerLogs) return;
     if (serverLogsContainerRef.current) {
       serverLogsContainerRef.current.scrollTop = serverLogsContainerRef.current.scrollHeight;
     }
   }, [showServerLogs, visibleServerLogs]);
+  useEffect13(() => {
+    if (!showServerSimulationLogs) return;
+    if (serverSimulationLogsContainerRef.current) {
+      serverSimulationLogsContainerRef.current.scrollTop = serverSimulationLogsContainerRef.current.scrollHeight;
+    }
+  }, [showServerSimulationLogs, visibleServerSimulationLogs]);
   const multipeerStateInitialized = useObservable2(
     multiplayerStateManager.isInitialized$
   );
@@ -13997,8 +14071,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(
@@ -14042,7 +14118,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ React31.createElement(
+    return /* @__PURE__ */ React33.createElement(
       "div",
       {
         ...props,
@@ -14054,7 +14130,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -14065,7 +14141,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React33.createElement(
     "div",
     {
       ...props,
@@ -14074,7 +14150,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -14084,9 +14160,17 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         style: {
           flex: "0 0 auto",
-          maxHeight: "200px"
+          maxHeight: "50%",
+          overflowY: "auto"
         },
-        right: /* @__PURE__ */ React31.createElement(
+        right: /* @__PURE__ */ React33.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React33.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => setShowUserDetails(!showUserDetails)
+          },
+          "Toggle details"
+        ), /* @__PURE__ */ React33.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -14094,19 +14178,21 @@ var StateInspector = memoGeneric(function StateInspector2({
             theme: theme3,
             anchor
           }
-        )
+        ))
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
-        const identifier = user.userId ?? user.connectionId;
-        return /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.filter((user) => showUserDetails || !user.inactive).map((user, index, array) => {
+        return /* @__PURE__ */ React33.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__ */ React31.createElement(
+          user.image && /* @__PURE__ */ React33.createElement(
             "img",
             {
               src: user.image,
@@ -14123,12 +14209,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               }
             }
           ),
-          user.name,
-          " (",
-          ellipsis(identifier, 8, "middle"),
-          ")"
+          showUserDetails ? /* @__PURE__ */ React33.createElement(themedObjectInspector, { data: user, theme: theme3 }) : user.name
         );
-      }), !connectedUsers && /* @__PURE__ */ React31.createElement(
+      }), !connectedUsers && /* @__PURE__ */ React33.createElement(
         "div",
         {
           style: {
@@ -14139,13 +14222,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React31.createElement("span", null, "No connected users")
+        /* @__PURE__ */ React33.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React31.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ React31.createElement(
+        title: /* @__PURE__ */ React33.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ React33.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -14154,7 +14237,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ React31.createElement(
+        right: /* @__PURE__ */ React33.createElement(
           "span",
           {
             style: {
@@ -14162,9 +14245,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ React31.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ React31.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ React31.createElement(
+          /* @__PURE__ */ React33.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ React33.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ React33.createElement(
             StateInspectorButton,
             {
               theme: theme3,
@@ -14176,14 +14259,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React31.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React33.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React33.createElement(
         themedObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme: theme3
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ React31.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React31.createElement(
+      )), multiplayerStateManager.schema && /* @__PURE__ */ React33.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React33.createElement(
         themedObjectInspector,
         {
           name: "schema",
@@ -14192,7 +14275,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       HistorySection,
       {
         showHistory,
@@ -14202,14 +14285,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ React31.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ React31.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React33.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ React33.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ React31.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React31.createElement(
+        right: /* @__PURE__ */ React33.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14224,7 +14307,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ React31.createElement(
+        ), /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14237,7 +14320,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ React31.createElement(
+        ), /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14261,14 +14344,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ React31.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ React33.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ React33.createElement(
         themedObjectInspector,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme: theme3
         }
-      ), /* @__PURE__ */ React31.createElement(
+      ), /* @__PURE__ */ React33.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14277,14 +14360,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ React31.createElement(
+    advanced && /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React31.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ React31.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React33.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ React33.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ React31.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React31.createElement(
+        right: /* @__PURE__ */ React33.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14299,7 +14382,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ React31.createElement(
+        ), /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14312,7 +14395,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ React31.createElement(
+        ), /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14332,21 +14415,21 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ React31.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ React33.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ React33.createElement(
         themedObjectInspector,
         {
           name: resource.path,
           data: resource,
           theme: theme3
         }
-      ), /* @__PURE__ */ React31.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ React31.createElement(
+      ), /* @__PURE__ */ React33.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ React33.createElement(
         StateInspectorButton,
         {
           theme: theme3,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ React31.createElement(
+      ), /* @__PURE__ */ React33.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14359,14 +14442,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Rename"
       )))))
     ),
-    advanced && /* @__PURE__ */ React31.createElement(
+    advanced && /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React31.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ React31.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React33.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ React33.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ React31.createElement(
+        right: /* @__PURE__ */ React33.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14381,7 +14464,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create"
         )
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ React31.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ React31.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ React33.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ React33.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ React33.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14390,15 +14473,15 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ React31.createElement(
+    advanced && /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ React31.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ React31.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React33.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ React33.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ React31.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ React31.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ React33.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ React33.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ React33.createElement(
         "div",
         {
           style: {
@@ -14409,15 +14492,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React31.createElement("span", null, "No inputs")
+        /* @__PURE__ */ React33.createElement("span", null, "No inputs")
       ))
     ),
-    advanced && /* @__PURE__ */ React31.createElement(
+    advanced && /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ React31.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ React31.createElement(
+        title: /* @__PURE__ */ React33.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ React33.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -14425,7 +14508,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ React31.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ React31.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ React33.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ React33.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ React33.createElement(
         "div",
         {
           style: {
@@ -14436,10 +14519,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React31.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ React33.createElement("span", null, "No output transforms")
       ))
     ),
-    advanced && /* @__PURE__ */ React31.createElement(
+    advanced && /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -14447,7 +14530,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ React33.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -14456,7 +14539,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__ */ React31.createElement(
+        /* @__PURE__ */ React33.createElement(
           themedObjectInspector,
           {
             name: task.name,
@@ -14466,7 +14549,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       StateInspectorDisclosureSection,
       {
         open: showShared,
@@ -14474,7 +14557,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ React31.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ React31.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ React33.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ React33.createElement(
         themedObjectInspector,
         {
           name: key,
@@ -14484,7 +14567,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       ServerScriptLogsSection,
       {
         colorScheme,
@@ -14496,7 +14579,44 @@ var StateInspector = memoGeneric(function StateInspector2({
         containerRef: serverLogsContainerRef
       }
     ),
-    advanced && /* @__PURE__ */ React31.createElement(
+    showSimulationLogsSection && /* @__PURE__ */ React33.createElement(
+      ServerScriptLogsSection,
+      {
+        title: "Server Script Simulation Logs",
+        colorScheme,
+        showLogs: showServerSimulationLogs,
+        setShowLogs: setShowServerSimulationLogs,
+        logs: visibleServerSimulationLogs,
+        paused: serverSimulationLogsPaused,
+        onTogglePaused: toggleServerSimulationLogsPaused,
+        containerRef: serverSimulationLogsContainerRef
+      }
+    ),
+    /* @__PURE__ */ React33.createElement(
+      StateInspectorDisclosureSection,
+      {
+        open: showSimulation,
+        setOpen: setShowSimulation,
+        title: "Server Simulation",
+        colorScheme
+      },
+      /* @__PURE__ */ React33.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React33.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React33.createElement(
+        themedObjectInspector,
+        {
+          name: "status",
+          data: simulationDiagnostics ?? {
+            simulateLocally: false,
+            simulatorActive: false,
+            clockSkewMs: 0,
+            invocations: [],
+            pendingPredictions: []
+          },
+          theme: theme3,
+          expandLevel: 2
+        }
+      )))
+    ),
+    advanced && /* @__PURE__ */ React33.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -14506,10 +14626,12 @@ var StateInspector = memoGeneric(function StateInspector2({
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React33.createElement(
       EventsSection,
       {
-        connectionEvents,
+        connectionEvents: visibleConnectionEvents,
+        paused: connectionEventsPaused,
+        onTogglePaused: toggleConnectionEventsPaused,
         colorScheme,
         eventsContainerRef,
         showEvents,
@@ -14535,7 +14657,7 @@ function useManagedHistory(stateManager) {
 }
 
 // ../noya-multiplayer-react/src/singleton.tsx
-import React34 from "react";
+import React35 from "react";
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
 var AnyNoyaStateContext = createContext3(void 0);
@@ -14557,8 +14679,8 @@ function useActivityEventsForManager(streamFilter, activityEventsManager) {
 }
 
 // ../noya-multiplayer-react/src/components/UserPointersOverlay.tsx
-import { Observable as Observable22 } from "@noya-app/observable";
-import React36, { useEffect as useEffect18, useMemo as useMemo12, useState as useState18 } from "react";
+import { Observable as Observable23 } from "@noya-app/observable";
+import React37, { useEffect as useEffect18, useMemo as useMemo12, useState as useState18 } from "react";
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -14571,7 +14693,7 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   const observable = useMemo12(() => {
     const metadata$ = sharedConnectionDataManager.metadata$.observePath([user.connectionId]).throttle(50);
     const data$ = sharedConnectionDataManager.data$.observePath([user.connectionId]).throttle(50);
-    return Observable22.combine([metadata$, data$], ([metadata2, data2]) => {
+    return Observable23.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
   }, [sharedConnectionDataManager, user.connectionId]);
@@ -14603,9 +14725,9 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
     sharedConnectionDataManager.currentConnectionId$
   );
   const connectedUsers = useObservable2(userManager.connectedUsers$);
-  return /* @__PURE__ */ React36.createElement(React36.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, connectedUsers.map((user) => {
     if (user.connectionId === currentConnectionId) return null;
-    return /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React37.createElement(
       UserPointerInternal,
       {
         key: user.connectionId,