@noya-app/noya-multiplayer-react 0.1.70 → 0.1.72

package/dist/index.mjs

@@ -1493,7 +1493,7 @@ var require_lib2 = __commonJS({
 export * from "@noya-app/state-manager";
 
 // src/ai.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // ../../node_modules/@sinclair/typebox/build/esm/type/symbols/symbols.mjs
 var TransformKind = Symbol.for("TypeBox.Transform");
@@ -4612,11 +4612,11 @@ import {
   Observable
 } from "@noya-app/observable";
 import { useJsonMemo, useStableCallback } from "@noya-app/react-utils";
-import React17, {
+import React18, {
   createContext,
   useCallback as useCallback3,
   useContext,
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useMemo as useMemo4,
   useState as useState4
 } from "react";
@@ -4632,7 +4632,7 @@ import {
   TypeGuard,
   webSocketSync
 } from "@noya-app/state-manager";
-import { useMemo as useMemo3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState3 } from "react";
 
 // src/hooks.ts
 import {
@@ -4726,7 +4726,7 @@ var ErrorOverlay = React.memo(function ErrorOverlay2({
 });
 
 // src/inspector/useStateInspector.tsx
-import React15 from "react";
+import React16 from "react";
 import { createRoot } from "react-dom/client";
 import { useIsomorphicLayoutEffect } from "@noya-app/react-utils";
 
@@ -4860,12 +4860,12 @@ function uuid() {
 
 // src/inspector/StateInspector.tsx
 import { downloadBlob, memoGeneric } from "@noya-app/react-utils";
-import React14, {
+import React15, {
   useCallback,
   useEffect as useEffect2,
   useLayoutEffect
 } from "react";
-import { ObjectInspector as ObjectInspector4 } from "react-inspector";
+import { ObjectInspector as ObjectInspector5 } from "react-inspector";
 
 // src/useObservable.ts
 import { useMemo, useSyncExternalStore } from "react";
@@ -5084,14 +5084,15 @@ function StateInspectorRow({
   colorScheme,
   selected,
   style,
-  variant
+  variant,
+  bordered = true
 }) {
   const solidBorderColor = colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)";
   return /* @__PURE__ */ React6.createElement(
     "div",
     {
       style: {
-        borderBottom: `1px solid ${solidBorderColor}`,
+        borderBottom: bordered ? `1px solid ${solidBorderColor}` : void 0,
         fontSize: "12px",
         fontFamily: "Menlo, monospace",
         padding: "2px 12px 1px",
@@ -5537,6 +5538,106 @@ function HistorySection({
   );
 }
 
+// src/inspector/sections/ServerScriptLogsSection.tsx
+import React11 from "react";
+import { ObjectInspector as ObjectInspector4 } from "react-inspector";
+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 theme = getStateInspectorTheme(colorScheme);
+  return /* @__PURE__ */ React11.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showLogs,
+      setOpen: setShowLogs,
+      title: "Server Script Logs",
+      colorScheme,
+      right: /* @__PURE__ */ React11.createElement(StateInspectorButton, { theme, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
+    },
+    /* @__PURE__ */ React11.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ React11.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          fontSize: "11px",
+          opacity: 0.7
+        }
+      },
+      "Log streaming paused"
+    ), logs.map((log) => /* @__PURE__ */ React11.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ React11.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "6px",
+          alignItems: "center",
+          fontSize: "10px",
+          color: "inherit",
+          marginBottom: log.values.length ? "4px" : 0,
+          textTransform: "uppercase"
+        }
+      },
+      /* @__PURE__ */ React11.createElement("span", null, formatTimestamp(log.timestamp)),
+      /* @__PURE__ */ React11.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      /* @__PURE__ */ React11.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            textTransform: "none",
+            fontSize: "10px"
+          }
+        },
+        log.scriptId
+      )
+    ), /* @__PURE__ */ React11.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ React11.createElement(
+        ObjectInspector4,
+        {
+          key: index,
+          data: value,
+          theme,
+          expandLevel: 3
+        }
+      )) : /* @__PURE__ */ React11.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
+    ))), !logs?.length && /* @__PURE__ */ React11.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ React11.createElement("span", null, "No logs received")
+    ))
+  );
+}
+
 // src/inspector/serialization.ts
 import { createHash } from "@noya-app/state-manager";
 
@@ -6085,15 +6186,15 @@ function replaceDeep(obj, replacementMap) {
 }
 
 // src/inspector/StateInspectorTitleLabel.tsx
-import React11 from "react";
+import React12 from "react";
 function StateInspectorTitleLabel({
   children
 }) {
-  return /* @__PURE__ */ React11.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+  return /* @__PURE__ */ React12.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
 }
 
 // src/inspector/StateInspectorToggleButton.tsx
-import React12 from "react";
+import React13 from "react";
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -6101,7 +6202,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ React12.createElement(
+  const rightIcon = /* @__PURE__ */ React13.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6111,7 +6212,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -6120,7 +6221,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ React12.createElement(
+  const leftIcon = /* @__PURE__ */ React13.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6130,7 +6231,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -6139,7 +6240,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "span",
     {
       role: "button",
@@ -6160,15 +6261,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ React12.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ React13.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // src/inspector/useLocalStorageState.tsx
-import React13 from "react";
+import React14 from "react";
 var localStorage = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = React13.useState(() => {
+  const [state, setState] = React14.useState(() => {
     const value = localStorage?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -6193,29 +6294,32 @@ var StateInspector = memoGeneric(function StateInspector2({
   colorScheme = "light",
   anchor = "right",
   unstyled = false,
+  advanced = false,
   ...props
 }) {
   const {
     multiplayerStateManager,
     assetManager,
-    connectedUsersManager,
+    userManager,
     secretManager,
-    ephemeralUserDataManager,
+    sharedConnectionDataManager,
     connectionEventManager,
     taskManager,
     ioManager,
     resourceManager,
-    activityEventsManager
+    activityEventsManager,
+    logManager
   } = noyaManager;
-  const [didMount, setDidMount] = React14.useState(false);
+  const [didMount, setDidMount] = React15.useState(false);
   const tasks = useObservable(taskManager.tasks$);
   const inputs = useObservable(ioManager.inputs$);
   const outputTransforms = useObservable(ioManager.outputTransforms$);
   useLayoutEffect(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = React14.useRef(null);
-  const activityEventsContainerRef = React14.useRef(null);
+  const eventsContainerRef = React15.useRef(null);
+  const activityEventsContainerRef = React15.useRef(null);
+  const serverLogsContainerRef = React15.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -6240,8 +6344,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(
@@ -6268,16 +6372,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 = useObservable(connectionEventManager.events$);
   useEffect2(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
   }, [connectionEvents]);
+  const serverLogs = useObservable(logManager.logs$);
+  const [serverLogsPaused, setServerLogsPaused] = React15.useState(false);
+  const [visibleServerLogs, setVisibleServerLogs] = React15.useState(
+    serverLogs ?? []
+  );
+  const toggleServerLogsPaused = useCallback(() => {
+    setServerLogsPaused((value) => {
+      if (!value) {
+        setVisibleServerLogs(serverLogs ?? []);
+      }
+      return !value;
+    });
+  }, [serverLogs]);
+  useEffect2(() => {
+    if (serverLogsPaused) return;
+    setVisibleServerLogs(serverLogs ?? []);
+  }, [serverLogs, serverLogsPaused]);
+  useEffect2(() => {
+    if (!showServerLogs) return;
+    if (serverLogsContainerRef.current) {
+      serverLogsContainerRef.current.scrollTop = serverLogsContainerRef.current.scrollHeight;
+    }
+  }, [showServerLogs, visibleServerLogs]);
   const multipeerStateInitialized = useObservable(
     multiplayerStateManager.isInitialized$
   );
-  const ephemeral = useObservable(ephemeralUserDataManager.data$);
+  const shared = useObservable(sharedConnectionDataManager.data$);
   const historySnapshot = useManagedHistory(multiplayerStateManager.sm);
   const assets = useObservable(assetManager.assets$);
   const resources = useObservable(resourceManager.resources$);
@@ -6285,8 +6416,8 @@ var StateInspector = memoGeneric(function StateInspector2({
   const assetsInitialized = useObservable(assetManager.isInitialized$);
   const secrets = useObservable(secretManager.secrets$);
   const secretsInitialized = useObservable(secretManager.isInitialized$);
-  const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
-  const userId = useObservable(connectedUsersManager.currentUserId$);
+  const connectedUsers = useObservable(userManager.connectedUsers$);
+  const connectionId = useObservable(userManager.currentConnectionId$);
   const state = useObservable(multiplayerStateManager.optimisticState$);
   const inputsInitialized = useObservable(ioManager.inputsInitialized$);
   const outputTransformsInitialized = useObservable(
@@ -6330,7 +6461,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ React14.createElement(
+    return /* @__PURE__ */ React15.createElement(
       "div",
       {
         ...props,
@@ -6342,7 +6473,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -6353,7 +6484,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "div",
     {
       ...props,
@@ -6362,7 +6493,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -6374,7 +6505,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           flex: "0 0 auto",
           maxHeight: "200px"
         },
-        right: /* @__PURE__ */ React14.createElement(
+        right: /* @__PURE__ */ React15.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -6384,35 +6515,39 @@ var StateInspector = memoGeneric(function StateInspector2({
           }
         )
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ React14.createElement(
-        StateInspectorRow,
-        {
-          key: user.id,
-          colorScheme,
-          variant: user.id === userId ? "up" : void 0
-        },
-        user.image && /* @__PURE__ */ React14.createElement(
-          "img",
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
+        const identifier = user.userId ?? user.connectionId;
+        return /* @__PURE__ */ React15.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__ */ React15.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__ */ React14.createElement(
+          ),
+          user.name,
+          " (",
+          ellipsis(identifier, 8, "middle"),
+          ")"
+        );
+      }), !connectedUsers && /* @__PURE__ */ React15.createElement(
         "div",
         {
           style: {
@@ -6423,13 +6558,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React14.createElement("span", null, "No connected users")
+        /* @__PURE__ */ React15.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ React14.createElement(
+        title: /* @__PURE__ */ React15.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ React15.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -6438,7 +6573,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ React14.createElement(
+        right: /* @__PURE__ */ React15.createElement(
           "span",
           {
             style: {
@@ -6446,9 +6581,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ React14.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ React14.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ React14.createElement(
+          /* @__PURE__ */ React15.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ React15.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ React15.createElement(
             StateInspectorButton,
             {
               theme,
@@ -6460,15 +6595,15 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React14.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React14.createElement(
-        ObjectInspector4,
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React15.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React15.createElement(
+        ObjectInspector5,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ React14.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React14.createElement(
-        ObjectInspector4,
+      )), multiplayerStateManager.schema && /* @__PURE__ */ React15.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React15.createElement(
+        ObjectInspector5,
         {
           name: "schema",
           data: multiplayerStateManager.schema,
@@ -6476,7 +6611,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       HistorySection,
       {
         showHistory,
@@ -6486,14 +6621,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ React14.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React15.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ React15.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ React14.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React14.createElement(
+        right: /* @__PURE__ */ React15.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6508,7 +6643,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ React14.createElement(
+        ), /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6521,7 +6656,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ React14.createElement(
+        ), /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6545,14 +6680,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ React14.createElement(
-        ObjectInspector4,
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ React15.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ React15.createElement(
+        ObjectInspector5,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme
         }
-      ), /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React15.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6561,14 +6696,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ React14.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React15.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ React15.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ React14.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React14.createElement(
+        right: /* @__PURE__ */ React15.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6583,7 +6718,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ React14.createElement(
+        ), /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6596,7 +6731,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ React14.createElement(
+        ), /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6616,21 +6751,21 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ React14.createElement(
-        ObjectInspector4,
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ React15.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ React15.createElement(
+        ObjectInspector5,
         {
           name: resource.path,
           data: resource,
           theme
         }
-      ), /* @__PURE__ */ React14.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React15.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ React15.createElement(
         StateInspectorButton,
         {
           theme,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React15.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6643,14 +6778,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Rename"
       )))))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ React14.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React15.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ React15.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ React14.createElement(
+        right: /* @__PURE__ */ React15.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6665,7 +6800,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create"
         )
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { data: secret, theme }), /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ React15.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ React15.createElement(ObjectInspector5, { data: secret, theme }), /* @__PURE__ */ React15.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6674,16 +6809,15 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    " ",
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ React14.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React15.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ React15.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ React15.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ React15.createElement(ObjectInspector5, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ React15.createElement(
         "div",
         {
           style: {
@@ -6694,15 +6828,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React14.createElement("span", null, "No inputs")
+        /* @__PURE__ */ React15.createElement("span", null, "No inputs")
       ))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ React14.createElement(
+        title: /* @__PURE__ */ React15.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ React15.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -6710,7 +6844,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ React15.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ React15.createElement(ObjectInspector5, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ React15.createElement(
         "div",
         {
           style: {
@@ -6721,10 +6855,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React14.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ React15.createElement("span", null, "No output transforms")
       ))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -6732,7 +6866,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ React15.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -6741,8 +6875,8 @@ 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__ */ React14.createElement(
-          ObjectInspector4,
+        /* @__PURE__ */ React15.createElement(
+          ObjectInspector5,
           {
             name: task.name,
             data: task.payload,
@@ -6751,16 +6885,16 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       StateInspectorDisclosureSection,
       {
-        open: showEphemeral,
-        setOpen: setShowEphemeral,
-        title: "Ephemeral User Data",
+        open: showShared,
+        setOpen: setShowShared,
+        title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ React14.createElement(
-        ObjectInspector4,
+      /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ React15.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ React15.createElement(
+        ObjectInspector5,
         {
           name: key,
           data: value,
@@ -6769,7 +6903,19 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
+      ServerScriptLogsSection,
+      {
+        colorScheme,
+        showLogs: showServerLogs,
+        setShowLogs: setShowServerLogs,
+        logs: visibleServerLogs,
+        paused: serverLogsPaused,
+        onTogglePaused: toggleServerLogsPaused,
+        containerRef: serverLogsContainerRef
+      }
+    ),
+    advanced && /* @__PURE__ */ React15.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -6779,7 +6925,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       EventsSection,
       {
         connectionEvents,
@@ -6821,10 +6967,11 @@ function createStateInspectorRoot() {
 function useStateInspector({
   noyaManager,
   disabled = false,
+  advanced = false,
   colorScheme,
   anchor
 }) {
-  const [root, setRoot] = React15.useState(null);
+  const [root, setRoot] = React16.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (disabled) return;
     const { root: root2, unmount } = createStateInspectorRoot();
@@ -6834,16 +6981,17 @@ function useStateInspector({
   useIsomorphicLayoutEffect(() => {
     if (!root) return;
     root.render(
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(
         StateInspector,
         {
           colorScheme,
           anchor,
-          noyaManager
+          noyaManager,
+          advanced
         }
       )
     );
-  }, [noyaManager, anchor, colorScheme, root]);
+  }, [noyaManager, anchor, colorScheme, root, advanced]);
 }
 
 // src/hooks.ts
@@ -6911,8 +7059,8 @@ function useBindNoyaManager(noyaManager, options) {
       noyaManager,
       taskManager: noyaManager.taskManager,
       connectionEventManager: noyaManager.connectionEventManager,
-      connectedUsersManager: noyaManager.connectedUsersManager,
-      ephemeralUserDataManager: noyaManager.ephemeralUserDataManager,
+      userManager: noyaManager.userManager,
+      sharedConnectionDataManager: noyaManager.sharedConnectionDataManager,
       multiplayerStateManager: noyaManager.multiplayerStateManager,
       assetManager: noyaManager.assetManager,
       aiManager: noyaManager.aiManager,
@@ -6935,6 +7083,7 @@ function useBindNoyaManager(noyaManager, options) {
   useStateInspector({
     noyaManager,
     disabled: !options?.inspector,
+    advanced: true,
     ...typeof options?.inspector === "object" && options?.inspector
   });
   return [state, noyaManager.multiplayerStateManager.setState, extras];
@@ -6948,7 +7097,10 @@ function useMultiplayerState(initialState, options) {
   const [noyaManager] = useState2(
     () => new NoyaManager2(initialState, rest)
   );
-  return useBindNoyaManager(noyaManager, { sync, inspector });
+  return useBindNoyaManager(noyaManager, {
+    sync,
+    inspector
+  });
 }
 function useErrorOverlay(noyaManager) {
   const unrecoverableError = useObservable(noyaManager.unrecoverableError);
@@ -6972,7 +7124,9 @@ function createDefaultAppData(initialState) {
     theme: "light",
     viewType: "editable",
     initialState,
-    inspector: false
+    inspector: false,
+    isDemo: false,
+    access: void 0
   };
 }
 function enforceSchema(initialState, schema) {
@@ -7003,11 +7157,23 @@ function getAppData(initialState, schema, options) {
     appData.initialState = resolvedInitialState;
   }
   appData.initialState = enforceSchema(appData.initialState, schema);
+  appData.isDemo = appData.isDemo ?? false;
+  const fallbackAccess = appData.viewType === "editable" ? "write" : "read";
+  appData.access = appData.access ?? fallbackAccess;
   return appData;
 }
 function getSyncAdapter(params) {
-  const { multiplayerUrl, offlineStorageKey, debug } = params ?? {};
-  return isEmbeddedApp() ? parentFrameSync({ debug }) : multiplayerUrl ? webSocketSync({ url: multiplayerUrl, debug }) : offlineStorageKey ? localStorageSync({ key: offlineStorageKey }) : stubSync2();
+  const {
+    multiplayerUrl,
+    offlineStorageKey,
+    debug,
+    policyAuthContext,
+    serverScripts
+  } = params ?? {};
+  return isEmbeddedApp() ? parentFrameSync({ debug, policyAuthContext }) : multiplayerUrl ? webSocketSync({ url: multiplayerUrl, debug }) : offlineStorageKey ? localStorageSync({
+    key: offlineStorageKey,
+    ...serverScripts ? { serverScripts } : {}
+  }) : stubSync2();
 }
 function useNoyaStateInternal(...args) {
   const [initialState, options] = typeof args[0] === "object" && args[0] !== null && "schema" in args[0] && TypeGuard.IsSchema(args[0].schema) ? [null, args[0]] : [args[0], args[1]];
@@ -7017,31 +7183,63 @@ function useNoyaStateInternal(...args) {
       inspector,
       initialState: noyaAppInitialState,
       theme,
-      viewType
+      viewType,
+      userId,
+      isDemo,
+      access
     }
   ] = useState3(() => {
     return getAppData(initialState, options?.schema, {
       overrideExistingState: options?.overrideExistingState
     });
   });
+  const basePolicyAuthContext = useMemo3(() => {
+    if (!access && userId === void 0) return void 0;
+    const context = {};
+    if (access) {
+      context.access = access;
+    }
+    if (userId !== void 0) {
+      context.id = userId ?? null;
+    }
+    return context;
+  }, [access, userId]);
   const sync = useMemo3(() => {
     return getSyncAdapter({
       multiplayerUrl,
       offlineStorageKey: options?.offlineStorageKey,
-      debug: options?.debug
+      debug: options?.debug,
+      policyAuthContext: basePolicyAuthContext
     });
-  }, [multiplayerUrl, options?.offlineStorageKey, options?.debug]);
+  }, [
+    multiplayerUrl,
+    options?.offlineStorageKey,
+    options?.debug,
+    basePolicyAuthContext
+  ]);
   const [noyaManager] = useState3(
     () => new NoyaManager3(noyaAppInitialState, options)
   );
+  useEffect4(() => {
+    if (!userId) return;
+    noyaManager.sharedConnectionDataManager.setCurrentConnectionId(userId);
+    noyaManager.userManager.setCurrentConnectionId(userId);
+    noyaManager.userManager.setCurrentUserId(userId);
+  }, [noyaManager, userId]);
+  useEffect4(() => {
+    if (!basePolicyAuthContext) return;
+    noyaManager.multiplayerStateManager.setPolicyAuthContext(
+      basePolicyAuthContext
+    );
+  }, [noyaManager, basePolicyAuthContext]);
   const result = useBindNoyaManager(noyaManager, {
     inspector: options?.inspector ?? inspector,
     sync: options?.sync ?? sync
   });
   const [, , extras] = result;
   const mergedExtras = useMemo3(() => {
-    return { ...extras, theme, viewType };
-  }, [extras, theme, viewType]);
+    return { ...extras, theme, viewType, isDemo };
+  }, [extras, theme, viewType, isDemo]);
   return [result[0], result[1], mergedExtras];
 }
 
@@ -7049,7 +7247,7 @@ function useNoyaStateInternal(...args) {
 import {
   NoyaManager as NoyaManager4
 } from "@noya-app/state-manager";
-import React16 from "react";
+import React17 from "react";
 var noyaManagerSingleton;
 var noyaSingletonBindings;
 function initializeNoyaSingleton(options) {
@@ -7066,6 +7264,7 @@ function initializeNoyaSingleton(options) {
     viewType,
     offlineStorageKey,
     multiplayerUrl,
+    serverScripts,
     ...managerOptions
   } = options ?? {};
   const appData = getAppData(
@@ -7073,14 +7272,27 @@ function initializeNoyaSingleton(options) {
     managerOptions?.schema,
     { overrideExistingState: managerOptions?.overrideExistingState }
   );
+  const policyAuthContext = appData.access || appData.userId !== void 0 ? {
+    ...appData.access ? { access: appData.access } : {},
+    ...appData.userId !== void 0 ? { id: appData.userId ?? null } : {}
+  } : void 0;
   noyaManagerSingleton = new NoyaManager4(
     appData.initialState,
     managerOptions
   );
+  if (appData.userId) {
+    noyaManagerSingleton.sharedConnectionDataManager.setCurrentConnectionId(
+      appData.userId
+    );
+    noyaManagerSingleton.userManager.setCurrentConnectionId(appData.userId);
+    noyaManagerSingleton.userManager.setCurrentUserId(appData.userId);
+  }
   const resolvedSync = sync ?? getSyncAdapter({
     multiplayerUrl: multiplayerUrl ?? appData.multiplayerUrl,
     offlineStorageKey,
-    debug: managerOptions?.debug
+    debug: managerOptions?.debug,
+    serverScripts,
+    policyAuthContext
   });
   try {
     resolvedSync({ noyaManager: noyaManagerSingleton });
@@ -7093,12 +7305,13 @@ function initializeNoyaSingleton(options) {
   if (resolvedInspector) {
     const { root } = createStateInspectorRoot();
     root.render(
-      /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React17.createElement(
         StateInspector,
         {
           noyaManager: noyaManagerSingleton,
           colorScheme: resolvedInspector === true ? resolvedTheme : resolvedInspector.colorScheme,
-          anchor: resolvedInspector === true ? "bottom right" : resolvedInspector.anchor
+          anchor: resolvedInspector === true ? "bottom right" : resolvedInspector.anchor,
+          advanced: resolvedInspector === true ? false : resolvedInspector.advanced
         }
       )
     );
@@ -7107,7 +7320,9 @@ function initializeNoyaSingleton(options) {
     sync: resolvedSync,
     inspector: resolvedInspector,
     theme: resolvedTheme,
-    viewType: resolvedViewType
+    viewType: resolvedViewType,
+    userId: appData.userId,
+    isDemo: appData.isDemo
   };
 }
 function getNoyaManagerSingleton() {
@@ -7158,40 +7373,38 @@ function resourceToCreateParameters(resource) {
       throw new Error(`Unknown resource type: ${resource.type}`);
   }
 }
-function buildCreateResourcePayload({
+function buildResourcePatchPayload({
   addedResources,
   modifiedResources,
-  newResourceMap,
-  resourceMap
+  removedResources
 }) {
-  const toCreateParameters = resourceToCreateParameters;
-  const resourcesById = new Map(
-    Object.values(resourceMap).map((resource) => [resource.id, resource])
+  const createEntries = addedResources.map(resourceToCreateParameters);
+  const dedupedCreateEntries = Array.from(
+    new Map(createEntries.map((entry) => [entry.path, entry])).values()
   );
-  const payload = [
-    ...addedResources.map(toCreateParameters)
-  ];
-  const handledModifiedResourceIds = [];
-  const assetReplacements = modifiedResources.filter(
-    (resource) => resource.assetId !== void 0 || resource.asset !== void 0
-  ).map((resource) => {
-    const previousResource = resourcesById.get(resource.id);
-    const path2 = resource.path ?? previousResource?.path;
-    if (!path2) return void 0;
-    const updated = newResourceMap[path2];
-    if (!updated || updated.type !== "asset") return void 0;
-    handledModifiedResourceIds.push(resource.id);
-    return toCreateParameters(updated);
-  }).filter(
-    (resource) => resource !== void 0
-  );
-  const deduped = new Map(
-    [...payload, ...assetReplacements].map((item) => [item.path, item])
+  const updateEntries = modifiedResources.map((resource) => {
+    const update = {
+      id: resource.id,
+      ...resource.path !== void 0 ? { path: resource.path } : {},
+      ...resource.assetId !== void 0 ? { assetId: resource.assetId } : {},
+      ...resource.asset ? { asset: resource.asset } : {}
+    };
+    return update;
+  }) ?? [];
+  const deleteEntries = removedResources.map(
+    (resource) => ({ id: resource.id })
   );
-  return {
-    payload: Array.from(deduped.values()),
-    consumedModifiedResourceIds: [...new Set(handledModifiedResourceIds)]
-  };
+  const patch = {};
+  if (dedupedCreateEntries.length) {
+    patch.create = dedupedCreateEntries;
+  }
+  if (updateEntries.length) {
+    patch.update = updateEntries;
+  }
+  if (deleteEntries.length) {
+    patch.delete = deleteEntries;
+  }
+  return patch;
 }
 var AnyNoyaStateContext = createContext(void 0);
 function useAnyNoyaStateContext() {
@@ -7283,7 +7496,7 @@ function useIOManager() {
 function usePublish(callback) {
   const { noyaManager } = useAnyNoyaStateContext();
   const stableCallback = useStableCallback(callback);
-  useEffect4(() => {
+  useEffect5(() => {
     noyaManager.publishingManager.setPublishingEnabled(true);
     noyaManager.publishingManager.getFilesToPublish = stableCallback;
     return () => {
@@ -7311,22 +7524,22 @@ function usePipelineManager() {
   const { noyaManager } = useAnyNoyaStateContext();
   return noyaManager.pipelineManager;
 }
-function useConnectedUsersManager() {
+function useUserManager() {
   const { noyaManager } = useAnyNoyaStateContext();
-  return noyaManager.connectedUsersManager;
+  return noyaManager.userManager;
 }
 function useConnectedUsers() {
-  const connectedUsersManager = useConnectedUsersManager();
-  return useObservable(connectedUsersManager?.connectedUsers$);
+  const userManager = useUserManager();
+  return useObservable(userManager?.connectedUsers$);
 }
 function useConnectedUser(userId) {
-  const connectedUsersManager = useConnectedUsersManager();
+  const userManager = useUserManager();
   return useObservable(
-    connectedUsersManager?.connectedUsers$,
+    userManager?.connectedUsers$,
     useCallback3(
       (users) => {
         return users.find((user) => {
-          const prefix = user.id.slice(0, 8);
+          const prefix = user.connectionId.slice(0, 8);
           return userId?.includes(prefix);
         });
       },
@@ -7334,13 +7547,33 @@ function useConnectedUser(userId) {
     )
   );
 }
-function useAnyEphemeralUserData() {
+function useAnySharedConnectionData() {
   const { noyaManager } = useAnyNoyaStateContext();
-  return noyaManager.ephemeralUserDataManager;
+  return noyaManager.sharedConnectionDataManager;
+}
+function useEnqueueInput() {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.enqueueInput;
+}
+function useNoyaUser() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentUser$);
+}
+function useNoyaId() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentId$);
 }
-function useCurrentUserId() {
-  const connectedUsersManager = useConnectedUsersManager();
-  return useObservable(connectedUsersManager?.currentUserId$);
+function useNoyaUserId() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentUserId$);
+}
+function useNoyaConnectionId() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentConnectionId$);
+}
+function useNoyaClientId() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentClientId$);
 }
 function useIsProcessing() {
   const { noyaManager } = useAnyNoyaStateContext();
@@ -7363,6 +7596,21 @@ function useResourceManager() {
   const { noyaManager } = useAnyNoyaStateContext();
   return noyaManager.resourceManager;
 }
+function useNoyaTranscriptionManager() {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.transcriptionManager;
+}
+function useNoyaAssetTranscription(assetId, options) {
+  const transcriptionManager = useNoyaTranscriptionManager();
+  const observable = useMemo4(() => {
+    if (!assetId) return void 0;
+    return transcriptionManager.getAssetTranscription$(assetId, {
+      endpoint: options?.endpoint,
+      apiKey: options?.apiKey
+    });
+  }, [transcriptionManager, assetId, options?.endpoint, options?.apiKey]);
+  return useObservable(observable);
+}
 function resourceToMediaItem(resource) {
   switch (resource.type) {
     case "asset":
@@ -7390,24 +7638,15 @@ function useResources({
     async (action) => {
       const newResourceMap = action instanceof Function ? action(resourceMap) : action;
       const { addedResources, removedResources, modifiedResources } = diffResourceMaps(resourceMap, newResourceMap, "id");
-      const { payload: createPayload, consumedModifiedResourceIds } = buildCreateResourcePayload({
+      const patchPayload = buildResourcePatchPayload({
         addedResources,
         modifiedResources,
-        newResourceMap,
-        resourceMap
+        removedResources
       });
-      if (createPayload.length > 0) {
-        await resourceManager.createResource(createPayload);
+      const hasPatchOperations = (patchPayload.create?.length ?? 0) > 0 || (patchPayload.update?.length ?? 0) > 0 || (patchPayload.delete?.length ?? 0) > 0;
+      if (hasPatchOperations) {
+        await resourceManager.patchResources(patchPayload);
       }
-      const consumedModifiedResourceIdsSet = new Set(
-        consumedModifiedResourceIds
-      );
-      const remainingModifiedResources = modifiedResources.filter(
-        (resource) => !consumedModifiedResourceIdsSet.has(resource.id)
-      );
-      await resourceManager.deleteResource(
-        removedResources.map((resource) => ({ id: resource.id }))
-      );
       if (shouldDeleteAssets) {
         for (const resource of removedResources) {
           if (resource.type === "asset") {
@@ -7415,16 +7654,6 @@ function useResources({
           }
         }
       }
-      await Promise.all(
-        remainingModifiedResources.map(
-          ({ id, path: path2, assetId, asset }) => resourceManager.updateResource({
-            id,
-            path: path2,
-            assetId,
-            ...assetId ? {} : asset ? { asset } : {}
-          })
-        )
-      );
     },
     [resourceMap, resourceManager, shouldDeleteAssets, assetManager]
   );
@@ -7441,7 +7670,7 @@ function useActivityEvents(streamFilter) {
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
   const [streamId, setStreamId] = useState4(void 0);
   const stableStreamFilter = useJsonMemo(streamFilter);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -7472,7 +7701,7 @@ function createNoyaContext({
     children,
     contextValue
   }) {
-    return /* @__PURE__ */ React17.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, children);
+    return /* @__PURE__ */ React18.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, children);
   }
   function NoyaStateProvider({
     children,
@@ -7495,7 +7724,7 @@ function createNoyaContext({
       }),
       [noyaManager, theme, viewType]
     );
-    return /* @__PURE__ */ React17.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ React17.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
+    return /* @__PURE__ */ React18.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ React18.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
   }
   function useValue(path2, options) {
     const { noyaManager } = useAnyNoyaStateContext();
@@ -7536,9 +7765,9 @@ function createNoyaContext({
     const { noyaManager } = useAnyNoyaStateContext();
     return noyaManager.multiplayerStateManager;
   }
-  function useEphemeralUserDataManager() {
+  function useSharedConnectionDataManager() {
     const { noyaManager } = useAnyNoyaStateContext();
-    return noyaManager.ephemeralUserDataManager;
+    return noyaManager.sharedConnectionDataManager;
   }
   function useNoyaManager() {
     return useAnyNoyaStateContext().noyaManager;
@@ -7549,7 +7778,7 @@ function createNoyaContext({
   }
   function useSetLeftMenuItems(leftMenuItems) {
     const { menuManager } = useNoyaManager();
-    useEffect4(() => {
+    useEffect5(() => {
       if (leftMenuItems) {
         menuManager.setLeftMenuItems(leftMenuItems);
       }
@@ -7561,7 +7790,7 @@ function createNoyaContext({
   }
   function useSetRightMenuItems(rightMenuItems) {
     const { menuManager } = useNoyaManager();
-    useEffect4(() => {
+    useEffect5(() => {
       if (rightMenuItems) {
         menuManager.setRightMenuItems(rightMenuItems);
       }
@@ -7569,7 +7798,7 @@ function createNoyaContext({
   }
   function useHandleMenuItem(callback) {
     const { menuManager } = useNoyaManager();
-    useEffect4(() => {
+    useEffect5(() => {
       return menuManager.addListener(callback);
     }, [menuManager, callback]);
   }
@@ -7593,7 +7822,7 @@ function createNoyaContext({
     useSetValue,
     useValueState,
     useStateManager,
-    useEphemeralUserDataManager,
+    useSharedConnectionDataManager,
     useLeftMenuItems,
     useSetLeftMenuItems,
     useRightMenuItems,
@@ -7608,7 +7837,7 @@ function createNoyaContext({
 // src/ai.ts
 function useRegisterAITool(tool) {
   const aiManager = useAIManager();
-  useEffect5(() => {
+  useEffect6(() => {
     return aiManager.registerTool(tool);
   }, [aiManager, tool]);
 }
@@ -7620,28 +7849,28 @@ function useCallableAITools() {
 // src/components/UserPointersOverlay.tsx
 import { Observable as Observable2 } from "@noya-app/observable";
 import { memoGeneric as memoGeneric2 } from "@noya-app/react-utils";
-import React18, { useEffect as useEffect6, useMemo as useMemo5, useState as useState5 } from "react";
+import React19, { useEffect as useEffect7, useMemo as useMemo5, useState as useState5 } from "react";
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
 var UserPointerInternal = memoGeneric2(function UserPointerInternal2({
   user,
-  ephemeralUserDataManager,
+  sharedConnectionDataManager,
   hideAfter = 5e3,
   renderUserPointer
 }) {
   const observable = useMemo5(() => {
-    const metadata$ = ephemeralUserDataManager.metadata$.observePath([user.id]).throttle(50);
-    const data$ = ephemeralUserDataManager.data$.observePath([user.id]).throttle(50);
+    const metadata$ = sharedConnectionDataManager.metadata$.observePath([user.connectionId]).throttle(50);
+    const data$ = sharedConnectionDataManager.data$.observePath([user.connectionId]).throttle(50);
     return Observable2.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
-  }, [ephemeralUserDataManager, user.id]);
+  }, [sharedConnectionDataManager, user.connectionId]);
   const { metadata, data } = useObservable(observable);
   const [, setForceUpdate] = useState5(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -7650,27 +7879,29 @@ var UserPointerInternal = memoGeneric2(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
   });
 });
 var UserPointersOverlay = memoGeneric2(function UserPointers({
-  connectedUsersManager,
-  ephemeralUserDataManager,
+  userManager,
+  sharedConnectionDataManager,
   renderUserPointer
 }) {
-  const currentUserId = useObservable(ephemeralUserDataManager.currentUserId$);
-  const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, connectedUsers.map((user) => {
-    if (user.id === currentUserId) return null;
-    return /* @__PURE__ */ React18.createElement(
+  const currentConnectionId = useObservable(
+    sharedConnectionDataManager.currentConnectionId$
+  );
+  const connectedUsers = useObservable(userManager.connectedUsers$);
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, connectedUsers.map((user) => {
+    if (user.connectionId === currentConnectionId) return null;
+    return /* @__PURE__ */ React19.createElement(
       UserPointerInternal,
       {
-        key: user.id,
+        key: user.connectionId,
         user,
-        ephemeralUserDataManager,
+        sharedConnectionDataManager,
         renderUserPointer
       }
     );
@@ -7763,7 +7994,7 @@ export {
   StateInspector,
   UserPointersOverlay,
   WebSocketConnection,
-  buildCreateResourcePayload,
+  buildResourcePatchPayload,
   createDefaultAppData,
   createNoyaContext,
   createStateInspectorRoot,
@@ -7786,9 +8017,9 @@ export {
   useAIManager,
   useActivityEvents,
   useActivityEventsForManager,
-  useAnyEphemeralUserData,
   useAnyNoyaManager,
   useAnyNoyaStateContext,
+  useAnySharedConnectionData,
   useAsset,
   useAssetManager,
   useAssets,
@@ -7797,8 +8028,7 @@ export {
   useColorScheme,
   useConnectedUser,
   useConnectedUsers,
-  useConnectedUsersManager,
-  useCurrentUserId,
+  useEnqueueInput,
   useFileName,
   useFilePropertyManager,
   useIOManager,
@@ -7808,7 +8038,14 @@ export {
   useManagedHistory,
   useManagedState,
   useMultiplayerState,
+  useNoyaAssetTranscription,
+  useNoyaClientId,
+  useNoyaConnectionId,
+  useNoyaId,
   useNoyaStateInternal,
+  useNoyaTranscriptionManager,
+  useNoyaUser,
+  useNoyaUserId,
   useObservable,
   useOutputTransforms,
   usePipelineManager,
@@ -7821,6 +8058,7 @@ export {
   useSecrets,
   useSetFileNameState,
   useStateInspector,
+  useUserManager,
   useViewType
 };
 //# sourceMappingURL=index.mjs.map