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

package/dist/index.js

@@ -1500,7 +1500,7 @@ __export(src_exports, {
   StateInspector: () => StateInspector,
   UserPointersOverlay: () => UserPointersOverlay,
   WebSocketConnection: () => WebSocketConnection,
-  buildCreateResourcePayload: () => buildCreateResourcePayload,
+  buildResourcePatchPayload: () => buildResourcePatchPayload,
   createDefaultAppData: () => createDefaultAppData,
   createNoyaContext: () => createNoyaContext,
   createStateInspectorRoot: () => createStateInspectorRoot,
@@ -1523,9 +1523,9 @@ __export(src_exports, {
   useAIManager: () => useAIManager,
   useActivityEvents: () => useActivityEvents,
   useActivityEventsForManager: () => useActivityEventsForManager,
-  useAnyEphemeralUserData: () => useAnyEphemeralUserData,
   useAnyNoyaManager: () => useAnyNoyaManager,
   useAnyNoyaStateContext: () => useAnyNoyaStateContext,
+  useAnySharedConnectionData: () => useAnySharedConnectionData,
   useAsset: () => useAsset,
   useAssetManager: () => useAssetManager,
   useAssets: () => useAssets,
@@ -1534,8 +1534,7 @@ __export(src_exports, {
   useColorScheme: () => useColorScheme,
   useConnectedUser: () => useConnectedUser,
   useConnectedUsers: () => useConnectedUsers,
-  useConnectedUsersManager: () => useConnectedUsersManager,
-  useCurrentUserId: () => useCurrentUserId,
+  useEnqueueInput: () => useEnqueueInput,
   useFileName: () => useFileName,
   useFilePropertyManager: () => useFilePropertyManager,
   useIOManager: () => useIOManager,
@@ -1545,7 +1544,14 @@ __export(src_exports, {
   useManagedHistory: () => useManagedHistory,
   useManagedState: () => useManagedState,
   useMultiplayerState: () => useMultiplayerState,
+  useNoyaAssetTranscription: () => useNoyaAssetTranscription,
+  useNoyaClientId: () => useNoyaClientId,
+  useNoyaConnectionId: () => useNoyaConnectionId,
+  useNoyaId: () => useNoyaId,
   useNoyaStateInternal: () => useNoyaStateInternal,
+  useNoyaTranscriptionManager: () => useNoyaTranscriptionManager,
+  useNoyaUser: () => useNoyaUser,
+  useNoyaUserId: () => useNoyaUserId,
   useObservable: () => useObservable,
   useOutputTransforms: () => useOutputTransforms,
   usePipelineManager: () => usePipelineManager,
@@ -1558,13 +1564,14 @@ __export(src_exports, {
   useSecrets: () => useSecrets,
   useSetFileNameState: () => useSetFileNameState,
   useStateInspector: () => useStateInspector,
+  useUserManager: () => useUserManager,
   useViewType: () => useViewType
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("@noya-app/state-manager"), module.exports);
 
 // src/ai.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // ../../node_modules/@sinclair/typebox/build/esm/type/symbols/symbols.mjs
 var TransformKind = Symbol.for("TypeBox.Transform");
@@ -4681,15 +4688,15 @@ format_exports.Set("uuid", validateUUID);
 // src/NoyaStateContext.tsx
 var import_observable = require("@noya-app/observable");
 var import_react_utils3 = require("@noya-app/react-utils");
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 
 // src/noyaApp.ts
 var import_state_manager3 = require("@noya-app/state-manager");
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/hooks.ts
 var import_state_manager2 = require("@noya-app/state-manager");
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_client2 = require("react-dom/client");
 
 // src/components/ErrorOverlay.tsx
@@ -4767,7 +4774,7 @@ var ErrorOverlay = React.memo(function ErrorOverlay2({
 });
 
 // src/inspector/useStateInspector.tsx
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 var import_react_utils2 = require("@noya-app/react-utils");
 
@@ -4901,8 +4908,8 @@ function uuid() {
 
 // src/inspector/StateInspector.tsx
 var import_react_utils = require("@noya-app/react-utils");
-var import_react14 = __toESM(require("react"));
-var import_react_inspector6 = require("react-inspector");
+var import_react15 = __toESM(require("react"));
+var import_react_inspector7 = require("react-inspector");
 
 // src/useObservable.ts
 var import_react = require("react");
@@ -5119,14 +5126,15 @@ function StateInspectorRow({
   colorScheme,
   selected,
   style,
-  variant
+  variant,
+  bordered = true
 }) {
   const solidBorderColor = colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)";
   return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       style: {
-        borderBottom: `1px solid ${solidBorderColor}`,
+        borderBottom: bordered ? `1px solid ${solidBorderColor}` : void 0,
         fontSize: "12px",
         fontFamily: "Menlo, monospace",
         padding: "2px 12px 1px",
@@ -5572,6 +5580,106 @@ function HistorySection({
   );
 }
 
+// src/inspector/sections/ServerScriptLogsSection.tsx
+var import_react11 = __toESM(require("react"));
+var import_react_inspector6 = require("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__ */ import_react11.default.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showLogs,
+      setOpen: setShowLogs,
+      title: "Server Script Logs",
+      colorScheme,
+      right: /* @__PURE__ */ import_react11.default.createElement(StateInspectorButton, { theme, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
+    },
+    /* @__PURE__ */ import_react11.default.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          fontSize: "11px",
+          opacity: 0.7
+        }
+      },
+      "Log streaming paused"
+    ), logs.map((log) => /* @__PURE__ */ import_react11.default.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "6px",
+          alignItems: "center",
+          fontSize: "10px",
+          color: "inherit",
+          marginBottom: log.values.length ? "4px" : 0,
+          textTransform: "uppercase"
+        }
+      },
+      /* @__PURE__ */ import_react11.default.createElement("span", null, formatTimestamp(log.timestamp)),
+      /* @__PURE__ */ import_react11.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      /* @__PURE__ */ import_react11.default.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            textTransform: "none",
+            fontSize: "10px"
+          }
+        },
+        log.scriptId
+      )
+    ), /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ import_react11.default.createElement(
+        import_react_inspector6.ObjectInspector,
+        {
+          key: index,
+          data: value,
+          theme,
+          expandLevel: 3
+        }
+      )) : /* @__PURE__ */ import_react11.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
+    ))), !logs?.length && /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ import_react11.default.createElement("span", null, "No logs received")
+    ))
+  );
+}
+
 // src/inspector/serialization.ts
 var import_state_manager = require("@noya-app/state-manager");
 
@@ -6120,15 +6228,15 @@ function replaceDeep(obj, replacementMap) {
 }
 
 // src/inspector/StateInspectorTitleLabel.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 function StateInspectorTitleLabel({
   children
 }) {
-  return /* @__PURE__ */ import_react11.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+  return /* @__PURE__ */ import_react12.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
 }
 
 // src/inspector/StateInspectorToggleButton.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -6136,7 +6244,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ import_react12.default.createElement(
+  const rightIcon = /* @__PURE__ */ import_react13.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6146,7 +6254,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -6155,7 +6263,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ import_react12.default.createElement(
+  const leftIcon = /* @__PURE__ */ import_react13.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6165,7 +6273,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -6174,7 +6282,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     "span",
     {
       role: "button",
@@ -6195,15 +6303,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react12.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react13.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // src/inspector/useLocalStorageState.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var localStorage = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = import_react13.default.useState(() => {
+  const [state, setState] = import_react14.default.useState(() => {
     const value = localStorage?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -6228,29 +6336,32 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
   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] = import_react14.default.useState(false);
+  const [didMount, setDidMount] = import_react15.default.useState(false);
   const tasks = useObservable(taskManager.tasks$);
   const inputs = useObservable(ioManager.inputs$);
   const outputTransforms = useObservable(ioManager.outputTransforms$);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = import_react14.default.useRef(null);
-  const activityEventsContainerRef = import_react14.default.useRef(null);
+  const eventsContainerRef = import_react15.default.useRef(null);
+  const activityEventsContainerRef = import_react15.default.useRef(null);
+  const serverLogsContainerRef = import_react15.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -6275,8 +6386,8 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     "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(
@@ -6303,16 +6414,43 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     "noya-multiplayer-react-show-activity-events",
     false
   );
+  const [showServerLogs, setShowServerLogs] = useLocalStorageState(
+    "noya-multiplayer-react-show-server-logs",
+    false
+  );
   const connectionEvents = useObservable(connectionEventManager.events$);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
   }, [connectionEvents]);
+  const serverLogs = useObservable(logManager.logs$);
+  const [serverLogsPaused, setServerLogsPaused] = import_react15.default.useState(false);
+  const [visibleServerLogs, setVisibleServerLogs] = import_react15.default.useState(
+    serverLogs ?? []
+  );
+  const toggleServerLogsPaused = (0, import_react15.useCallback)(() => {
+    setServerLogsPaused((value) => {
+      if (!value) {
+        setVisibleServerLogs(serverLogs ?? []);
+      }
+      return !value;
+    });
+  }, [serverLogs]);
+  (0, import_react15.useEffect)(() => {
+    if (serverLogsPaused) return;
+    setVisibleServerLogs(serverLogs ?? []);
+  }, [serverLogs, serverLogsPaused]);
+  (0, import_react15.useEffect)(() => {
+    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$);
@@ -6320,8 +6458,8 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
   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(
@@ -6348,11 +6486,11 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     zIndex: 9999,
     lineHeight: "13px"
   };
-  const handleExportAll = (0, import_react14.useCallback)(async () => {
+  const handleExportAll = (0, import_react15.useCallback)(async () => {
     const buffer = await exportAll(noyaManager);
     (0, import_react_utils.downloadBlob)(new Blob([buffer]), "state.zip");
   }, [noyaManager]);
-  const handleImportAll = (0, import_react14.useCallback)(async () => {
+  const handleImportAll = (0, import_react15.useCallback)(async () => {
     const file = await uploadFile();
     const buffer = await file.arrayBuffer();
     importAll(buffer, noyaManager, {
@@ -6365,7 +6503,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ import_react14.default.createElement(
+    return /* @__PURE__ */ import_react15.default.createElement(
       "div",
       {
         ...props,
@@ -6377,7 +6515,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ import_react14.default.createElement(
+      /* @__PURE__ */ import_react15.default.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -6388,7 +6526,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
       )
     );
   }
-  return /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
       ...props,
@@ -6397,7 +6535,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         ...props.style
       }
     },
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -6409,7 +6547,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           flex: "0 0 auto",
           maxHeight: "200px"
         },
-        right: /* @__PURE__ */ import_react14.default.createElement(
+        right: /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -6419,35 +6557,39 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           }
         )
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ import_react14.default.createElement(
-        StateInspectorRow,
-        {
-          key: user.id,
-          colorScheme,
-          variant: user.id === userId ? "up" : void 0
-        },
-        user.image && /* @__PURE__ */ import_react14.default.createElement(
-          "img",
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
+        const identifier = user.userId ?? user.connectionId;
+        return /* @__PURE__ */ import_react15.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_react15.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_react14.default.createElement(
+          ),
+          user.name,
+          " (",
+          ellipsis(identifier, 8, "middle"),
+          ")"
+        );
+      }), !connectedUsers && /* @__PURE__ */ import_react15.default.createElement(
         "div",
         {
           style: {
@@ -6458,13 +6600,13 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react14.default.createElement("span", null, "No connected users")
+        /* @__PURE__ */ import_react15.default.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react14.default.createElement(
+        title: /* @__PURE__ */ import_react15.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react15.default.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -6473,7 +6615,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ import_react14.default.createElement(
+        right: /* @__PURE__ */ import_react15.default.createElement(
           "span",
           {
             style: {
@@ -6481,9 +6623,9 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
               gap: "12px"
             }
           },
-          /* @__PURE__ */ import_react14.default.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ import_react14.default.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ import_react14.default.createElement(
+          /* @__PURE__ */ import_react15.default.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ import_react15.default.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ import_react15.default.createElement(
             StateInspectorButton,
             {
               theme,
@@ -6495,15 +6637,15 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           )
         )
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react14.default.createElement(
-        import_react_inspector6.ObjectInspector,
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react15.default.createElement(
+        import_react_inspector7.ObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react14.default.createElement(
-        import_react_inspector6.ObjectInspector,
+      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react15.default.createElement(
+        import_react_inspector7.ObjectInspector,
         {
           name: "schema",
           data: multiplayerStateManager.schema,
@@ -6511,7 +6653,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         }
       )))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       HistorySection,
       {
         showHistory,
@@ -6521,14 +6663,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react14.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react15.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react15.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ import_react14.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react14.default.createElement(
+        right: /* @__PURE__ */ import_react15.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6543,7 +6685,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react14.default.createElement(
+        ), /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6556,7 +6698,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Reload"
-        ), /* @__PURE__ */ import_react14.default.createElement(
+        ), /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6580,14 +6722,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           "Upload"
         ))
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react14.default.createElement(
-        import_react_inspector6.ObjectInspector,
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react15.default.createElement(
+        import_react_inspector7.ObjectInspector,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme
         }
-      ), /* @__PURE__ */ import_react14.default.createElement(
+      ), /* @__PURE__ */ import_react15.default.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6596,14 +6738,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Delete"
       ))))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react14.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react15.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react15.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ import_react14.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react14.default.createElement(
+        right: /* @__PURE__ */ import_react15.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6618,7 +6760,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react14.default.createElement(
+        ), /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6631,7 +6773,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ import_react14.default.createElement(
+        ), /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6651,21 +6793,21 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react14.default.createElement(
-        import_react_inspector6.ObjectInspector,
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react15.default.createElement(
+        import_react_inspector7.ObjectInspector,
         {
           name: resource.path,
           data: resource,
           theme
         }
-      ), /* @__PURE__ */ import_react14.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react14.default.createElement(
+      ), /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react15.default.createElement(
         StateInspectorButton,
         {
           theme,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ import_react14.default.createElement(
+      ), /* @__PURE__ */ import_react15.default.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6678,14 +6820,14 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Rename"
       )))))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react14.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react15.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react15.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ import_react14.default.createElement(
+        right: /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorButton,
           {
             theme,
@@ -6700,7 +6842,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
           "Create"
         )
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react14.default.createElement(import_react_inspector6.ObjectInspector, { data: secret, theme }), /* @__PURE__ */ import_react14.default.createElement(
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react15.default.createElement(import_react_inspector7.ObjectInspector, { data: secret, theme }), /* @__PURE__ */ import_react15.default.createElement(
         StateInspectorButton,
         {
           theme,
@@ -6709,16 +6851,15 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Delete"
       ))))
     ),
-    " ",
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react14.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react15.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react15.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react14.default.createElement(import_react_inspector6.ObjectInspector, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ import_react14.default.createElement(
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react15.default.createElement(import_react_inspector7.ObjectInspector, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ import_react15.default.createElement(
         "div",
         {
           style: {
@@ -6729,15 +6870,15 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react14.default.createElement("span", null, "No inputs")
+        /* @__PURE__ */ import_react15.default.createElement("span", null, "No inputs")
       ))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react14.default.createElement(
+        title: /* @__PURE__ */ import_react15.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react15.default.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -6745,7 +6886,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         )),
         colorScheme
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react14.default.createElement(import_react_inspector6.ObjectInspector, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ import_react14.default.createElement(
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react15.default.createElement(import_react_inspector7.ObjectInspector, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ import_react15.default.createElement(
         "div",
         {
           style: {
@@ -6756,10 +6897,10 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react14.default.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ import_react15.default.createElement("span", null, "No output transforms")
       ))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -6767,7 +6908,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react14.default.createElement(
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react15.default.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -6776,8 +6917,8 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             backgroundColor: task.status === "done" ? "rgba(0,255,0,0.2)" : task.status === "error" ? "rgba(255,0,0,0.2)" : void 0
           }
         },
-        /* @__PURE__ */ import_react14.default.createElement(
-          import_react_inspector6.ObjectInspector,
+        /* @__PURE__ */ import_react15.default.createElement(
+          import_react_inspector7.ObjectInspector,
           {
             name: task.name,
             data: task.payload,
@@ -6786,16 +6927,16 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         )
       )))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       StateInspectorDisclosureSection,
       {
-        open: showEphemeral,
-        setOpen: setShowEphemeral,
-        title: "Ephemeral User Data",
+        open: showShared,
+        setOpen: setShowShared,
+        title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ import_react14.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react14.default.createElement(
-        import_react_inspector6.ObjectInspector,
+      /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react15.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react15.default.createElement(
+        import_react_inspector7.ObjectInspector,
         {
           name: key,
           data: value,
@@ -6804,7 +6945,19 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         }
       ))))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
+      ServerScriptLogsSection,
+      {
+        colorScheme,
+        showLogs: showServerLogs,
+        setShowLogs: setShowServerLogs,
+        logs: visibleServerLogs,
+        paused: serverLogsPaused,
+        onTogglePaused: toggleServerLogsPaused,
+        containerRef: serverLogsContainerRef
+      }
+    ),
+    advanced && /* @__PURE__ */ import_react15.default.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -6814,7 +6967,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       EventsSection,
       {
         connectionEvents,
@@ -6856,10 +7009,11 @@ function createStateInspectorRoot() {
 function useStateInspector({
   noyaManager,
   disabled = false,
+  advanced = false,
   colorScheme,
   anchor
 }) {
-  const [root, setRoot] = import_react15.default.useState(null);
+  const [root, setRoot] = import_react16.default.useState(null);
   (0, import_react_utils2.useIsomorphicLayoutEffect)(() => {
     if (disabled) return;
     const { root: root2, unmount } = createStateInspectorRoot();
@@ -6869,32 +7023,33 @@ function useStateInspector({
   (0, import_react_utils2.useIsomorphicLayoutEffect)(() => {
     if (!root) return;
     root.render(
-      /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement(
         StateInspector,
         {
           colorScheme,
           anchor,
-          noyaManager
+          noyaManager,
+          advanced
         }
       )
     );
-  }, [noyaManager, anchor, colorScheme, root]);
+  }, [noyaManager, anchor, colorScheme, root, advanced]);
 }
 
 // src/hooks.ts
 function useManagedState(createInitialState, options) {
-  const [stateManager] = (0, import_react16.useState)(
+  const [stateManager] = (0, import_react17.useState)(
     () => new import_state_manager2.StateManager(createInitialState(), options)
   );
-  const getSnapshot = (0, import_react16.useCallback)(() => {
+  const getSnapshot = (0, import_react17.useCallback)(() => {
     return stateManager.getState();
   }, [stateManager]);
-  const state = (0, import_react16.useSyncExternalStore)(
+  const state = (0, import_react17.useSyncExternalStore)(
     stateManager.addListener,
     getSnapshot,
     getSnapshot
   );
-  const setState = (0, import_react16.useCallback)(
+  const setState = (0, import_react17.useCallback)(
     (...args) => {
       const [metadata, action] = args.length === 1 ? [void 0, args[0]] : args;
       if (metadata === void 0) {
@@ -6930,7 +7085,7 @@ function useManagedState(createInitialState, options) {
   return [state, setState, stateManager];
 }
 function useManagedHistory(stateManager) {
-  return (0, import_react16.useSyncExternalStore)(
+  return (0, import_react17.useSyncExternalStore)(
     stateManager.historyEmittor.addListener,
     stateManager.getHistorySnapshot,
     stateManager.getHistorySnapshot
@@ -6941,13 +7096,13 @@ function useBindNoyaManager(noyaManager, options) {
     noyaManager.multiplayerStateManager.optimisticState$
   );
   const assets = useObservable(noyaManager.assetManager.assets$);
-  const extras = (0, import_react16.useMemo)(() => {
+  const extras = (0, import_react17.useMemo)(() => {
     return {
       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,
@@ -6960,8 +7115,8 @@ function useBindNoyaManager(noyaManager, options) {
       assets
     };
   }, [noyaManager, assets]);
-  const syncRef = (0, import_react16.useRef)(options?.sync);
-  (0, import_react16.useEffect)(() => {
+  const syncRef = (0, import_react17.useRef)(options?.sync);
+  (0, import_react17.useEffect)(() => {
     if (syncRef.current) {
       return syncRef.current({ noyaManager });
     }
@@ -6970,6 +7125,7 @@ function useBindNoyaManager(noyaManager, options) {
   useStateInspector({
     noyaManager,
     disabled: !options?.inspector,
+    advanced: true,
     ...typeof options?.inspector === "object" && options?.inspector
   });
   return [state, noyaManager.multiplayerStateManager.setState, extras];
@@ -6980,20 +7136,23 @@ function useMultiplayerState(initialState, options) {
     inspector,
     ...rest
   } = options ?? {};
-  const [noyaManager] = (0, import_react16.useState)(
+  const [noyaManager] = (0, import_react17.useState)(
     () => new import_state_manager2.NoyaManager(initialState, rest)
   );
-  return useBindNoyaManager(noyaManager, { sync, inspector });
+  return useBindNoyaManager(noyaManager, {
+    sync,
+    inspector
+  });
 }
 function useErrorOverlay(noyaManager) {
   const unrecoverableError = useObservable(noyaManager.unrecoverableError);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!unrecoverableError) return;
     const el = document.createElement("div");
     el.id = "noya-multiplayer-react-error-overlay";
     document.body.appendChild(el);
     const root = (0, import_client2.createRoot)(el);
-    root.render((0, import_react16.createElement)(ErrorOverlay, { error: unrecoverableError }));
+    root.render((0, import_react17.createElement)(ErrorOverlay, { error: unrecoverableError }));
     return () => {
       root.unmount();
       el.remove();
@@ -7007,7 +7166,9 @@ function createDefaultAppData(initialState) {
     theme: "light",
     viewType: "editable",
     initialState,
-    inspector: false
+    inspector: false,
+    isDemo: false,
+    access: void 0
   };
 }
 function enforceSchema(initialState, schema) {
@@ -7038,11 +7199,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 (0, import_state_manager3.isEmbeddedApp)() ? (0, import_state_manager3.parentFrameSync)({ debug }) : multiplayerUrl ? (0, import_state_manager3.webSocketSync)({ url: multiplayerUrl, debug }) : offlineStorageKey ? (0, import_state_manager3.localStorageSync)({ key: offlineStorageKey }) : (0, import_state_manager3.stubSync)();
+  const {
+    multiplayerUrl,
+    offlineStorageKey,
+    debug,
+    policyAuthContext,
+    serverScripts
+  } = params ?? {};
+  return (0, import_state_manager3.isEmbeddedApp)() ? (0, import_state_manager3.parentFrameSync)({ debug, policyAuthContext }) : multiplayerUrl ? (0, import_state_manager3.webSocketSync)({ url: multiplayerUrl, debug }) : offlineStorageKey ? (0, import_state_manager3.localStorageSync)({
+    key: offlineStorageKey,
+    ...serverScripts ? { serverScripts } : {}
+  }) : (0, import_state_manager3.stubSync)();
 }
 function useNoyaStateInternal(...args) {
   const [initialState, options] = typeof args[0] === "object" && args[0] !== null && "schema" in args[0] && import_state_manager3.TypeGuard.IsSchema(args[0].schema) ? [null, args[0]] : [args[0], args[1]];
@@ -7052,37 +7225,69 @@ function useNoyaStateInternal(...args) {
       inspector,
       initialState: noyaAppInitialState,
       theme,
-      viewType
+      viewType,
+      userId,
+      isDemo,
+      access
     }
-  ] = (0, import_react17.useState)(() => {
+  ] = (0, import_react18.useState)(() => {
     return getAppData(initialState, options?.schema, {
       overrideExistingState: options?.overrideExistingState
     });
   });
-  const sync = (0, import_react17.useMemo)(() => {
+  const basePolicyAuthContext = (0, import_react18.useMemo)(() => {
+    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 = (0, import_react18.useMemo)(() => {
     return getSyncAdapter({
       multiplayerUrl,
       offlineStorageKey: options?.offlineStorageKey,
-      debug: options?.debug
+      debug: options?.debug,
+      policyAuthContext: basePolicyAuthContext
     });
-  }, [multiplayerUrl, options?.offlineStorageKey, options?.debug]);
-  const [noyaManager] = (0, import_react17.useState)(
+  }, [
+    multiplayerUrl,
+    options?.offlineStorageKey,
+    options?.debug,
+    basePolicyAuthContext
+  ]);
+  const [noyaManager] = (0, import_react18.useState)(
     () => new import_state_manager3.NoyaManager(noyaAppInitialState, options)
   );
+  (0, import_react18.useEffect)(() => {
+    if (!userId) return;
+    noyaManager.sharedConnectionDataManager.setCurrentConnectionId(userId);
+    noyaManager.userManager.setCurrentConnectionId(userId);
+    noyaManager.userManager.setCurrentUserId(userId);
+  }, [noyaManager, userId]);
+  (0, import_react18.useEffect)(() => {
+    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 = (0, import_react17.useMemo)(() => {
-    return { ...extras, theme, viewType };
-  }, [extras, theme, viewType]);
+  const mergedExtras = (0, import_react18.useMemo)(() => {
+    return { ...extras, theme, viewType, isDemo };
+  }, [extras, theme, viewType, isDemo]);
   return [result[0], result[1], mergedExtras];
 }
 
 // src/singleton.tsx
 var import_state_manager4 = require("@noya-app/state-manager");
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var noyaManagerSingleton;
 var noyaSingletonBindings;
 function initializeNoyaSingleton(options) {
@@ -7099,6 +7304,7 @@ function initializeNoyaSingleton(options) {
     viewType,
     offlineStorageKey,
     multiplayerUrl,
+    serverScripts,
     ...managerOptions
   } = options ?? {};
   const appData = getAppData(
@@ -7106,14 +7312,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 import_state_manager4.NoyaManager(
     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 });
@@ -7126,12 +7345,13 @@ function initializeNoyaSingleton(options) {
   if (resolvedInspector) {
     const { root } = createStateInspectorRoot();
     root.render(
-      /* @__PURE__ */ import_react18.default.createElement(
+      /* @__PURE__ */ import_react19.default.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
         }
       )
     );
@@ -7140,7 +7360,9 @@ function initializeNoyaSingleton(options) {
     sync: resolvedSync,
     inspector: resolvedInspector,
     theme: resolvedTheme,
-    viewType: resolvedViewType
+    viewType: resolvedViewType,
+    userId: appData.userId,
+    isDemo: appData.isDemo
   };
 }
 function getNoyaManagerSingleton() {
@@ -7191,44 +7413,42 @@ 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 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 createEntries = addedResources.map(resourceToCreateParameters);
+  const dedupedCreateEntries = Array.from(
+    new Map(createEntries.map((entry) => [entry.path, entry])).values()
   );
-  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 = (0, import_react19.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react20.createContext)(void 0);
 function useAnyNoyaStateContext() {
-  const value = (0, import_react19.useContext)(AnyNoyaStateContext);
+  const value = (0, import_react20.useContext)(AnyNoyaStateContext);
   if (!value) {
     const bindings = getNoyaSingletonBindings();
     if (bindings) {
@@ -7262,7 +7482,7 @@ function useAssets() {
 }
 function useAsset(id) {
   const { noyaManager } = useAnyNoyaStateContext();
-  const observable = (0, import_react19.useMemo)(
+  const observable = (0, import_react20.useMemo)(
     () => noyaManager.assetManager.assets$.map(
       (assets) => assets.find((a) => a.stableId === id) ?? assets.find((a) => a.id === id)
     ),
@@ -7273,7 +7493,7 @@ function useAsset(id) {
 function useAssetManager() {
   const { noyaManager } = useAnyNoyaStateContext();
   const isInitialized = useObservable(noyaManager.assetManager.isInitialized$);
-  return (0, import_react19.useMemo)(
+  return (0, import_react20.useMemo)(
     () => ({
       create: noyaManager.assetManager.create,
       delete: noyaManager.assetManager.delete,
@@ -7298,7 +7518,7 @@ function useSecret(name) {
   const { noyaManager } = useAnyNoyaStateContext();
   return useObservable(
     noyaManager.secretManager.secrets$,
-    (0, import_react19.useCallback)((secrets) => secrets.find((s) => s.name === name), [name])
+    (0, import_react20.useCallback)((secrets) => secrets.find((s) => s.name === name), [name])
   );
 }
 function useInputs() {
@@ -7316,7 +7536,7 @@ function useIOManager() {
 function usePublish(callback) {
   const { noyaManager } = useAnyNoyaStateContext();
   const stableCallback = (0, import_react_utils3.useStableCallback)(callback);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     noyaManager.publishingManager.setPublishingEnabled(true);
     noyaManager.publishingManager.getFilesToPublish = stableCallback;
     return () => {
@@ -7327,7 +7547,7 @@ function usePublish(callback) {
 }
 function useIsInitialized() {
   const { noyaManager, viewType } = useAnyNoyaStateContext();
-  const isInitializedObservable = (0, import_react19.useMemo)(
+  const isInitializedObservable = (0, import_react20.useMemo)(
     () => import_observable.Observable.combine(
       [
         ...viewType === "preview" ? [] : [noyaManager.multiplayerStateManager.isInitialized$],
@@ -7344,22 +7564,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$,
-    (0, import_react19.useCallback)(
+    userManager?.connectedUsers$,
+    (0, import_react20.useCallback)(
       (users) => {
         return users.find((user) => {
-          const prefix = user.id.slice(0, 8);
+          const prefix = user.connectionId.slice(0, 8);
           return userId?.includes(prefix);
         });
       },
@@ -7367,13 +7587,33 @@ function useConnectedUser(userId) {
     )
   );
 }
-function useAnyEphemeralUserData() {
+function useAnySharedConnectionData() {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.sharedConnectionDataManager;
+}
+function useEnqueueInput() {
   const { noyaManager } = useAnyNoyaStateContext();
-  return noyaManager.ephemeralUserDataManager;
+  return noyaManager.enqueueInput;
+}
+function useNoyaUser() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentUser$);
 }
-function useCurrentUserId() {
-  const connectedUsersManager = useConnectedUsersManager();
-  return useObservable(connectedUsersManager?.currentUserId$);
+function useNoyaId() {
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentId$);
+}
+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();
@@ -7396,6 +7636,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 = (0, import_react20.useMemo)(() => {
+    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":
@@ -7413,34 +7668,25 @@ function useResources({
   const assetManager = useAssetManager();
   const resourceMap = useObservable(
     resourceManager.optimisticResources$,
-    (0, import_react19.useCallback)((resources) => {
+    (0, import_react20.useCallback)((resources) => {
       return Object.fromEntries(
         resources.map((resource) => [resource.path, resource])
       );
     }, [])
   );
-  const setResourceMap = (0, import_react19.useCallback)(
+  const setResourceMap = (0, import_react20.useCallback)(
     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") {
@@ -7448,16 +7694,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]
   );
@@ -7472,9 +7708,9 @@ function useActivityEvents(streamFilter) {
   );
 }
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
-  const [streamId, setStreamId] = (0, import_react19.useState)(void 0);
+  const [streamId, setStreamId] = (0, import_react20.useState)(void 0);
   const stableStreamFilter = (0, import_react_utils3.useJsonMemo)(streamFilter);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -7505,7 +7741,7 @@ function createNoyaContext({
     children,
     contextValue
   }) {
-    return /* @__PURE__ */ import_react19.default.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, children);
+    return /* @__PURE__ */ import_react20.default.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, children);
   }
   function NoyaStateProvider({
     children,
@@ -7520,7 +7756,7 @@ function createNoyaContext({
       safeEval,
       ...options
     });
-    const contextValue = (0, import_react19.useMemo)(
+    const contextValue = (0, import_react20.useMemo)(
       () => ({
         noyaManager,
         theme,
@@ -7528,12 +7764,12 @@ function createNoyaContext({
       }),
       [noyaManager, theme, viewType]
     );
-    return /* @__PURE__ */ import_react19.default.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ import_react19.default.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
+    return /* @__PURE__ */ import_react20.default.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ import_react20.default.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
   }
   function useValue(path2, options) {
     const { noyaManager } = useAnyNoyaStateContext();
     let actualPath = typeof path2 === "function" || !path2 ? "" : path2;
-    const mappedObservable = (0, import_react19.useMemo)(() => {
+    const mappedObservable = (0, import_react20.useMemo)(() => {
       if (typeof path2 === "function") {
         return noyaManager.multiplayerStateManager.optimisticState$.map(path2, {
           isEqual: options?.isEqual
@@ -7546,7 +7782,7 @@ function createNoyaContext({
   }
   function useSetValue(path2) {
     const { noyaManager } = useAnyNoyaStateContext();
-    const setValue = (0, import_react19.useCallback)(
+    const setValue = (0, import_react20.useCallback)(
       (...args) => {
         const [metadata, value] = args.length === 2 ? args : [{}, args[0]];
         noyaManager.multiplayerStateManager.setStateAtPath(
@@ -7569,9 +7805,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;
@@ -7582,7 +7818,7 @@ function createNoyaContext({
   }
   function useSetLeftMenuItems(leftMenuItems) {
     const { menuManager } = useNoyaManager();
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       if (leftMenuItems) {
         menuManager.setLeftMenuItems(leftMenuItems);
       }
@@ -7594,7 +7830,7 @@ function createNoyaContext({
   }
   function useSetRightMenuItems(rightMenuItems) {
     const { menuManager } = useNoyaManager();
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       if (rightMenuItems) {
         menuManager.setRightMenuItems(rightMenuItems);
       }
@@ -7602,19 +7838,19 @@ function createNoyaContext({
   }
   function useHandleMenuItem(callback) {
     const { menuManager } = useNoyaManager();
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       return menuManager.addListener(callback);
     }, [menuManager, callback]);
   }
   function useOnSelectMenuItemCallback() {
     const { menuManager } = useNoyaManager();
-    return (0, import_react19.useCallback)((type) => menuManager.emit(type), [menuManager]);
+    return (0, import_react20.useCallback)((type) => menuManager.emit(type), [menuManager]);
   }
   function useMenu(options) {
     const { leftMenuItems, rightMenuItems, onSelectMenuItem } = options;
     useSetLeftMenuItems(leftMenuItems);
     useSetRightMenuItems(rightMenuItems);
-    const noop = (0, import_react19.useCallback)(() => {
+    const noop = (0, import_react20.useCallback)(() => {
     }, []);
     useHandleMenuItem(onSelectMenuItem ?? noop);
   }
@@ -7626,7 +7862,7 @@ function createNoyaContext({
     useSetValue,
     useValueState,
     useStateManager,
-    useEphemeralUserDataManager,
+    useSharedConnectionDataManager,
     useLeftMenuItems,
     useSetLeftMenuItems,
     useRightMenuItems,
@@ -7641,7 +7877,7 @@ function createNoyaContext({
 // src/ai.ts
 function useRegisterAITool(tool) {
   const aiManager = useAIManager();
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     return aiManager.registerTool(tool);
   }, [aiManager, tool]);
 }
@@ -7653,28 +7889,28 @@ function useCallableAITools() {
 // src/components/UserPointersOverlay.tsx
 var import_observable2 = require("@noya-app/observable");
 var import_react_utils4 = require("@noya-app/react-utils");
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
 var UserPointerInternal = (0, import_react_utils4.memoGeneric)(function UserPointerInternal2({
   user,
-  ephemeralUserDataManager,
+  sharedConnectionDataManager,
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react21.useMemo)(() => {
-    const metadata$ = ephemeralUserDataManager.metadata$.observePath([user.id]).throttle(50);
-    const data$ = ephemeralUserDataManager.data$.observePath([user.id]).throttle(50);
+  const observable = (0, import_react22.useMemo)(() => {
+    const metadata$ = sharedConnectionDataManager.metadata$.observePath([user.connectionId]).throttle(50);
+    const data$ = sharedConnectionDataManager.data$.observePath([user.connectionId]).throttle(50);
     return import_observable2.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
-  }, [ephemeralUserDataManager, user.id]);
+  }, [sharedConnectionDataManager, user.connectionId]);
   const { metadata, data } = useObservable(observable);
-  const [, setForceUpdate] = (0, import_react21.useState)(0);
+  const [, setForceUpdate] = (0, import_react22.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -7683,27 +7919,29 @@ var UserPointerInternal = (0, import_react_utils4.memoGeneric)(function UserPoin
   }, [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 = (0, import_react_utils4.memoGeneric)(function UserPointers({
-  connectedUsersManager,
-  ephemeralUserDataManager,
+  userManager,
+  sharedConnectionDataManager,
   renderUserPointer
 }) {
-  const currentUserId = useObservable(ephemeralUserDataManager.currentUserId$);
-  const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
-  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, connectedUsers.map((user) => {
-    if (user.id === currentUserId) return null;
-    return /* @__PURE__ */ import_react21.default.createElement(
+  const currentConnectionId = useObservable(
+    sharedConnectionDataManager.currentConnectionId$
+  );
+  const connectedUsers = useObservable(userManager.connectedUsers$);
+  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, connectedUsers.map((user) => {
+    if (user.connectionId === currentConnectionId) return null;
+    return /* @__PURE__ */ import_react22.default.createElement(
       UserPointerInternal,
       {
-        key: user.id,
+        key: user.connectionId,
         user,
-        ephemeralUserDataManager,
+        sharedConnectionDataManager,
         renderUserPointer
       }
     );
@@ -7794,7 +8032,7 @@ var WebSocketConnection = class {
   StateInspector,
   UserPointersOverlay,
   WebSocketConnection,
-  buildCreateResourcePayload,
+  buildResourcePatchPayload,
   createDefaultAppData,
   createNoyaContext,
   createStateInspectorRoot,
@@ -7817,9 +8055,9 @@ var WebSocketConnection = class {
   useAIManager,
   useActivityEvents,
   useActivityEventsForManager,
-  useAnyEphemeralUserData,
   useAnyNoyaManager,
   useAnyNoyaStateContext,
+  useAnySharedConnectionData,
   useAsset,
   useAssetManager,
   useAssets,
@@ -7828,8 +8066,7 @@ var WebSocketConnection = class {
   useColorScheme,
   useConnectedUser,
   useConnectedUsers,
-  useConnectedUsersManager,
-  useCurrentUserId,
+  useEnqueueInput,
   useFileName,
   useFilePropertyManager,
   useIOManager,
@@ -7839,7 +8076,14 @@ var WebSocketConnection = class {
   useManagedHistory,
   useManagedState,
   useMultiplayerState,
+  useNoyaAssetTranscription,
+  useNoyaClientId,
+  useNoyaConnectionId,
+  useNoyaId,
   useNoyaStateInternal,
+  useNoyaTranscriptionManager,
+  useNoyaUser,
+  useNoyaUserId,
   useObservable,
   useOutputTransforms,
   usePipelineManager,
@@ -7852,6 +8096,7 @@ var WebSocketConnection = class {
   useSecrets,
   useSetFileNameState,
   useStateInspector,
+  useUserManager,
   useViewType,
   ...require("@noya-app/state-manager")
 });