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

package/dist/index.js

@@ -7501,19 +7501,16 @@ var jwt;
   jwt2.DEFAULT_HEADER = HEADER;
 })(jwt || (jwt = {}));
 
-// ../state-manager/src/MenuManager.ts
-var import_noya_utils6 = require("@noya-app/noya-utils");
+// ../state-manager/src/LogManager.ts
 var import_observable7 = require("@noya-app/observable");
 
-// ../state-manager/src/multiplayer.ts
-var import_noya_utils7 = require("@noya-app/noya-utils");
-var import_observable9 = require("@noya-app/observable");
-
-// ../state-manager/src/stateManager.ts
+// ../state-manager/src/MenuManager.ts
+var import_noya_utils6 = require("@noya-app/noya-utils");
 var import_observable8 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var createHash = (value, options) => (0, import_noya_utils7.hash)(value, { ...options, ignoreUndefinedProperties: true });
+var import_noya_utils8 = require("@noya-app/noya-utils");
+var import_observable10 = require("@noya-app/observable");
 
 // ../../node_modules/@marcbachmann/cel-js/lib/errors.js
 var ParseError = class extends Error {
@@ -10491,7 +10488,7 @@ var globalEnvironment = new Environment({
 });
 
 // ../state-manager/src/multiplayerPolicies.ts
-var import_noya_utils8 = require("@noya-app/noya-utils");
+var import_noya_utils7 = require("@noya-app/noya-utils");
 var celEnvironment = new Environment({
   unlistedVariablesAreDyn: true
 });
@@ -10526,15 +10523,21 @@ celEnvironment.registerFunction("random(): double", () => Math.random()).registe
     const nowValue = typeof nowVariable?.value === "number" ? nowVariable.value : typeof nowVariable?.value === "string" ? Number(nowVariable.value) : Date.now();
     return new Date(nowValue).toISOString();
   }
-).registerFunction("uuid(): string", () => (0, import_noya_utils8.uuid)());
+).registerFunction("uuid(): string", () => (0, import_noya_utils7.uuid)());
 var READ_DENIED = Symbol("readDenied");
 
+// ../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 });
+
 // ../state-manager/src/NoyaManager.ts
-var import_noya_utils12 = require("@noya-app/noya-utils");
-var import_observable18 = require("@noya-app/observable");
+var import_noya_utils19 = require("@noya-app/noya-utils");
+var import_observable21 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/graphToTasks.ts
-var import_observable10 = require("@noya-app/observable");
+var import_observable11 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/state.ts
 var import_noya_utils9 = require("@noya-app/noya-utils");
@@ -10636,40 +10639,163 @@ var pipelineSchema = Type.Object(
 );
 
 // ../state-manager/src/PipelineManager.ts
-var import_observable11 = require("@noya-app/observable");
+var import_observable12 = require("@noya-app/observable");
 
 // ../state-manager/src/PublishingManager.ts
-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_observable13 = require("@noya-app/observable");
+var import_observable14 = require("@noya-app/observable");
 
 // ../state-manager/src/rpcManager.ts
 var import_noya_utils11 = require("@noya-app/noya-utils");
-var import_observable14 = require("@noya-app/observable");
+var import_observable15 = require("@noya-app/observable");
 
 // ../state-manager/src/SecretManager.ts
-var import_observable15 = require("@noya-app/observable");
+var import_observable16 = require("@noya-app/observable");
 
 // ../state-manager/src/TaskManager.ts
-var import_observable16 = require("@noya-app/observable");
+var import_observable17 = require("@noya-app/observable");
+
+// ../state-manager/src/TranscriptionManager.ts
+var import_noya_utils12 = require("@noya-app/noya-utils");
+var import_observable18 = require("@noya-app/observable");
 
 // ../state-manager/src/UserManager.ts
-var import_observable17 = require("@noya-app/observable");
+var import_observable20 = require("@noya-app/observable");
 
-// ../state-manager/src/NoyaManager.ts
-var createMutatorParametersSchema = Type.Object({
-  sourceCode: Type.String({
-    description: "The source code of the mutator function."
-  }),
-  message: Type.String({
-    description: `A message that summarizes the changes made to the document state.`
-  })
-});
+// ../state-manager/src/sync/clientId.ts
+var import_noya_utils14 = require("@noya-app/noya-utils");
+var import_observable19 = require("@noya-app/observable");
 
-// ../state-manager/src/sync/localRpcHelpers.ts
+// ../state-manager/src/sync/defaultNames.ts
 var import_noya_utils13 = require("@noya-app/noya-utils");
+var animals = [
+  "cat",
+  "dog",
+  "owl",
+  "fish",
+  "horse",
+  "rabbit",
+  "snake",
+  "lion",
+  "bear",
+  "wolf",
+  "fox",
+  "elephant",
+  "giraffe",
+  "zebra",
+  "panda",
+  "monkey",
+  "penguin",
+  "koala",
+  "kangaroo",
+  "whale",
+  "shark",
+  "turtle",
+  "crocodile",
+  "hippo"
+];
+var adjectives = [
+  "happy",
+  "sleepy",
+  "hungry",
+  "thirsty",
+  "healthy",
+  "rich",
+  "funky",
+  "cool",
+  "awesome",
+  "amazing",
+  "fantastic",
+  "incredible",
+  "super",
+  "mega",
+  "ultra"
+];
+function randomElement(array) {
+  return array[Math.floor(Math.random() * array.length)];
+}
+function getClientImageUrl(animal) {
+  return `https://avatars.noya.site/animals/animals_${animal}.svg`;
+}
+function randomClientIdentity() {
+  const animal = randomElement(animals);
+  const name = `${(0, import_noya_utils13.upperFirst)(randomElement(adjectives))} ${(0, import_noya_utils13.upperFirst)(animal)}`;
+  return {
+    name,
+    animal,
+    image: getClientImageUrl(animal)
+  };
+}
+function getClientAnimalFromName(name) {
+  const parts = name.trim().split(/\s+/);
+  const possibleAnimal = parts[parts.length - 1]?.toLowerCase();
+  if (!possibleAnimal) return void 0;
+  return animals.includes(possibleAnimal) ? possibleAnimal : void 0;
+}
+
+// ../state-manager/src/sync/clientId.ts
+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 safeGetItem = (key) => {
+  try {
+    return typeof localStorage !== "undefined" ? localStorage.getItem(key) : null;
+  } catch {
+    return null;
+  }
+};
+var safeSetItem = (key, value) => {
+  try {
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(key, value);
+    }
+  } catch {
+  }
+};
+if (typeof window !== "undefined") {
+  const storedClientId = safeGetItem(CLIENT_ID_STORAGE_KEY);
+  if (storedClientId) {
+    clientId$.set(storedClientId);
+  } else {
+    const newClientId = (0, import_noya_utils14.uuid)();
+    safeSetItem(CLIENT_ID_STORAGE_KEY, newClientId);
+    clientId$.set(newClientId);
+  }
+  let storedClientName = safeGetItem(CLIENT_NAME_STORAGE_KEY) ?? void 0;
+  let storedClientImage = safeGetItem(CLIENT_IMAGE_STORAGE_KEY) ?? void 0;
+  const newIdentity = randomClientIdentity();
+  if (!storedClientName) {
+    storedClientName = newIdentity.name;
+    safeSetItem(CLIENT_NAME_STORAGE_KEY, storedClientName);
+  }
+  if (!storedClientImage) {
+    const animal = (storedClientName && getClientAnimalFromName(storedClientName)) ?? newIdentity.animal;
+    if (animal) {
+      storedClientImage = getClientImageUrl(animal);
+      safeSetItem(CLIENT_IMAGE_STORAGE_KEY, storedClientImage);
+    }
+  }
+  clientName$.set(storedClientName);
+  clientImage$.set(storedClientImage);
+}
+
+// ../state-manager/src/sync/syncUtils.ts
+var import_noya_utils15 = require("@noya-app/noya-utils");
+
+// ../state-manager/src/sync/localRpcHelpers.ts
+var import_noya_utils16 = 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");
@@ -10781,11 +10907,21 @@ var MenuItemTree = (0, import_tree_visit3.defineTree)((node) => {
   return node.type === "submenu" ? node.items : [];
 });
 
+// ../state-manager/src/NoyaManager.ts
+var createMutatorParametersSchema = Type.Object({
+  sourceCode: Type.String({
+    description: "The source code of the mutator function."
+  }),
+  message: Type.String({
+    description: `A message that summarizes the changes made to the document state.`
+  })
+});
+
 // ../noya-multiplayer-react/src/ai.ts
-var import_react60 = require("react");
+var import_react61 = require("react");
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_observable19 = require("@noya-app/observable");
+var import_observable22 = require("@noya-app/observable");
 
 // ../noya-react-utils/src/components/AutoSizer.tsx
 var React2 = __toESM(require("react"));
@@ -10967,7 +11103,7 @@ var FileDropTarget = memoGeneric(function FileDropTarget2({ children, onDropFile
 var import_react8 = require("react");
 
 // ../noya-react-utils/src/hooks/useDeepArray.ts
-var import_noya_utils14 = require("@noya-app/noya-utils");
+var import_noya_utils20 = require("@noya-app/noya-utils");
 var import_react9 = require("react");
 function useJsonMemo(value) {
   const stringified = (0, import_react9.useMemo)(
@@ -10982,7 +11118,7 @@ function useJsonMemo(value) {
 }
 
 // ../noya-react-utils/src/hooks/useDeepState.ts
-var import_noya_utils15 = require("@noya-app/noya-utils");
+var import_noya_utils21 = require("@noya-app/noya-utils");
 var import_react10 = require("react");
 
 // ../noya-react-utils/src/hooks/useFetch.ts
@@ -11013,7 +11149,7 @@ var import_react17 = require("react");
 var import_react18 = require("react");
 
 // ../noya-react-utils/src/hooks/useShallowArray.ts
-var import_noya_utils16 = require("@noya-app/noya-utils");
+var import_noya_utils22 = require("@noya-app/noya-utils");
 var import_react19 = require("react");
 
 // ../noya-react-utils/src/hooks/useStableCallback.ts
@@ -11023,7 +11159,7 @@ var import_react20 = require("react");
 var import_react21 = require("react");
 
 // ../noya-react-utils/src/hooks/useUrlHashParameters.ts
-var import_noya_utils17 = require("@noya-app/noya-utils");
+var import_noya_utils23 = require("@noya-app/noya-utils");
 var import_react22 = require("react");
 
 // ../noya-react-utils/src/hooks/useWindowSize.ts
@@ -11086,13 +11222,13 @@ function downloadBlob(...params) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/noyaApp.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 
 // ../noya-multiplayer-react/src/hooks.ts
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_client2 = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/components/ErrorOverlay.tsx
@@ -11170,12 +11306,12 @@ var ErrorOverlay = React6.memo(function ErrorOverlay2({
 });
 
 // ../noya-multiplayer-react/src/inspector/useStateInspector.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
-var import_noya_utils18 = require("@noya-app/noya-utils");
-var import_react54 = __toESM(require("react"));
+var import_noya_utils24 = require("@noya-app/noya-utils");
+var import_react55 = __toESM(require("react"));
 
 // ../../node_modules/react-inspector/dist/index.mjs
 var import_react24 = __toESM(require("react"), 1);
@@ -13029,6 +13165,105 @@ function HistorySection({
   );
 }
 
+// ../noya-multiplayer-react/src/inspector/sections/ServerScriptLogsSection.tsx
+var import_react51 = __toESM(require("react"));
+var levelColors = {
+  error: "#f87171",
+  warn: "#facc15",
+  log: "#9ca3af"
+};
+function formatTimestamp(timestamp) {
+  return new Date(timestamp).toLocaleTimeString();
+}
+function ServerScriptLogsSection({
+  showLogs,
+  setShowLogs,
+  colorScheme,
+  logs,
+  containerRef,
+  paused,
+  onTogglePaused
+}) {
+  const theme3 = getStateInspectorTheme(colorScheme);
+  return /* @__PURE__ */ import_react51.default.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showLogs,
+      setOpen: setShowLogs,
+      title: "Server Script Logs",
+      colorScheme,
+      right: /* @__PURE__ */ import_react51.default.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
+    },
+    /* @__PURE__ */ import_react51.default.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          fontSize: "11px",
+          opacity: 0.7
+        }
+      },
+      "Log streaming paused"
+    ), logs.map((log) => /* @__PURE__ */ import_react51.default.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "6px",
+          alignItems: "center",
+          fontSize: "10px",
+          color: "inherit",
+          marginBottom: log.values.length ? "4px" : 0,
+          textTransform: "uppercase"
+        }
+      },
+      /* @__PURE__ */ import_react51.default.createElement("span", null, formatTimestamp(log.timestamp)),
+      /* @__PURE__ */ import_react51.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      /* @__PURE__ */ import_react51.default.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            textTransform: "none",
+            fontSize: "10px"
+          }
+        },
+        log.scriptId
+      )
+    ), /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ import_react51.default.createElement(
+        themedObjectInspector,
+        {
+          key: index,
+          data: value,
+          theme: theme3,
+          expandLevel: 3
+        }
+      )) : /* @__PURE__ */ import_react51.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
+    ))), !logs?.length && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ import_react51.default.createElement("span", null, "No logs received")
+    ))
+  );
+}
+
 // ../noya-multiplayer-react/src/inspector/zip/crc32.ts
 var CRC_TABLE = (() => {
   const t = new Uint32Array(256);
@@ -13553,15 +13788,15 @@ function decodeAll(buffer) {
 }
 
 // ../noya-multiplayer-react/src/inspector/StateInspectorTitleLabel.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 function StateInspectorTitleLabel({
   children
 }) {
-  return /* @__PURE__ */ import_react51.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+  return /* @__PURE__ */ import_react52.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
 }
 
 // ../noya-multiplayer-react/src/inspector/StateInspectorToggleButton.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -13569,7 +13804,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ import_react52.default.createElement(
+  const rightIcon = /* @__PURE__ */ import_react53.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -13579,7 +13814,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -13588,7 +13823,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ import_react52.default.createElement(
+  const leftIcon = /* @__PURE__ */ import_react53.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -13598,7 +13833,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -13607,7 +13842,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement(
     "span",
     {
       role: "button",
@@ -13628,15 +13863,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react52.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react53.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // ../noya-multiplayer-react/src/inspector/useLocalStorageState.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var localStorage2 = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = import_react53.default.useState(() => {
+  const [state, setState] = import_react54.default.useState(() => {
     const value = localStorage2?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -13669,22 +13904,24 @@ var StateInspector = memoGeneric(function StateInspector2({
     assetManager,
     userManager,
     secretManager,
-    ephemeralUserDataManager,
+    sharedConnectionDataManager,
     connectionEventManager,
     taskManager,
     ioManager,
     resourceManager,
-    activityEventsManager
+    activityEventsManager,
+    logManager
   } = noyaManager;
-  const [didMount, setDidMount] = import_react54.default.useState(false);
+  const [didMount, setDidMount] = import_react55.default.useState(false);
   const tasks = useObservable2(taskManager.tasks$);
   const inputs = useObservable2(ioManager.inputs$);
   const outputTransforms = useObservable2(ioManager.outputTransforms$);
-  (0, import_react54.useLayoutEffect)(() => {
+  (0, import_react55.useLayoutEffect)(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = import_react54.default.useRef(null);
-  const activityEventsContainerRef = import_react54.default.useRef(null);
+  const eventsContainerRef = import_react55.default.useRef(null);
+  const activityEventsContainerRef = import_react55.default.useRef(null);
+  const serverLogsContainerRef = import_react55.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -13709,8 +13946,8 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-tasks",
     false
   );
-  const [showEphemeral, setShowEphemeral] = useLocalStorageState(
-    "noya-multiplayer-react-show-ephemeral",
+  const [showShared, setShowShared] = useLocalStorageState(
+    "noya-multiplayer-react-show-shared",
     false
   );
   const [showAssets, setShowAssets] = useLocalStorageState(
@@ -13737,16 +13974,43 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-activity-events",
     false
   );
+  const [showServerLogs, setShowServerLogs] = useLocalStorageState(
+    "noya-multiplayer-react-show-server-logs",
+    false
+  );
   const connectionEvents = useObservable2(connectionEventManager.events$);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
   }, [connectionEvents]);
+  const serverLogs = useObservable2(logManager.logs$);
+  const [serverLogsPaused, setServerLogsPaused] = import_react55.default.useState(false);
+  const [visibleServerLogs, setVisibleServerLogs] = import_react55.default.useState(
+    serverLogs ?? []
+  );
+  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)(() => {
+    if (!showServerLogs) return;
+    if (serverLogsContainerRef.current) {
+      serverLogsContainerRef.current.scrollTop = serverLogsContainerRef.current.scrollHeight;
+    }
+  }, [showServerLogs, visibleServerLogs]);
   const multipeerStateInitialized = useObservable2(
     multiplayerStateManager.isInitialized$
   );
-  const ephemeral = useObservable2(ephemeralUserDataManager.data$);
+  const shared = useObservable2(sharedConnectionDataManager.data$);
   const historySnapshot = useManagedHistory(multiplayerStateManager.sm);
   const assets = useObservable2(assetManager.assets$);
   const resources = useObservable2(resourceManager.resources$);
@@ -13755,7 +14019,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   const secrets = useObservable2(secretManager.secrets$);
   const secretsInitialized = useObservable2(secretManager.isInitialized$);
   const connectedUsers = useObservable2(userManager.connectedUsers$);
-  const userId = useObservable2(userManager.currentUserId$);
+  const connectionId = useObservable2(userManager.currentConnectionId$);
   const state = useObservable2(multiplayerStateManager.optimisticState$);
   const inputsInitialized = useObservable2(ioManager.inputsInitialized$);
   const outputTransformsInitialized = useObservable2(
@@ -13782,11 +14046,11 @@ var StateInspector = memoGeneric(function StateInspector2({
     zIndex: 9999,
     lineHeight: "13px"
   };
-  const handleExportAll = (0, import_react54.useCallback)(async () => {
+  const handleExportAll = (0, import_react55.useCallback)(async () => {
     const buffer = await exportAll(noyaManager);
     downloadBlob(new Blob([buffer]), "state.zip");
   }, [noyaManager]);
-  const handleImportAll = (0, import_react54.useCallback)(async () => {
+  const handleImportAll = (0, import_react55.useCallback)(async () => {
     const file = await uploadFile();
     const buffer = await file.arrayBuffer();
     importAll(buffer, noyaManager, {
@@ -13799,7 +14063,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       "div",
       {
         ...props,
@@ -13811,7 +14075,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react55.default.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -13822,7 +14086,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(
     "div",
     {
       ...props,
@@ -13831,7 +14095,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -13843,7 +14107,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           flex: "0 0 auto",
           maxHeight: "200px"
         },
-        right: /* @__PURE__ */ import_react54.default.createElement(
+        right: /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -13853,36 +14117,39 @@ var StateInspector = memoGeneric(function StateInspector2({
           }
         )
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => /* @__PURE__ */ import_react54.default.createElement(
-        StateInspectorRow,
-        {
-          key: user.id,
-          colorScheme,
-          variant: user.id === userId ? "up" : void 0,
-          bordered: index !== array.length - 1
-        },
-        user.image && /* @__PURE__ */ import_react54.default.createElement(
-          "img",
+      /* @__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(
+          StateInspectorRow,
           {
-            src: user.image,
-            alt: user.name,
-            style: {
-              width: "13px",
-              height: "13px",
-              borderRadius: "50%",
-              marginRight: "4px",
-              display: "inline-block",
-              position: "relative",
-              background: solidBorderColor,
-              verticalAlign: "middle"
+            key: user.connectionId,
+            colorScheme,
+            variant: user.connectionId === connectionId ? "up" : void 0,
+            bordered: index !== array.length - 1
+          },
+          user.image && /* @__PURE__ */ import_react55.default.createElement(
+            "img",
+            {
+              src: user.image,
+              alt: user.name,
+              style: {
+                width: "13px",
+                height: "13px",
+                borderRadius: "50%",
+                marginRight: "4px",
+                display: "inline-block",
+                position: "relative",
+                background: solidBorderColor,
+                verticalAlign: "middle"
+              }
             }
-          }
-        ),
-        user.name,
-        " (",
-        ellipsis(user.id.toString(), 8, "middle"),
-        ")"
-      )), !connectedUsers && /* @__PURE__ */ import_react54.default.createElement(
+          ),
+          user.name,
+          " (",
+          ellipsis(identifier, 8, "middle"),
+          ")"
+        );
+      }), !connectedUsers && /* @__PURE__ */ import_react55.default.createElement(
         "div",
         {
           style: {
@@ -13893,13 +14160,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react54.default.createElement("span", null, "No connected users")
+        /* @__PURE__ */ import_react55.default.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react54.default.createElement(
+        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react55.default.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -13908,7 +14175,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ import_react54.default.createElement(
+        right: /* @__PURE__ */ import_react55.default.createElement(
           "span",
           {
             style: {
@@ -13916,9 +14183,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ import_react54.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ import_react54.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ import_react54.default.createElement(
+          /* @__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(
             StateInspectorButton,
             {
               theme: theme3,
@@ -13930,14 +14197,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
         themedObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme: theme3
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
         themedObjectInspector,
         {
           name: "schema",
@@ -13946,7 +14213,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       HistorySection,
       {
         showHistory,
@@ -13956,14 +14223,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ import_react54.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react54.default.createElement(
+        right: /* @__PURE__ */ import_react55.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -13978,7 +14245,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react54.default.createElement(
+        ), /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -13991,7 +14258,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ import_react54.default.createElement(
+        ), /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14015,14 +14282,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+      /* @__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(
         themedObjectInspector,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme: theme3
         }
-      ), /* @__PURE__ */ import_react54.default.createElement(
+      ), /* @__PURE__ */ import_react55.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14031,14 +14298,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react54.default.createElement(
+    advanced && /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ import_react54.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react54.default.createElement(
+        right: /* @__PURE__ */ import_react55.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14053,12 +14320,12 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react54.default.createElement(
+        ), /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
             onClick: async () => {
-              const path2 = prompt("Enter directory path") || (0, import_noya_utils18.uuid)();
+              const path2 = prompt("Enter directory path") || (0, import_noya_utils24.uuid)();
               await resourceManager.createResource({
                 type: "directory",
                 path: path2
@@ -14066,7 +14333,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ import_react54.default.createElement(
+        ), /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14074,9 +14341,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               const file = await uploadFile();
               resourceManager.createResource({
                 type: "asset",
-                path: file.name || (0, import_noya_utils18.uuid)(),
+                path: file.name || (0, import_noya_utils24.uuid)(),
                 asset: {
-                  content: import_noya_utils18.Base64.encode(await file.arrayBuffer()),
+                  content: import_noya_utils24.Base64.encode(await file.arrayBuffer()),
                   contentType: file.type,
                   encoding: "base64"
                 }
@@ -14086,21 +14353,21 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+      /* @__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(
         themedObjectInspector,
         {
           name: resource.path,
           data: resource,
           theme: theme3
         }
-      ), /* @__PURE__ */ import_react54.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react54.default.createElement(
+      ), /* @__PURE__ */ import_react55.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react55.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ import_react54.default.createElement(
+      ), /* @__PURE__ */ import_react55.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14113,14 +14380,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Rename"
       )))))
     ),
-    advanced && /* @__PURE__ */ import_react54.default.createElement(
+    advanced && /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ import_react54.default.createElement(
+        right: /* @__PURE__ */ import_react55.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14135,7 +14402,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create"
         )
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react54.default.createElement(
+      /* @__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(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14144,15 +14411,15 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react54.default.createElement(
+    advanced && /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react54.default.createElement(
+      /* @__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(
         "div",
         {
           style: {
@@ -14163,15 +14430,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react54.default.createElement("span", null, "No inputs")
+        /* @__PURE__ */ import_react55.default.createElement("span", null, "No inputs")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react54.default.createElement(
+    advanced && /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react54.default.createElement(
+        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react55.default.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -14179,7 +14446,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react54.default.createElement(
+      /* @__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(
         "div",
         {
           style: {
@@ -14190,10 +14457,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react54.default.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ import_react55.default.createElement("span", null, "No output transforms")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react54.default.createElement(
+    advanced && /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -14201,7 +14468,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react55.default.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -14210,7 +14477,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_react54.default.createElement(
+        /* @__PURE__ */ import_react55.default.createElement(
           themedObjectInspector,
           {
             name: task.name,
@@ -14220,15 +14487,15 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       StateInspectorDisclosureSection,
       {
-        open: showEphemeral,
-        setOpen: setShowEphemeral,
-        title: "Ephemeral User Data",
+        open: showShared,
+        setOpen: setShowShared,
+        title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+      /* @__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(
         themedObjectInspector,
         {
           name: key,
@@ -14238,7 +14505,19 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
+      ServerScriptLogsSection,
+      {
+        colorScheme,
+        showLogs: showServerLogs,
+        setShowLogs: setShowServerLogs,
+        logs: visibleServerLogs,
+        paused: serverLogsPaused,
+        onTogglePaused: toggleServerLogsPaused,
+        containerRef: serverLogsContainerRef
+      }
+    ),
+    advanced && /* @__PURE__ */ import_react55.default.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -14248,7 +14527,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       EventsSection,
       {
         connectionEvents,
@@ -14260,7 +14539,7 @@ var StateInspector = memoGeneric(function StateInspector2({
     )
   );
 });
-var truncateAsset = (0, import_noya_utils18.memoize)((asset) => {
+var truncateAsset = (0, import_noya_utils24.memoize)((asset) => {
   if (asset.url.startsWith("data:") || asset.url.startsWith("blob:")) {
     return { ...asset, url: ellipsis(asset.url, 40) };
   }
@@ -14269,7 +14548,7 @@ var truncateAsset = (0, import_noya_utils18.memoize)((asset) => {
 
 // ../noya-multiplayer-react/src/hooks.ts
 function useManagedHistory(stateManager) {
-  return (0, import_react56.useSyncExternalStore)(
+  return (0, import_react57.useSyncExternalStore)(
     stateManager.historyEmittor.addListener,
     stateManager.getHistorySnapshot,
     stateManager.getHistorySnapshot
@@ -14277,15 +14556,15 @@ function useManagedHistory(stateManager) {
 }
 
 // ../noya-multiplayer-react/src/singleton.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var AnyNoyaStateContext = (0, import_react59.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react60.createContext)(void 0);
 var emptyArray = [];
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
-  const [streamId, setStreamId] = (0, import_react59.useState)(void 0);
+  const [streamId, setStreamId] = (0, import_react60.useState)(void 0);
   const stableStreamFilter = useJsonMemo(streamFilter);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -14299,29 +14578,29 @@ function useActivityEventsForManager(streamFilter, activityEventsManager) {
 }
 
 // ../noya-multiplayer-react/src/components/UserPointersOverlay.tsx
-var import_observable20 = require("@noya-app/observable");
-var import_react61 = __toESM(require("react"));
+var import_observable23 = require("@noya-app/observable");
+var import_react62 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
 var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   user,
-  ephemeralUserDataManager,
+  sharedConnectionDataManager,
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react61.useMemo)(() => {
-    const metadata$ = ephemeralUserDataManager.metadata$.observePath([user.id]).throttle(50);
-    const data$ = ephemeralUserDataManager.data$.observePath([user.id]).throttle(50);
-    return import_observable20.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
+  const observable = (0, import_react62.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 { metadata: metadata2, data: data2 };
     });
-  }, [ephemeralUserDataManager, user.id]);
+  }, [sharedConnectionDataManager, user.connectionId]);
   const { metadata, data } = useObservable2(observable);
-  const [, setForceUpdate] = (0, import_react61.useState)(0);
+  const [, setForceUpdate] = (0, import_react62.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -14330,7 +14609,7 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   }, [hideAfter, show, updatedAt]);
   if (!data?.pointer) return null;
   return renderUserPointer({
-    userId: user.id,
+    userId: user.connectionId,
     name: user.name,
     point: data.pointer,
     visible: show
@@ -14338,19 +14617,21 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
 });
 var UserPointersOverlay = memoGeneric(function UserPointers({
   userManager,
-  ephemeralUserDataManager,
+  sharedConnectionDataManager,
   renderUserPointer
 }) {
-  const currentUserId = useObservable2(ephemeralUserDataManager.currentUserId$);
+  const currentConnectionId = useObservable2(
+    sharedConnectionDataManager.currentConnectionId$
+  );
   const connectedUsers = useObservable2(userManager.connectedUsers$);
-  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, connectedUsers.map((user) => {
-    if (user.id === currentUserId) return null;
-    return /* @__PURE__ */ import_react61.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, connectedUsers.map((user) => {
+    if (user.connectionId === currentConnectionId) return null;
+    return /* @__PURE__ */ import_react62.default.createElement(
       UserPointerInternal,
       {
-        key: user.id,
+        key: user.connectionId,
         user,
-        ephemeralUserDataManager,
+        sharedConnectionDataManager,
         renderUserPointer
       }
     );
@@ -14359,15 +14640,15 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 
 // src/react/tableHooks.ts
 var import_observable_store = require("@noya-app/observable-store");
-var import_react62 = require("react");
+var import_react63 = require("react");
 function useTable(table, {
   where,
   select
 }, options = {}) {
-  const stableSelect = (0, import_react62.useMemo)(() => {
+  const stableSelect = (0, import_react63.useMemo)(() => {
     return JSON.stringify(select);
   }, [select]);
-  const stableWhere = (0, import_react62.useMemo)(() => {
+  const stableWhere = (0, import_react63.useMemo)(() => {
     let cloneWithNoUndefined = {};
     for (const [key, value] of Object.entries(where ?? {})) {
       if (value !== void 0) {
@@ -14376,7 +14657,7 @@ function useTable(table, {
     }
     return JSON.stringify(cloneWithNoUndefined);
   }, [where]);
-  const observable = (0, import_react62.useMemo)(() => {
+  const observable = (0, import_react63.useMemo)(() => {
     const parsedSelect = JSON.parse(stableSelect);
     const parsedWhere = JSON.parse(stableWhere);
     if (!table) {
@@ -14403,18 +14684,18 @@ function useTable(table, {
       }
     );
   }, [stableSelect, stableWhere, table, options.policy, options.debug]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     observable.start?.();
   }, [observable]);
   const { status, data } = useObservable2(observable);
-  const optimisticUpdate = (0, import_react62.useCallback)(
+  const optimisticUpdate = (0, import_react63.useCallback)(
     (entity, config) => {
       if (!table) return;
       table.optimisticUpdate(entity, config);
     },
     [table]
   );
-  return (0, import_react62.useMemo)(() => {
+  return (0, import_react63.useMemo)(() => {
     return {
       status,
       data,
@@ -14444,7 +14725,7 @@ function useFileListItem(id, select, options = {}) {
     { where: { id: id ?? null }, select },
     options
   );
-  return (0, import_react62.useMemo)(() => {
+  return (0, import_react63.useMemo)(() => {
     return {
       data: data.at(0),
       status,
@@ -14474,7 +14755,7 @@ function useUser(id, select, options = {}) {
     { select, where: { id: id ?? null } },
     options
   );
-  return (0, import_react62.useMemo)(() => {
+  return (0, import_react63.useMemo)(() => {
     return {
       status,
       data: data.at(0),