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

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _noya_app_state_manager from '@noya-app/state-manager';
-import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManagerOptions, StateManager, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, ResourceManager, StreamFilter, ActivityEventsManager, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
+import { AIToolDefinition, UserManager, EphemeralUserDataManager, NoyaManager, StateManagerOptions, StateManager, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, ResourceManager, StreamFilter, ActivityEventsManager, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
 export * from '@noya-app/state-manager';
 import React, { SetStateAction, ComponentProps, Dispatch } from 'react';
 import { Asset, ResourceCreate, CreateResourceParametersWithoutAccessibleByFileId, ModifiedResource, ResourceCreateMap, ResourceMap, Resource, MediaItem, OutputTransform, Input } from '@noya-app/noya-schemas';
@@ -27,7 +27,7 @@ type RenderUserPointer = {
     renderUserPointer: (options: RenderUserPointerProps) => React.ReactNode;
 };
 type UserPointersOverlayProps<E extends UserPointerData> = {
-    connectedUsersManager: ConnectedUsersManager;
+    userManager: UserManager;
     ephemeralUserDataManager: EphemeralUserDataManager<E>;
 } & RenderUserPointer;
 declare const UserPointersOverlay: <E extends UserPointerData>(props: UserPointersOverlayProps<E>) => React.ReactElement<any> | null;
@@ -36,6 +36,7 @@ type StateInspectorAnchor = "left" | "right" | "bottom left" | "bottom right";
 type StateInspectorOptions = {
     colorScheme?: "light" | "dark";
     anchor?: StateInspectorAnchor;
+    advanced?: boolean;
 };
 declare const StateInspector: <S, M extends object, E extends object, MenuT extends string = string>(props: {
     noyaManager: NoyaManager<S, M, E, MenuT>;
@@ -52,7 +53,7 @@ declare function useBindNoyaManager<S, M extends object = object, E extends obje
     noyaManager: typeof noyaManager;
     taskManager: typeof noyaManager.taskManager;
     connectionEventManager: typeof noyaManager.connectionEventManager;
-    connectedUsersManager: typeof noyaManager.connectedUsersManager;
+    userManager: typeof noyaManager.userManager;
     ephemeralUserDataManager: typeof noyaManager.ephemeralUserDataManager;
     multiplayerStateManager: typeof noyaManager.multiplayerStateManager;
     assetManager: typeof noyaManager.assetManager;
@@ -79,7 +80,7 @@ declare function useMultiplayerState<S, M extends object = object, E extends obj
     noyaManager: NoyaManager<S, M, E, MenuT>;
     taskManager: _noya_app_state_manager.TaskManager;
     connectionEventManager: _noya_app_state_manager.ConnectionEventManager<S>;
-    connectedUsersManager: _noya_app_state_manager.ConnectedUsersManager;
+    userManager: _noya_app_state_manager.UserManager;
     ephemeralUserDataManager: _noya_app_state_manager.EphemeralUserDataManager<E>;
     multiplayerStateManager: _noya_app_state_manager.MultiplayerStateManager<S, M>;
     assetManager: _noya_app_state_manager.AssetManager;
@@ -129,10 +130,13 @@ declare function createStateInspectorRoot(): {
     root: Root;
     unmount: () => void;
 };
-declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string>({ noyaManager, disabled, colorScheme, anchor, }: {
+declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string>({ noyaManager, disabled, advanced, colorScheme, anchor, }: {
     noyaManager: NoyaManager<S, M, E, MenuT>;
-    disabled: boolean;
-} & Pick<ComponentProps<typeof StateInspector>, "colorScheme" | "anchor">): void;
+    disabled?: boolean;
+    advanced?: boolean;
+    colorScheme?: ComponentProps<typeof StateInspector>["colorScheme"];
+    anchor?: ComponentProps<typeof StateInspector>["anchor"];
+}): void;
 
 type AppViewType = "editable" | "readOnly" | "preview";
 type AppTheme = "light" | "dark";
@@ -142,6 +146,8 @@ type AppData<State> = {
     viewType: AppViewType;
     initialState: State;
     inspector: boolean | StateInspectorOptions;
+    userId?: string;
+    isDemo: boolean;
 };
 declare function createDefaultAppData<State>(initialState: State): AppData<State>;
 type GetAppDataOptions = {
@@ -169,6 +175,7 @@ type UseNoyaStateResult<S, M extends object = object, E extends object = object,
     ReturnType<typeof useBindNoyaManager<S, M, E, MenuT>>[2] & {
         theme: AppTheme;
         viewType: AppViewType;
+        isDemo: boolean;
     }
 ];
 /**
@@ -375,7 +382,7 @@ declare function useIOManager(): _noya_app_state_manager.IOManager;
 declare function usePublish(callback: PublishCallback): void;
 declare function useIsInitialized(): boolean;
 declare function usePipelineManager(): _noya_app_state_manager.PipelineManager;
-declare function useConnectedUsersManager(): _noya_app_state_manager.ConnectedUsersManager;
+declare function useUserManager(): _noya_app_state_manager.UserManager;
 declare function useConnectedUsers(): _noya_app_state_manager.MultiplayerUser[];
 declare function useConnectedUser(userId?: string | null): _noya_app_state_manager.MultiplayerUser | undefined;
 declare function useAnyEphemeralUserData(): EphemeralUserDataManager<any>;
@@ -443,6 +450,8 @@ type AnyNoyaSingletonBindings = {
     inspector?: boolean | StateInspectorOptions;
     theme: AppTheme;
     viewType: AppViewType;
+    userId?: string;
+    isDemo: boolean;
 };
 type AnyNoyaSingletonOptions<S, M extends object, E extends object, MenuT extends string> = NoyaManagerOptions<S, M> & {
     initialState?: S | (() => S);
@@ -498,4 +507,4 @@ declare class WebSocketConnection<State> {
     removeListener(listener: (state: ReconnectingWebSocketState) => void): void;
 }
 
-export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildCreateResourcePayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useConnectedUser, useConnectedUsers, useConnectedUsersManager, useCurrentUserId, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaStateInternal, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useViewType };
+export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildCreateResourcePayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useConnectedUser, useConnectedUsers, useCurrentUserId, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaStateInternal, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useUserManager, useViewType };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _noya_app_state_manager from '@noya-app/state-manager';
-import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManagerOptions, StateManager, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, ResourceManager, StreamFilter, ActivityEventsManager, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
+import { AIToolDefinition, UserManager, EphemeralUserDataManager, NoyaManager, StateManagerOptions, StateManager, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, ResourceManager, StreamFilter, ActivityEventsManager, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
 export * from '@noya-app/state-manager';
 import React, { SetStateAction, ComponentProps, Dispatch } from 'react';
 import { Asset, ResourceCreate, CreateResourceParametersWithoutAccessibleByFileId, ModifiedResource, ResourceCreateMap, ResourceMap, Resource, MediaItem, OutputTransform, Input } from '@noya-app/noya-schemas';
@@ -27,7 +27,7 @@ type RenderUserPointer = {
     renderUserPointer: (options: RenderUserPointerProps) => React.ReactNode;
 };
 type UserPointersOverlayProps<E extends UserPointerData> = {
-    connectedUsersManager: ConnectedUsersManager;
+    userManager: UserManager;
     ephemeralUserDataManager: EphemeralUserDataManager<E>;
 } & RenderUserPointer;
 declare const UserPointersOverlay: <E extends UserPointerData>(props: UserPointersOverlayProps<E>) => React.ReactElement<any> | null;
@@ -36,6 +36,7 @@ type StateInspectorAnchor = "left" | "right" | "bottom left" | "bottom right";
 type StateInspectorOptions = {
     colorScheme?: "light" | "dark";
     anchor?: StateInspectorAnchor;
+    advanced?: boolean;
 };
 declare const StateInspector: <S, M extends object, E extends object, MenuT extends string = string>(props: {
     noyaManager: NoyaManager<S, M, E, MenuT>;
@@ -52,7 +53,7 @@ declare function useBindNoyaManager<S, M extends object = object, E extends obje
     noyaManager: typeof noyaManager;
     taskManager: typeof noyaManager.taskManager;
     connectionEventManager: typeof noyaManager.connectionEventManager;
-    connectedUsersManager: typeof noyaManager.connectedUsersManager;
+    userManager: typeof noyaManager.userManager;
     ephemeralUserDataManager: typeof noyaManager.ephemeralUserDataManager;
     multiplayerStateManager: typeof noyaManager.multiplayerStateManager;
     assetManager: typeof noyaManager.assetManager;
@@ -79,7 +80,7 @@ declare function useMultiplayerState<S, M extends object = object, E extends obj
     noyaManager: NoyaManager<S, M, E, MenuT>;
     taskManager: _noya_app_state_manager.TaskManager;
     connectionEventManager: _noya_app_state_manager.ConnectionEventManager<S>;
-    connectedUsersManager: _noya_app_state_manager.ConnectedUsersManager;
+    userManager: _noya_app_state_manager.UserManager;
     ephemeralUserDataManager: _noya_app_state_manager.EphemeralUserDataManager<E>;
     multiplayerStateManager: _noya_app_state_manager.MultiplayerStateManager<S, M>;
     assetManager: _noya_app_state_manager.AssetManager;
@@ -129,10 +130,13 @@ declare function createStateInspectorRoot(): {
     root: Root;
     unmount: () => void;
 };
-declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string>({ noyaManager, disabled, colorScheme, anchor, }: {
+declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string>({ noyaManager, disabled, advanced, colorScheme, anchor, }: {
     noyaManager: NoyaManager<S, M, E, MenuT>;
-    disabled: boolean;
-} & Pick<ComponentProps<typeof StateInspector>, "colorScheme" | "anchor">): void;
+    disabled?: boolean;
+    advanced?: boolean;
+    colorScheme?: ComponentProps<typeof StateInspector>["colorScheme"];
+    anchor?: ComponentProps<typeof StateInspector>["anchor"];
+}): void;
 
 type AppViewType = "editable" | "readOnly" | "preview";
 type AppTheme = "light" | "dark";
@@ -142,6 +146,8 @@ type AppData<State> = {
     viewType: AppViewType;
     initialState: State;
     inspector: boolean | StateInspectorOptions;
+    userId?: string;
+    isDemo: boolean;
 };
 declare function createDefaultAppData<State>(initialState: State): AppData<State>;
 type GetAppDataOptions = {
@@ -169,6 +175,7 @@ type UseNoyaStateResult<S, M extends object = object, E extends object = object,
     ReturnType<typeof useBindNoyaManager<S, M, E, MenuT>>[2] & {
         theme: AppTheme;
         viewType: AppViewType;
+        isDemo: boolean;
     }
 ];
 /**
@@ -375,7 +382,7 @@ declare function useIOManager(): _noya_app_state_manager.IOManager;
 declare function usePublish(callback: PublishCallback): void;
 declare function useIsInitialized(): boolean;
 declare function usePipelineManager(): _noya_app_state_manager.PipelineManager;
-declare function useConnectedUsersManager(): _noya_app_state_manager.ConnectedUsersManager;
+declare function useUserManager(): _noya_app_state_manager.UserManager;
 declare function useConnectedUsers(): _noya_app_state_manager.MultiplayerUser[];
 declare function useConnectedUser(userId?: string | null): _noya_app_state_manager.MultiplayerUser | undefined;
 declare function useAnyEphemeralUserData(): EphemeralUserDataManager<any>;
@@ -443,6 +450,8 @@ type AnyNoyaSingletonBindings = {
     inspector?: boolean | StateInspectorOptions;
     theme: AppTheme;
     viewType: AppViewType;
+    userId?: string;
+    isDemo: boolean;
 };
 type AnyNoyaSingletonOptions<S, M extends object, E extends object, MenuT extends string> = NoyaManagerOptions<S, M> & {
     initialState?: S | (() => S);
@@ -498,4 +507,4 @@ declare class WebSocketConnection<State> {
     removeListener(listener: (state: ReconnectingWebSocketState) => void): void;
 }
 
-export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildCreateResourcePayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useConnectedUser, useConnectedUsers, useConnectedUsersManager, useCurrentUserId, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaStateInternal, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useViewType };
+export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildCreateResourcePayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useConnectedUser, useConnectedUsers, useCurrentUserId, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaStateInternal, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useUserManager, useViewType };

package/dist/index.js

@@ -1534,7 +1534,6 @@ __export(src_exports, {
   useColorScheme: () => useColorScheme,
   useConnectedUser: () => useConnectedUser,
   useConnectedUsers: () => useConnectedUsers,
-  useConnectedUsersManager: () => useConnectedUsersManager,
   useCurrentUserId: () => useCurrentUserId,
   useFileName: () => useFileName,
   useFilePropertyManager: () => useFilePropertyManager,
@@ -1558,6 +1557,7 @@ __export(src_exports, {
   useSecrets: () => useSecrets,
   useSetFileNameState: () => useSetFileNameState,
   useStateInspector: () => useStateInspector,
+  useUserManager: () => useUserManager,
   useViewType: () => useViewType
 });
 module.exports = __toCommonJS(src_exports);
@@ -5119,14 +5119,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",
@@ -6228,12 +6229,13 @@ 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,
     connectionEventManager,
@@ -6320,8 +6322,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 userId = useObservable(userManager.currentUserId$);
   const state = useObservable(multiplayerStateManager.optimisticState$);
   const inputsInitialized = useObservable(ioManager.inputsInitialized$);
   const outputTransformsInitialized = useObservable(
@@ -6419,12 +6421,13 @@ 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(
+      /* @__PURE__ */ import_react14.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => /* @__PURE__ */ import_react14.default.createElement(
         StateInspectorRow,
         {
           key: user.id,
           colorScheme,
-          variant: user.id === userId ? "up" : void 0
+          variant: user.id === userId ? "up" : void 0,
+          bordered: index !== array.length - 1
         },
         user.image && /* @__PURE__ */ import_react14.default.createElement(
           "img",
@@ -6596,7 +6599,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Delete"
       ))))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react14.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react14.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
@@ -6678,7 +6681,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Rename"
       )))))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react14.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: /* @__PURE__ */ import_react14.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react14.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
@@ -6709,8 +6712,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         "Delete"
       ))))
     ),
-    " ",
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react14.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
@@ -6732,7 +6734,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         /* @__PURE__ */ import_react14.default.createElement("span", null, "No inputs")
       ))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react14.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
@@ -6759,7 +6761,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         /* @__PURE__ */ import_react14.default.createElement("span", null, "No output transforms")
       ))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react14.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -6804,7 +6806,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         }
       ))))
     ),
-    /* @__PURE__ */ import_react14.default.createElement(
+    advanced && /* @__PURE__ */ import_react14.default.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -6856,6 +6858,7 @@ function createStateInspectorRoot() {
 function useStateInspector({
   noyaManager,
   disabled = false,
+  advanced = false,
   colorScheme,
   anchor
 }) {
@@ -6874,11 +6877,12 @@ function useStateInspector({
         {
           colorScheme,
           anchor,
-          noyaManager
+          noyaManager,
+          advanced
         }
       )
     );
-  }, [noyaManager, anchor, colorScheme, root]);
+  }, [noyaManager, anchor, colorScheme, root, advanced]);
 }
 
 // src/hooks.ts
@@ -6946,7 +6950,7 @@ function useBindNoyaManager(noyaManager, options) {
       noyaManager,
       taskManager: noyaManager.taskManager,
       connectionEventManager: noyaManager.connectionEventManager,
-      connectedUsersManager: noyaManager.connectedUsersManager,
+      userManager: noyaManager.userManager,
       ephemeralUserDataManager: noyaManager.ephemeralUserDataManager,
       multiplayerStateManager: noyaManager.multiplayerStateManager,
       assetManager: noyaManager.assetManager,
@@ -6970,6 +6974,7 @@ function useBindNoyaManager(noyaManager, options) {
   useStateInspector({
     noyaManager,
     disabled: !options?.inspector,
+    advanced: true,
     ...typeof options?.inspector === "object" && options?.inspector
   });
   return [state, noyaManager.multiplayerStateManager.setState, extras];
@@ -7007,7 +7012,8 @@ function createDefaultAppData(initialState) {
     theme: "light",
     viewType: "editable",
     initialState,
-    inspector: false
+    inspector: false,
+    isDemo: false
   };
 }
 function enforceSchema(initialState, schema) {
@@ -7038,6 +7044,7 @@ function getAppData(initialState, schema, options) {
     appData.initialState = resolvedInitialState;
   }
   appData.initialState = enforceSchema(appData.initialState, schema);
+  appData.isDemo = appData.isDemo ?? false;
   return appData;
 }
 function getSyncAdapter(params) {
@@ -7052,7 +7059,9 @@ function useNoyaStateInternal(...args) {
       inspector,
       initialState: noyaAppInitialState,
       theme,
-      viewType
+      viewType,
+      userId,
+      isDemo
     }
   ] = (0, import_react17.useState)(() => {
     return getAppData(initialState, options?.schema, {
@@ -7069,14 +7078,19 @@ function useNoyaStateInternal(...args) {
   const [noyaManager] = (0, import_react17.useState)(
     () => new import_state_manager3.NoyaManager(noyaAppInitialState, options)
   );
+  (0, import_react17.useEffect)(() => {
+    if (!userId) return;
+    noyaManager.ephemeralUserDataManager.setCurrentUserId(userId);
+    noyaManager.userManager.setCurrentUserId(userId);
+  }, [noyaManager, userId]);
   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]);
+    return { ...extras, theme, viewType, isDemo };
+  }, [extras, theme, viewType, isDemo]);
   return [result[0], result[1], mergedExtras];
 }
 
@@ -7110,6 +7124,12 @@ function initializeNoyaSingleton(options) {
     appData.initialState,
     managerOptions
   );
+  if (appData.userId) {
+    noyaManagerSingleton.ephemeralUserDataManager.setCurrentUserId(
+      appData.userId
+    );
+    noyaManagerSingleton.userManager.setCurrentUserId(appData.userId);
+  }
   const resolvedSync = sync ?? getSyncAdapter({
     multiplayerUrl: multiplayerUrl ?? appData.multiplayerUrl,
     offlineStorageKey,
@@ -7131,7 +7151,8 @@ function initializeNoyaSingleton(options) {
         {
           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 +7161,9 @@ function initializeNoyaSingleton(options) {
     sync: resolvedSync,
     inspector: resolvedInspector,
     theme: resolvedTheme,
-    viewType: resolvedViewType
+    viewType: resolvedViewType,
+    userId: appData.userId,
+    isDemo: appData.isDemo
   };
 }
 function getNoyaManagerSingleton() {
@@ -7344,18 +7367,18 @@ 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$,
     (0, import_react19.useCallback)(
       (users) => {
         return users.find((user) => {
@@ -7372,8 +7395,8 @@ function useAnyEphemeralUserData() {
   return noyaManager.ephemeralUserDataManager;
 }
 function useCurrentUserId() {
-  const connectedUsersManager = useConnectedUsersManager();
-  return useObservable(connectedUsersManager?.currentUserId$);
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentUserId$);
 }
 function useIsProcessing() {
   const { noyaManager } = useAnyNoyaStateContext();
@@ -7690,12 +7713,12 @@ var UserPointerInternal = (0, import_react_utils4.memoGeneric)(function UserPoin
   });
 });
 var UserPointersOverlay = (0, import_react_utils4.memoGeneric)(function UserPointers({
-  connectedUsersManager,
+  userManager,
   ephemeralUserDataManager,
   renderUserPointer
 }) {
   const currentUserId = useObservable(ephemeralUserDataManager.currentUserId$);
-  const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
+  const connectedUsers = useObservable(userManager.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(
@@ -7828,7 +7851,6 @@ var WebSocketConnection = class {
   useColorScheme,
   useConnectedUser,
   useConnectedUsers,
-  useConnectedUsersManager,
   useCurrentUserId,
   useFileName,
   useFilePropertyManager,
@@ -7852,6 +7874,7 @@ var WebSocketConnection = class {
   useSecrets,
   useSetFileNameState,
   useStateInspector,
+  useUserManager,
   useViewType,
   ...require("@noya-app/state-manager")
 });