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

package/dist/index.js

@@ -2268,11 +2268,6 @@ __export(src_exports, {
   useActivityEventsList: () => useActivityEventsList,
   useFileList: () => useFileList,
   useFileListItem: () => useFileListItem,
-  useGeneratedComponentDescription: () => useGeneratedComponentDescription,
-  useGeneratedComponentDescriptions: () => useGeneratedComponentDescriptions,
-  useGeneratedComponentNames: () => useGeneratedComponentNames,
-  useGeneratedPageComponentNames: () => useGeneratedPageComponentNames,
-  useGeneratedPageNames: () => useGeneratedPageNames,
   useIsBeta: () => useIsBeta,
   useMetadata: () => useMetadata,
   useNetworkRequests: () => useNetworkRequests,
@@ -2304,8 +2299,6 @@ __export(src_exports, {
   useOptionalNoyaTags: () => useOptionalNoyaTags,
   useOptionalNoyaTools: () => useOptionalNoyaTools,
   useOptionalNoyaUserData: () => useOptionalNoyaUserData,
-  useRandomIcons: () => useRandomIcons,
-  useRandomImages: () => useRandomImages,
   useResourcesList: () => useResourcesList,
   useTable: () => useTable,
   useUser: () => useUser
@@ -2341,8 +2334,6 @@ function useNoyaClientOrFallback() {
 
 // src/react/hooks.ts
 var import_react2 = require("@legendapp/state/react");
-var import_noya_api2 = require("@noya-app/noya-api");
-var import_noya_utils = require("@noya-app/noya-utils");
 var import_observable_react = require("@noya-app/observable-react");
 var import_react3 = require("react");
 function useNoyaTools(initial) {
@@ -2474,87 +2465,11 @@ function useMetadata(key) {
   const metadataItem = metadata.find((item) => item.key === key);
   return metadataItem?.value;
 }
-function useGeneratedComponentNames(name) {
-  const key = name.trim().toLowerCase();
-  const { generatedNames$, loadingNames$ } = useNoyaClientOrFallback();
-  const result = (0, import_react2.useSelector)(
-    () => generatedNames$[key].get()
-  );
-  const loading = (0, import_react2.useSelector)(() => loadingNames$[key].get());
-  return (0, import_react3.useMemo)(() => ({ names: result ?? [], loading }), [loading, result]);
-}
-function useGeneratedComponentDescriptions() {
-  const { generatedDescriptions$, loadingDescriptions$ } = useNoyaClientOrFallback();
-  const descriptions = (0, import_react2.useSelector)(generatedDescriptions$);
-  const loading = (0, import_react2.useSelector)(loadingDescriptions$);
-  return (0, import_react3.useMemo)(() => ({ descriptions, loading }), [loading, descriptions]);
-}
-function useGeneratedComponentDescription(name) {
-  const key = name.trim().toLowerCase();
-  const { generatedDescriptions$, loadingDescriptions$ } = useNoyaClientOrFallback();
-  const description = (0, import_react2.useSelector)(
-    () => generatedDescriptions$[key].get()
-  );
-  const loading = (0, import_react2.useSelector)(() => loadingDescriptions$[key].get());
-  return (0, import_react3.useMemo)(() => ({ description, loading }), [loading, description]);
-}
-function useRandomImages() {
-  const { randomImages$, loadingRandomImages$ } = useNoyaClientOrFallback();
-  const images = (0, import_react2.useSelector)(randomImages$);
-  const loading = (0, import_react2.useSelector)(loadingRandomImages$);
-  return (0, import_react3.useMemo)(() => ({ images, loading }), [loading, images]);
-}
-function useRandomIcons() {
-  const { randomIcons$, loadingRandomIcons$ } = useNoyaClientOrFallback();
-  const icons = (0, import_react2.useSelector)(randomIcons$);
-  const loading = (0, import_react2.useSelector)(loadingRandomIcons$);
-  return (0, import_react3.useMemo)(() => ({ icons, loading }), [loading, icons]);
-}
 function useNetworkRequests() {
   const { requests$ } = useNoyaClientOrFallback();
   const requests = (0, import_react2.useSelector)(requests$);
   return requests;
 }
-function useGeneratedPageNames() {
-  const { generatedPageNames$ } = useNoyaClientOrFallback();
-  const names = (0, import_react2.useSelector)(generatedPageNames$);
-  const namesWithDefaultsAndTypes = (0, import_react3.useMemo)(() => {
-    const rangeArray = (0, import_noya_utils.range)(0, import_noya_api2.GENERATED_PAGE_NAME_COUNT);
-    const withDefaults = rangeArray.map((index) => {
-      const name = names[index];
-      return name ?? { name: `Page ${index + 1}`, loading: true, key: "" };
-    });
-    return withDefaults.map(
-      (name, index) => ({
-        ...name,
-        index,
-        type: "suggestion"
-      })
-    );
-  }, [names]);
-  return namesWithDefaultsAndTypes.slice(0, 3);
-}
-function useGeneratedPageComponentNames() {
-  const { generatedPageComponentNames$: generatedComponentNames$ } = useNoyaClientOrFallback();
-  const names = (0, import_react2.useSelector)(
-    generatedComponentNames$
-  );
-  const namesWithDefaultsAndTypes = (0, import_react3.useMemo)(() => {
-    const rangeArray = (0, import_noya_utils.range)(0, import_noya_api2.GENERATED_PAGE_NAME_COUNT);
-    const withDefaults = rangeArray.map((index) => {
-      const name = names[index];
-      return name ?? { name: `Component ${index + 1}`, loading: true, key: "" };
-    });
-    return withDefaults.map(
-      (name, index) => ({
-        ...name,
-        index,
-        type: "suggestion"
-      })
-    );
-  }, [names]);
-  return namesWithDefaultsAndTypes.slice(0, 3);
-}
 function useNoyaSites() {
   const sites = (0, import_react2.useSelector)(useNoyaClientOrFallback().sites$);
   return sites;
@@ -3425,15 +3340,15 @@ function Or(pattern) {
     if (IsCloseParen(pattern, index))
       count -= 1;
     if (IsSeparator(pattern, index) && count === 0) {
-      const range3 = pattern.slice(start, index);
-      if (range3.length > 0)
-        expressions.push(TemplateLiteralParse(range3));
+      const range2 = pattern.slice(start, index);
+      if (range2.length > 0)
+        expressions.push(TemplateLiteralParse(range2));
       start = index + 1;
     }
   }
-  const range2 = pattern.slice(start);
-  if (range2.length > 0)
-    expressions.push(TemplateLiteralParse(range2));
+  const range = pattern.slice(start);
+  if (range.length > 0)
+    expressions.push(TemplateLiteralParse(range));
   if (expressions.length === 0)
     return { type: "const", const: "" };
   if (expressions.length === 1)
@@ -3466,14 +3381,14 @@ function And(pattern) {
   for (let index = 0; index < pattern.length; index++) {
     if (IsOpenParen(pattern, index)) {
       const [start, end] = Group(pattern, index);
-      const range2 = pattern.slice(start, end + 1);
-      expressions.push(TemplateLiteralParse(range2));
+      const range = pattern.slice(start, end + 1);
+      expressions.push(TemplateLiteralParse(range));
       index = end;
     } else {
       const [start, end] = Range(pattern, index);
-      const range2 = pattern.slice(start, end);
-      if (range2.length > 0)
-        expressions.push(TemplateLiteralParse(range2));
+      const range = pattern.slice(start, end);
+      if (range.length > 0)
+        expressions.push(TemplateLiteralParse(range));
       index = end - 1;
     }
   }
@@ -5303,24 +5218,12 @@ var Emitter = class {
 };
 
 // ../state-manager/src/AIManager.ts
-var import_noya_utils2 = require("@noya-app/noya-utils");
+var import_noya_utils = require("@noya-app/noya-utils");
 var import_observable2 = require("@noya-app/observable");
 
 // ../state-manager/src/AssetManager.ts
-var import_noya_utils3 = require("@noya-app/noya-utils");
+var import_noya_utils2 = require("@noya-app/noya-utils");
 var import_observable3 = require("@noya-app/observable");
-var _toNoyaAsset = (0, import_noya_utils3.memoize)(
-  (asset) => ({
-    id: asset.stableId,
-    url: asset.url,
-    createdAt: asset.createdAt,
-    size: asset.size,
-    contentType: asset.contentType,
-    width: asset.width ?? null,
-    height: asset.height ?? null,
-    userId: asset.userId ?? null
-  })
-);
 
 // ../noya-schemas/src/nullable.ts
 var Nullable = (schema) => Type.Union([Type.Null(), schema]);
@@ -5383,6 +5286,10 @@ var activityEventSchema = Type.Object({
 });
 
 // ../noya-schemas/src/asset.ts
+var assetModeSchema = Type.Union([
+  Type.Literal("immutable"),
+  Type.Literal("mutable")
+]);
 var assetSchema = Type.Object({
   id: Type.String(),
   stableId: Type.String(),
@@ -5392,7 +5299,9 @@ var assetSchema = Type.Object({
   contentType: Type.Optional(Type.String()),
   width: Type.Union([Type.Null(), Type.Number()]),
   height: Type.Union([Type.Null(), Type.Number()]),
-  userId: Type.Union([Type.Null(), Type.String()])
+  userId: Type.Union([Type.Null(), Type.String()]),
+  mode: Type.Optional(assetModeSchema),
+  version: Type.Optional(Type.Number())
 });
 
 // ../noya-schemas/src/encode.ts
@@ -7307,12 +7216,19 @@ function applyExtendedPatch(obj, patches) {
 var import_fast_diff = __toESM(require_diff());
 
 // ../state-manager/src/EvalManager.ts
-var import_noya_utils4 = require("@noya-app/noya-utils");
+var import_noya_utils3 = require("@noya-app/noya-utils");
 
 // ../state-manager/src/FilePropertyManager.ts
-var import_noya_utils5 = require("@noya-app/noya-utils");
+var import_noya_utils4 = require("@noya-app/noya-utils");
 var import_observable5 = require("@noya-app/observable");
 
+// ../state-manager/src/multiplayer.ts
+var import_noya_utils7 = require("@noya-app/noya-utils");
+var import_observable8 = require("@noya-app/observable");
+
+// ../state-manager/src/LogManager.ts
+var import_observable6 = require("@noya-app/observable");
+
 // ../state-manager/src/historyEntries.ts
 var HistoryEntries;
 ((HistoryEntries2) => {
@@ -7399,119 +7315,6 @@ var HistoryEntries;
   HistoryEntries2.pathsEqual = pathsEqual;
 })(HistoryEntries || (HistoryEntries = {}));
 
-// ../state-manager/src/IOManager.ts
-var import_observable6 = require("@noya-app/observable");
-
-// ../state-manager/src/jwt.ts
-function base64UrlEncode(str) {
-  return btoa(str).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
-}
-function base64UrlDecode(str) {
-  str = str.replace(/-/g, "+").replace(/_/g, "/");
-  switch (str.length % 4) {
-    case 2:
-      str += "==";
-      break;
-    case 3:
-      str += "=";
-      break;
-  }
-  return atob(str);
-}
-var HEADER = {
-  alg: "HS256",
-  typ: "JWT"
-};
-var JWT_ERROR = {
-  INVALID_JWT_FORMAT: "Invalid JWT format"
-  // INVALID_SIGNATURE: "Invalid signature",
-};
-async function createJwt({
-  payload,
-  secret,
-  header
-}) {
-  const encoder = new TextEncoder();
-  const encodedHeader = base64UrlEncode(
-    JSON.stringify({ ...HEADER, ...header })
-  );
-  const encodedPayload = base64UrlEncode(JSON.stringify(payload));
-  const dataToSign = `${encodedHeader}.${encodedPayload}`;
-  const key = await crypto.subtle.importKey(
-    "raw",
-    encoder.encode(secret),
-    { name: "HMAC", hash: "SHA-256" },
-    false,
-    ["sign"]
-  );
-  const signature = await crypto.subtle.sign(
-    "HMAC",
-    key,
-    encoder.encode(dataToSign)
-  );
-  const encodedSignature = base64UrlEncode(
-    String.fromCharCode(...new Uint8Array(signature))
-  );
-  return `${dataToSign}.${encodedSignature}`;
-}
-async function decodeJwt({
-  token,
-  secret
-}) {
-  if (typeof token !== "string") {
-    throw new Error(JWT_ERROR.INVALID_JWT_FORMAT);
-  }
-  const [encodedHeader, encodedPayload, encodedSignature] = token.split(".");
-  if (!encodedHeader || !encodedPayload || !encodedSignature) {
-    throw new Error(JWT_ERROR.INVALID_JWT_FORMAT);
-  }
-  const headerJson = base64UrlDecode(encodedHeader);
-  const payloadJson = base64UrlDecode(encodedPayload);
-  const header = JSON.parse(headerJson);
-  const payload = JSON.parse(payloadJson);
-  const dataToVerify = `${encodedHeader}.${encodedPayload}`;
-  const encoder = new TextEncoder();
-  if (secret !== void 0) {
-    const key = await crypto.subtle.importKey(
-      "raw",
-      encoder.encode(secret),
-      { name: "HMAC", hash: "SHA-256" },
-      false,
-      ["verify"]
-    );
-    const binarySignature = base64UrlDecode(encodedSignature);
-    const signature = new Uint8Array(
-      [...binarySignature].map((char) => char.charCodeAt(0))
-    );
-    const valid = await crypto.subtle.verify(
-      "HMAC",
-      key,
-      signature,
-      encoder.encode(dataToVerify)
-    );
-    return { header, payload, valid };
-  }
-  return { header, payload, valid: false };
-}
-var jwt;
-((jwt2) => {
-  jwt2.encode = createJwt;
-  jwt2.decode = decodeJwt;
-  jwt2.ERROR = JWT_ERROR;
-  jwt2.DEFAULT_HEADER = HEADER;
-})(jwt || (jwt = {}));
-
-// ../state-manager/src/LogManager.ts
-var import_observable7 = require("@noya-app/observable");
-
-// ../state-manager/src/MenuManager.ts
-var import_noya_utils6 = require("@noya-app/noya-utils");
-var import_observable8 = require("@noya-app/observable");
-
-// ../state-manager/src/multiplayer.ts
-var import_noya_utils8 = require("@noya-app/noya-utils");
-var import_observable10 = require("@noya-app/observable");
-
 // ../../node_modules/@marcbachmann/cel-js/lib/errors.js
 var ParseError = class extends Error {
   #wasConstructedWithAst = false;
@@ -10488,7 +10291,7 @@ var globalEnvironment = new Environment({
 });
 
 // ../state-manager/src/multiplayerPolicies.ts
-var import_noya_utils7 = require("@noya-app/noya-utils");
+var import_noya_utils5 = require("@noya-app/noya-utils");
 var celEnvironment = new Environment({
   unlistedVariablesAreDyn: true
 });
@@ -10523,58 +10326,170 @@ celEnvironment.registerFunction("random(): double", () => Math.random()).registe
     const nowValue = typeof nowVariable?.value === "number" ? nowVariable.value : typeof nowVariable?.value === "string" ? Number(nowVariable.value) : Date.now();
     return new Date(nowValue).toISOString();
   }
-).registerFunction("uuid(): string", () => (0, import_noya_utils7.uuid)());
+).registerFunction("uuid(): string", () => (0, import_noya_utils5.uuid)());
 var READ_DENIED = Symbol("readDenied");
 
+// ../state-manager/src/serverScripts.ts
+var import_noya_utils6 = require("@noya-app/noya-utils");
+
 // ../state-manager/src/stateManager.ts
-var import_observable9 = require("@noya-app/observable");
+var import_observable7 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var createHash = (value, options) => (0, import_noya_utils8.hash)(value, { ...options, ignoreUndefinedProperties: true });
+var createHash = (value, options) => (0, import_noya_utils7.hash)(value, { ...options, ignoreUndefinedProperties: true });
 
-// ../state-manager/src/NoyaManager.ts
-var import_noya_utils19 = require("@noya-app/noya-utils");
-var import_observable21 = require("@noya-app/observable");
+// ../state-manager/src/GitManager.ts
+var import_observable9 = require("@noya-app/observable");
 
-// ../noya-pipeline/src/graphToTasks.ts
-var import_observable11 = require("@noya-app/observable");
+// ../state-manager/src/IOManager.ts
+var import_observable10 = require("@noya-app/observable");
 
-// ../noya-pipeline/src/state.ts
-var import_noya_utils9 = require("@noya-app/noya-utils");
-var rectSchema = Type.Object({
-  x: Type.Number(),
-  y: Type.Number(),
-  width: Type.Number(),
-  height: Type.Number()
-});
-var transformSchema = Type.Union(
-  [
-    Type.Object({
-      id: Type.String({ format: "uuid", default: "" }),
-      type: Type.Literal("script"),
-      location: Type.Union([Type.Literal("state"), Type.Literal("url")]),
-      value: Type.String()
-    }),
-    Type.Object({
-      id: Type.String({ format: "uuid", default: "" }),
-      type: Type.Literal("jsonPointer"),
-      value: Type.String()
-    })
-  ],
-  {
-    discriminator: "type"
+// ../state-manager/src/jwt.ts
+function base64UrlEncode(str) {
+  return btoa(str).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+function base64UrlDecode(str) {
+  str = str.replace(/-/g, "+").replace(/_/g, "/");
+  switch (str.length % 4) {
+    case 2:
+      str += "==";
+      break;
+    case 3:
+      str += "=";
+      break;
   }
-);
-var baseBlockProperties = {
-  id: Type.String({ format: "uuid", default: "" }),
-  name: Type.String()
+  return atob(str);
+}
+var HEADER = {
+  alg: "HS256",
+  typ: "JWT"
 };
-var preferredFileSourceSchema = Type.Union(
-  [Type.Literal("fileVersion"), Type.Literal("file")],
-  {
-    default: "fileVersion"
+var JWT_ERROR = {
+  INVALID_JWT_FORMAT: "Invalid JWT format"
+  // INVALID_SIGNATURE: "Invalid signature",
+};
+async function createJwt({
+  payload,
+  secret,
+  header
+}) {
+  const encoder = new TextEncoder();
+  const encodedHeader = base64UrlEncode(
+    JSON.stringify({ ...HEADER, ...header })
+  );
+  const encodedPayload = base64UrlEncode(JSON.stringify(payload));
+  const dataToSign = `${encodedHeader}.${encodedPayload}`;
+  const key = await crypto.subtle.importKey(
+    "raw",
+    encoder.encode(secret),
+    { name: "HMAC", hash: "SHA-256" },
+    false,
+    ["sign"]
+  );
+  const signature = await crypto.subtle.sign(
+    "HMAC",
+    key,
+    encoder.encode(dataToSign)
+  );
+  const encodedSignature = base64UrlEncode(
+    String.fromCharCode(...new Uint8Array(signature))
+  );
+  return `${dataToSign}.${encodedSignature}`;
+}
+async function decodeJwt({
+  token,
+  secret
+}) {
+  if (typeof token !== "string") {
+    throw new Error(JWT_ERROR.INVALID_JWT_FORMAT);
   }
-);
+  const [encodedHeader, encodedPayload, encodedSignature] = token.split(".");
+  if (!encodedHeader || !encodedPayload || !encodedSignature) {
+    throw new Error(JWT_ERROR.INVALID_JWT_FORMAT);
+  }
+  const headerJson = base64UrlDecode(encodedHeader);
+  const payloadJson = base64UrlDecode(encodedPayload);
+  const header = JSON.parse(headerJson);
+  const payload = JSON.parse(payloadJson);
+  const dataToVerify = `${encodedHeader}.${encodedPayload}`;
+  const encoder = new TextEncoder();
+  if (secret !== void 0) {
+    const key = await crypto.subtle.importKey(
+      "raw",
+      encoder.encode(secret),
+      { name: "HMAC", hash: "SHA-256" },
+      false,
+      ["verify"]
+    );
+    const binarySignature = base64UrlDecode(encodedSignature);
+    const signature = new Uint8Array(
+      [...binarySignature].map((char) => char.charCodeAt(0))
+    );
+    const valid = await crypto.subtle.verify(
+      "HMAC",
+      key,
+      signature,
+      encoder.encode(dataToVerify)
+    );
+    return { header, payload, valid };
+  }
+  return { header, payload, valid: false };
+}
+var jwt;
+((jwt2) => {
+  jwt2.encode = createJwt;
+  jwt2.decode = decodeJwt;
+  jwt2.ERROR = JWT_ERROR;
+  jwt2.DEFAULT_HEADER = HEADER;
+})(jwt || (jwt = {}));
+
+// ../state-manager/src/MenuManager.ts
+var import_noya_utils8 = require("@noya-app/noya-utils");
+var import_observable11 = require("@noya-app/observable");
+
+// ../state-manager/src/NoyaManager.ts
+var import_noya_utils18 = require("@noya-app/noya-utils");
+var import_observable23 = require("@noya-app/observable");
+
+// ../noya-pipeline/src/graphToTasks.ts
+var import_observable12 = require("@noya-app/observable");
+
+// ../noya-pipeline/src/state.ts
+var import_noya_utils9 = require("@noya-app/noya-utils");
+var rectSchema = Type.Object({
+  x: Type.Number(),
+  y: Type.Number(),
+  width: Type.Number(),
+  height: Type.Number()
+});
+var transformSchema = Type.Union(
+  [
+    Type.Object({
+      id: Type.String({ format: "uuid", default: "" }),
+      type: Type.Literal("script"),
+      location: Type.Union([Type.Literal("state"), Type.Literal("url")]),
+      value: Type.String()
+    }),
+    Type.Object({
+      id: Type.String({ format: "uuid", default: "" }),
+      type: Type.Literal("jsonPointer"),
+      value: Type.String()
+    })
+  ],
+  {
+    discriminator: "type"
+  }
+);
+var baseBlockProperties = {
+  id: Type.String({ format: "uuid", default: "" }),
+  name: Type.String()
+};
+var preferredFileSourceSchema = Type.Union(
+  [Type.Literal("fileVersion"), Type.Literal("file")],
+  {
+    default: "fileVersion"
+  }
+);
 var fileBlockSchema = Type.Object({
   ...baseBlockProperties,
   type: Type.Literal("file"),
@@ -10639,35 +10554,38 @@ var pipelineSchema = Type.Object(
 );
 
 // ../state-manager/src/PipelineManager.ts
-var import_observable12 = require("@noya-app/observable");
+var import_observable13 = require("@noya-app/observable");
 
 // ../state-manager/src/PublishingManager.ts
-var import_observable13 = require("@noya-app/observable");
+var import_observable14 = require("@noya-app/observable");
 
 // ../state-manager/src/ResourceManager.ts
 var import_noya_utils10 = require("@noya-app/noya-utils");
-var import_observable14 = require("@noya-app/observable");
+var import_observable15 = require("@noya-app/observable");
+
+// ../state-manager/src/SandboxManager.ts
+var import_observable16 = require("@noya-app/observable");
 
 // ../state-manager/src/rpcManager.ts
 var import_noya_utils11 = require("@noya-app/noya-utils");
-var import_observable15 = require("@noya-app/observable");
+var import_observable17 = require("@noya-app/observable");
 
 // ../state-manager/src/SecretManager.ts
-var import_observable16 = require("@noya-app/observable");
+var import_observable18 = require("@noya-app/observable");
 
 // ../state-manager/src/TaskManager.ts
-var import_observable17 = require("@noya-app/observable");
+var import_observable19 = require("@noya-app/observable");
 
 // ../state-manager/src/TranscriptionManager.ts
 var import_noya_utils12 = require("@noya-app/noya-utils");
-var import_observable18 = require("@noya-app/observable");
+var import_observable20 = require("@noya-app/observable");
 
 // ../state-manager/src/UserManager.ts
-var import_observable20 = require("@noya-app/observable");
+var import_observable22 = require("@noya-app/observable");
 
 // ../state-manager/src/sync/clientId.ts
 var import_noya_utils14 = require("@noya-app/noya-utils");
-var import_observable19 = require("@noya-app/observable");
+var import_observable21 = require("@noya-app/observable");
 
 // ../state-manager/src/sync/defaultNames.ts
 var import_noya_utils13 = require("@noya-app/noya-utils");
@@ -10740,9 +10658,9 @@ function getClientAnimalFromName(name) {
 var CLIENT_ID_STORAGE_KEY = "noya-client-id";
 var CLIENT_NAME_STORAGE_KEY = "noya-client-name";
 var CLIENT_IMAGE_STORAGE_KEY = "noya-client-image";
-var clientId$ = new import_observable19.Observable(void 0);
-var clientName$ = new import_observable19.Observable(void 0);
-var clientImage$ = new import_observable19.Observable(void 0);
+var clientId$ = new import_observable21.Observable(void 0);
+var clientName$ = new import_observable21.Observable(void 0);
+var clientImage$ = new import_observable21.Observable(void 0);
 var safeGetItem = (key) => {
   try {
     return typeof localStorage !== "undefined" ? localStorage.getItem(key) : null;
@@ -10792,9 +10710,6 @@ var import_noya_utils15 = require("@noya-app/noya-utils");
 var import_noya_utils16 = require("@noya-app/noya-utils");
 
 // ../state-manager/src/sync/localStorageSync.ts
-var import_noya_utils18 = require("@noya-app/noya-utils");
-
-// ../state-manager/src/serverScripts.ts
 var import_noya_utils17 = require("@noya-app/noya-utils");
 
 // ../noya-keymap/src/hooks.ts
@@ -10918,10 +10833,10 @@ var createMutatorParametersSchema = Type.Object({
 });
 
 // ../noya-multiplayer-react/src/ai.ts
-var import_react61 = require("react");
+var import_react63 = require("react");
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_observable22 = require("@noya-app/observable");
+var import_observable24 = require("@noya-app/observable");
 
 // ../noya-react-utils/src/components/AutoSizer.tsx
 var React2 = __toESM(require("react"));
@@ -11103,7 +11018,7 @@ var FileDropTarget = memoGeneric(function FileDropTarget2({ children, onDropFile
 var import_react8 = require("react");
 
 // ../noya-react-utils/src/hooks/useDeepArray.ts
-var import_noya_utils20 = require("@noya-app/noya-utils");
+var import_noya_utils19 = require("@noya-app/noya-utils");
 var import_react9 = require("react");
 function useJsonMemo(value) {
   const stringified = (0, import_react9.useMemo)(
@@ -11118,7 +11033,7 @@ function useJsonMemo(value) {
 }
 
 // ../noya-react-utils/src/hooks/useDeepState.ts
-var import_noya_utils21 = require("@noya-app/noya-utils");
+var import_noya_utils20 = require("@noya-app/noya-utils");
 var import_react10 = require("react");
 
 // ../noya-react-utils/src/hooks/useFetch.ts
@@ -11149,7 +11064,7 @@ var import_react17 = require("react");
 var import_react18 = require("react");
 
 // ../noya-react-utils/src/hooks/useShallowArray.ts
-var import_noya_utils22 = require("@noya-app/noya-utils");
+var import_noya_utils21 = require("@noya-app/noya-utils");
 var import_react19 = require("react");
 
 // ../noya-react-utils/src/hooks/useStableCallback.ts
@@ -11159,7 +11074,7 @@ var import_react20 = require("react");
 var import_react21 = require("react");
 
 // ../noya-react-utils/src/hooks/useUrlHashParameters.ts
-var import_noya_utils23 = require("@noya-app/noya-utils");
+var import_noya_utils22 = require("@noya-app/noya-utils");
 var import_react22 = require("react");
 
 // ../noya-react-utils/src/hooks/useWindowSize.ts
@@ -11222,13 +11137,13 @@ function downloadBlob(...params) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_react60 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/noyaApp.ts
-var import_react58 = require("react");
+var import_react60 = require("react");
 
 // ../noya-multiplayer-react/src/hooks.ts
-var import_react57 = require("react");
+var import_react59 = require("react");
 var import_client2 = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/components/ErrorOverlay.tsx
@@ -11306,12 +11221,12 @@ var ErrorOverlay = React6.memo(function ErrorOverlay2({
 });
 
 // ../noya-multiplayer-react/src/inspector/useStateInspector.tsx
-var import_react56 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
-var import_noya_utils24 = require("@noya-app/noya-utils");
-var import_react55 = __toESM(require("react"));
+var import_noya_utils23 = require("@noya-app/noya-utils");
+var import_react57 = __toESM(require("react"));
 
 // ../../node_modules/react-inspector/dist/index.mjs
 var import_react24 = __toESM(require("react"), 1);
@@ -12888,7 +12803,9 @@ function EventsSection({
   setShowEvents,
   colorScheme,
   eventsContainerRef,
-  connectionEvents
+  connectionEvents,
+  paused,
+  onTogglePaused
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
   return /* @__PURE__ */ import_react49.default.createElement(
@@ -12897,9 +12814,20 @@ function EventsSection({
       open: showEvents,
       setOpen: setShowEvents,
       title: "Events",
-      colorScheme
+      colorScheme,
+      right: /* @__PURE__ */ import_react49.default.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
-    /* @__PURE__ */ import_react49.default.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
+    /* @__PURE__ */ import_react49.default.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, paused && /* @__PURE__ */ import_react49.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          fontSize: "11px",
+          opacity: 0.7
+        }
+      },
+      "Event streaming paused"
+    ), connectionEvents?.map(
       (event, index) => event.type === "stateChange" ? /* @__PURE__ */ import_react49.default.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ import_react49.default.createElement(
         StateInspectorRow,
         {
@@ -12930,7 +12858,7 @@ function EventsSection({
           }
         )
       )
-    ), !connectionEvents && /* @__PURE__ */ import_react49.default.createElement(
+    ), !connectionEvents?.length && /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         style: {
@@ -12946,8 +12874,424 @@ function EventsSection({
   );
 }
 
-// ../noya-multiplayer-react/src/inspector/sections/HistorySection.tsx
+// ../noya-multiplayer-react/src/inspector/sections/GitSection.tsx
+var import_react51 = __toESM(require("react"));
+
+// ../noya-multiplayer-react/src/inspector/StateInspectorTitleLabel.tsx
 var import_react50 = __toESM(require("react"));
+function StateInspectorTitleLabel({
+  children
+}) {
+  return /* @__PURE__ */ import_react50.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+}
+
+// ../noya-multiplayer-react/src/inspector/sections/GitSection.tsx
+function GitSection({
+  showGit,
+  setShowGit,
+  colorScheme,
+  gitManager
+}) {
+  const theme3 = getStateInspectorTheme(colorScheme);
+  const repos = useObservable2(gitManager.repos$);
+  const isInitialized = useObservable2(gitManager.isInitialized$);
+  const repoFiles = useObservable2(gitManager.repoFiles$);
+  const [focusedRepoId, setFocusedRepoId] = (0, import_react51.useState)(null);
+  const [editingFile, setEditingFile] = (0, import_react51.useState)(null);
+  const editHandleRef = (0, import_react51.useRef)(null);
+  const [editContent, setEditContent] = (0, import_react51.useState)("");
+  const [isEditInitialized, setIsEditInitialized] = (0, import_react51.useState)(false);
+  const focusedRepo = focusedRepoId ? repos.find((r) => r.id === focusedRepoId) : null;
+  const focusedRepoFilesState = focusedRepoId ? repoFiles[focusedRepoId] : null;
+  const handleFocusRepo = async (repoId) => {
+    if (editHandleRef.current) {
+      editHandleRef.current.close();
+      editHandleRef.current = null;
+      setEditingFile(null);
+      setEditContent("");
+      setIsEditInitialized(false);
+    }
+    setFocusedRepoId(repoId);
+    if (repoId && !repoFiles[repoId]) {
+      await gitManager.fetchRepoFiles(repoId);
+    }
+  };
+  const handleEditFile = (filePath) => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    if (editHandleRef.current) {
+      editHandleRef.current.close();
+    }
+    const handle = gitManager.openEditingHandle(
+      focusedRepoId,
+      filePath,
+      focusedRepoFilesState.ref
+    );
+    editHandleRef.current = handle;
+    setEditingFile(filePath);
+    setIsEditInitialized(false);
+    setEditContent("");
+  };
+  const handleCloseEdit = () => {
+    if (editHandleRef.current) {
+      editHandleRef.current.close();
+      editHandleRef.current = null;
+    }
+    setEditingFile(null);
+    setEditContent("");
+    setIsEditInitialized(false);
+  };
+  (0, import_react51.useEffect)(() => {
+    const handle = editHandleRef.current;
+    if (!handle) return;
+    const unsubContent = handle.content$.subscribe((content) => {
+      setEditContent(content);
+    });
+    const unsubInitialized = handle.isInitialized$.subscribe((initialized) => {
+      setIsEditInitialized(initialized);
+    });
+    return () => {
+      unsubContent();
+      unsubInitialized();
+    };
+  }, [editingFile]);
+  const handleContentChange = (newContent) => {
+    const handle = editHandleRef.current;
+    if (!handle) return;
+    handle.setState(newContent);
+  };
+  const handleBranchChange = async (ref) => {
+    if (focusedRepoId) {
+      await gitManager.fetchRepoFiles(focusedRepoId, ref);
+    }
+  };
+  const handleAddFile = async () => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    const path2 = prompt("Enter file path (e.g., src/index.ts):");
+    if (!path2) return;
+    try {
+      await gitManager.patchFiles(
+        focusedRepoId,
+        { create: [{ path: path2, content: "" }] },
+        focusedRepoFilesState.ref
+      );
+    } catch (error) {
+      alert(`Failed to create file: ${error}`);
+    }
+  };
+  const handleRenameFile = async (oldPath) => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    const newPath = prompt(`Rename "${oldPath}" to:`, oldPath);
+    if (!newPath || newPath === oldPath) return;
+    try {
+      await gitManager.patchFiles(
+        focusedRepoId,
+        { rename: [{ oldPath, newPath }] },
+        focusedRepoFilesState.ref
+      );
+    } catch (error) {
+      alert(`Failed to rename file: ${error}`);
+    }
+  };
+  const handleDeleteFile = async (path2) => {
+    if (!focusedRepoId || !focusedRepoFilesState) return;
+    const confirmed = confirm(`Delete "${path2}"?`);
+    if (!confirmed) return;
+    try {
+      await gitManager.patchFiles(
+        focusedRepoId,
+        { delete: [{ path: path2 }] },
+        focusedRepoFilesState.ref
+      );
+      if (editingFile === path2) {
+        handleCloseEdit();
+      }
+    } catch (error) {
+      alert(`Failed to delete file: ${error}`);
+    }
+  };
+  return /* @__PURE__ */ import_react51.default.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showGit,
+      setOpen: setShowGit,
+      title: /* @__PURE__ */ import_react51.default.createElement(StateInspectorTitleLabel, null, "Git Repos (", repos.length, ")", /* @__PURE__ */ import_react51.default.createElement(ColoredDot, { type: isInitialized ? "success" : "error" })),
+      colorScheme,
+      right: /* @__PURE__ */ import_react51.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react51.default.createElement(
+        StateInspectorButton,
+        {
+          theme: theme3,
+          onClick: async () => {
+            try {
+              await gitManager.initRepo();
+            } catch (error) {
+              console.error("[GitSection] Failed to create repo:", error);
+            }
+          }
+        },
+        "Init Repo"
+      ))
+    },
+    /* @__PURE__ */ import_react51.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react51.default.createElement("div", { style: { padding: "4px 12px", display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react51.default.createElement(
+      "select",
+      {
+        name: "repoSelector",
+        value: focusedRepoId ?? "",
+        style: { flex: "1 1 auto", height: "19px", minWidth: 0 },
+        onChange: (e) => {
+          const value = e.target.value;
+          handleFocusRepo(value || null);
+        }
+      },
+      /* @__PURE__ */ import_react51.default.createElement("option", { value: "" }, "Select a repo..."),
+      repos.map((repo) => /* @__PURE__ */ import_react51.default.createElement("option", { key: repo.id, value: repo.id }, repo.id))
+    ), focusedRepoId && /* @__PURE__ */ import_react51.default.createElement(
+      StateInspectorButton,
+      {
+        theme: theme3,
+        onClick: () => gitManager.fetchRepoFiles(focusedRepoId)
+      },
+      "Refresh"
+    ), /* @__PURE__ */ import_react51.default.createElement(
+      "label",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "4px",
+          fontSize: "11px",
+          whiteSpace: "nowrap"
+        }
+      },
+      "[Include Content = ",
+      gitManager.includeContent ? "true" : "false",
+      "]"
+    )), focusedRepo && focusedRepoFilesState && /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "4px 12px",
+          display: "flex",
+          gap: "8px",
+          alignItems: "center",
+          fontSize: "12px"
+        }
+      },
+      /* @__PURE__ */ import_react51.default.createElement("span", { style: { color: theme3.BASE_COLOR } }, "Branch:"),
+      focusedRepoFilesState.branches.length > 0 ? /* @__PURE__ */ import_react51.default.createElement(
+        "select",
+        {
+          value: focusedRepoFilesState.ref,
+          style: { flex: "1 1 auto", height: "19px" },
+          onChange: (e) => handleBranchChange(e.target.value)
+        },
+        focusedRepoFilesState.branches.map((branch) => /* @__PURE__ */ import_react51.default.createElement("option", { key: branch.name, value: branch.name }, branch.name))
+      ) : /* @__PURE__ */ import_react51.default.createElement("span", { style: { opacity: 0.6, fontStyle: "italic" } }, focusedRepoFilesState.ref || "No branches"),
+      focusedRepoFilesState.oid && /* @__PURE__ */ import_react51.default.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            fontSize: "10px",
+            opacity: 0.6
+          },
+          title: focusedRepoFilesState.oid
+        },
+        focusedRepoFilesState.oid.slice(0, 7),
+        focusedRepoFilesState.fetchState === "refreshing" && "\u2026"
+      ),
+      /* @__PURE__ */ import_react51.default.createElement(
+        StateInspectorButton,
+        {
+          theme: theme3,
+          onClick: handleAddFile,
+          style: { fontSize: "10px", padding: "2px 6px" }
+        },
+        "+ Add File"
+      )
+    ), focusedRepoFilesState.fetchState === "loading" && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px"
+        }
+      },
+      "Loading files..."
+    ), focusedRepoFilesState.error && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          color: "#f44"
+        }
+      },
+      "Error: ",
+      focusedRepoFilesState.error
+    ), focusedRepoFilesState.fetchState !== "loading" && !focusedRepoFilesState.error && focusedRepoFilesState.files.length === 0 && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px"
+        }
+      },
+      "No files (empty repo)"
+    ), !editingFile && focusedRepoFilesState.files.map((file, index) => {
+      const fileInfo = focusedRepoFilesState.fileContents?.find(
+        (f) => f.path === file
+      );
+      let preview = "";
+      if (fileInfo) {
+        try {
+          const decoded = atob(fileInfo.content);
+          preview = decoded.slice(0, 40).replace(/\n/g, " ").replace(/\s+/g, " ");
+          if (decoded.length > 40) preview += "\u2026";
+        } catch {
+        }
+      }
+      return /* @__PURE__ */ import_react51.default.createElement(
+        "div",
+        {
+          key: index,
+          style: {
+            padding: "2px 12px",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            gap: "8px",
+            borderBottom: `1px solid ${colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)"}`
+          }
+        },
+        /* @__PURE__ */ import_react51.default.createElement(
+          "span",
+          {
+            style: {
+              fontFamily: "monospace",
+              fontSize: "11px",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              minWidth: 0,
+              display: "flex",
+              gap: "8px"
+            },
+            title: file
+          },
+          /* @__PURE__ */ import_react51.default.createElement("span", null, file),
+          preview && /* @__PURE__ */ import_react51.default.createElement("span", { style: { opacity: 0.5 } }, preview)
+        ),
+        /* @__PURE__ */ import_react51.default.createElement("span", { style: { display: "flex", gap: "4px", flexShrink: 0 } }, /* @__PURE__ */ import_react51.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => handleEditFile(file),
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Edit"
+        ), /* @__PURE__ */ import_react51.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => handleRenameFile(file),
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Rename"
+        ), /* @__PURE__ */ import_react51.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => handleDeleteFile(file),
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Delete"
+        ))
+      );
+    }), editingFile && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "8px 12px",
+          borderTop: `1px solid ${theme3.DIVIDER_COLOR}`,
+          flex: "1 1 auto",
+          display: "flex",
+          flexDirection: "column",
+          minHeight: 0
+        }
+      },
+      /* @__PURE__ */ import_react51.default.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: "8px",
+            flexShrink: 0
+          }
+        },
+        /* @__PURE__ */ import_react51.default.createElement(
+          "span",
+          {
+            style: {
+              fontFamily: "monospace",
+              fontSize: "11px",
+              fontWeight: "bold"
+            }
+          },
+          editingFile,
+          !isEditInitialized && /* @__PURE__ */ import_react51.default.createElement("span", { style: { opacity: 0.5, marginLeft: "8px" } }, "Loading...")
+        ),
+        /* @__PURE__ */ import_react51.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: handleCloseEdit,
+            style: { fontSize: "10px", padding: "2px 6px" }
+          },
+          "Close"
+        )
+      ),
+      /* @__PURE__ */ import_react51.default.createElement(
+        "textarea",
+        {
+          value: editContent,
+          onChange: (e) => handleContentChange(e.target.value),
+          disabled: !isEditInitialized,
+          style: {
+            width: "100%",
+            flex: "1 1 auto",
+            minHeight: "100px",
+            fontFamily: "monospace",
+            fontSize: "11px",
+            padding: "8px",
+            border: `1px solid ${theme3.DIVIDER_COLOR}`,
+            borderRadius: "4px",
+            backgroundColor: theme3.ROW_BACKGROUND,
+            color: theme3.BASE_COLOR,
+            resize: "none",
+            boxSizing: "border-box"
+          }
+        }
+      )
+    )), repos.length === 0 && /* @__PURE__ */ import_react51.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ import_react51.default.createElement("span", null, "No git repos")
+    ))
+  );
+}
+
+// ../noya-multiplayer-react/src/inspector/sections/HistorySection.tsx
+var import_react52 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/inspector/utils.ts
 function pathToString(extendedPath) {
@@ -13002,15 +13346,15 @@ function HistorySection({
   historySnapshot,
   multiplayerStateManager
 }) {
-  const ref = (0, import_react50.useRef)(null);
+  const ref = (0, import_react52.useRef)(null);
   const theme3 = getStateInspectorTheme(colorScheme);
   const solidBorderColor = getStateInspectorBorderColor(colorScheme);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (ref.current) {
       ref.current.scrollTop = ref.current.scrollHeight;
     }
   }, [historySnapshot]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!ref.current) return;
     const historyEntry = ref.current.querySelector(
       `#${HISTORY_ELEMENT_PREFIX}${historySnapshot.historyIndex}`
@@ -13022,14 +13366,14 @@ function HistorySection({
       });
     }
   }, [historySnapshot.historyIndex]);
-  return /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     StateInspectorDisclosureSection,
     {
       open: showHistory,
       setOpen: setShowHistory,
       title: "History",
       colorScheme,
-      right: /* @__PURE__ */ import_react50.default.createElement(
+      right: /* @__PURE__ */ import_react52.default.createElement(
         "span",
         {
           style: {
@@ -13037,7 +13381,7 @@ function HistorySection({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react50.default.createElement(
+        /* @__PURE__ */ import_react52.default.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canUndo,
@@ -13046,7 +13390,7 @@ function HistorySection({
               multiplayerStateManager.undo();
             }
           },
-          /* @__PURE__ */ import_react50.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react50.default.createElement(
+          /* @__PURE__ */ import_react52.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react52.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -13054,7 +13398,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react50.default.createElement(
+            /* @__PURE__ */ import_react52.default.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -13063,7 +13407,7 @@ function HistorySection({
             )
           ))
         ),
-        /* @__PURE__ */ import_react50.default.createElement(
+        /* @__PURE__ */ import_react52.default.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canRedo,
@@ -13072,7 +13416,7 @@ function HistorySection({
               multiplayerStateManager.redo();
             }
           },
-          /* @__PURE__ */ import_react50.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react50.default.createElement(
+          /* @__PURE__ */ import_react52.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react52.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -13080,7 +13424,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react50.default.createElement(
+            /* @__PURE__ */ import_react52.default.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -13091,7 +13435,7 @@ function HistorySection({
         )
       )
     },
-    /* @__PURE__ */ import_react50.default.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ import_react50.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ import_react52.default.createElement(
       "div",
       {
         id: `${HISTORY_ELEMENT_PREFIX}0`,
@@ -13105,7 +13449,7 @@ function HistorySection({
           background: historySnapshot.historyIndex === 0 ? "rgb(59 130 246 / 15%)" : void 0
         }
       },
-      /* @__PURE__ */ import_react50.default.createElement(
+      /* @__PURE__ */ import_react52.default.createElement(
         "span",
         {
           style: {
@@ -13120,7 +13464,7 @@ function HistorySection({
     ), historySnapshot.history.map((entry, index) => {
       const metadata = entry.metadata;
       const { id, name, timestamp, ...rest } = metadata;
-      return /* @__PURE__ */ import_react50.default.createElement(
+      return /* @__PURE__ */ import_react52.default.createElement(
         "div",
         {
           id: `${HISTORY_ELEMENT_PREFIX}${index + 1}`,
@@ -13131,7 +13475,7 @@ function HistorySection({
             background: index + 1 === historySnapshot.historyIndex ? "rgb(59 130 246 / 15%)" : void 0
           }
         },
-        typeof name === "string" && /* @__PURE__ */ import_react50.default.createElement(
+        typeof name === "string" && /* @__PURE__ */ import_react52.default.createElement(
           "pre",
           {
             style: {
@@ -13142,9 +13486,9 @@ function HistorySection({
             }
           },
           entry.metadata.name,
-          Object.keys(rest).length > 0 && /* @__PURE__ */ import_react50.default.createElement(themedObjectInspector, { data: rest, theme: theme3 })
+          Object.keys(rest).length > 0 && /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { data: rest, theme: theme3 })
         ),
-        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ import_react50.default.createElement(
+        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ import_react52.default.createElement(
           "pre",
           {
             key: j,
@@ -13155,10 +13499,10 @@ function HistorySection({
               margin: 0
             }
           },
-          patch.op === "add" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react50.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
-          patch.op === "replace" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react50.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
-          patch.op === "remove" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { color: theme3.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
-          patch.op === "move" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
+          patch.op === "add" && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
+          patch.op === "replace" && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
+          patch.op === "remove" && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("span", { style: { color: theme3.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ import_react52.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
+          patch.op === "move" && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ import_react52.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
         ))
       );
     }))
@@ -13166,7 +13510,7 @@ function HistorySection({
 }
 
 // ../noya-multiplayer-react/src/inspector/sections/ServerScriptLogsSection.tsx
-var import_react51 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 var levelColors = {
   error: "#f87171",
   warn: "#facc15",
@@ -13182,19 +13526,20 @@ function ServerScriptLogsSection({
   logs,
   containerRef,
   paused,
-  onTogglePaused
+  onTogglePaused,
+  title = "Server Script Logs"
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
-  return /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement(
     StateInspectorDisclosureSection,
     {
       open: showLogs,
       setOpen: setShowLogs,
-      title: "Server Script Logs",
+      title,
       colorScheme,
-      right: /* @__PURE__ */ import_react51.default.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
+      right: /* @__PURE__ */ import_react53.default.createElement(StateInspectorButton, { theme: theme3, onClick: onTogglePaused }, paused ? "Resume" : "Pause")
     },
-    /* @__PURE__ */ import_react51.default.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(StateInspectorDisclosureRowInner, { ref: containerRef }, paused && /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         style: {
@@ -13204,7 +13549,7 @@ function ServerScriptLogsSection({
         }
       },
       "Log streaming paused"
-    ), logs.map((log) => /* @__PURE__ */ import_react51.default.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ import_react51.default.createElement(
+    ), logs.map((log) => /* @__PURE__ */ import_react53.default.createElement(StateInspectorRow, { key: log.id, colorScheme }, /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         style: {
@@ -13217,9 +13562,21 @@ function ServerScriptLogsSection({
           textTransform: "uppercase"
         }
       },
-      /* @__PURE__ */ import_react51.default.createElement("span", null, formatTimestamp(log.timestamp)),
-      /* @__PURE__ */ import_react51.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
-      /* @__PURE__ */ import_react51.default.createElement(
+      /* @__PURE__ */ import_react53.default.createElement("span", null, formatTimestamp(log.timestamp)),
+      /* @__PURE__ */ import_react53.default.createElement("span", { style: { color: levelColors[log.level] } }, log.level),
+      (log.origin || log.target || log.mode) && /* @__PURE__ */ import_react53.default.createElement(
+        "span",
+        {
+          style: {
+            fontFamily: "monospace",
+            textTransform: "none",
+            fontSize: "10px",
+            opacity: 0.75
+          }
+        },
+        [log.origin ?? log.target, log.mode].filter(Boolean).join(" / ")
+      ),
+      /* @__PURE__ */ import_react53.default.createElement(
         "span",
         {
           style: {
@@ -13230,7 +13587,7 @@ function ServerScriptLogsSection({
         },
         log.scriptId
       )
-    ), /* @__PURE__ */ import_react51.default.createElement(
+    ), /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         style: {
@@ -13239,16 +13596,15 @@ function ServerScriptLogsSection({
           gap: "4px"
         }
       },
-      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ import_react51.default.createElement(
+      log.values.length > 0 ? log.values.map((value, index) => /* @__PURE__ */ import_react53.default.createElement(
         themedObjectInspector,
         {
           key: index,
           data: value,
-          theme: theme3,
-          expandLevel: 3
+          theme: theme3
         }
-      )) : /* @__PURE__ */ import_react51.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
-    ))), !logs?.length && /* @__PURE__ */ import_react51.default.createElement(
+      )) : /* @__PURE__ */ import_react53.default.createElement("span", { style: { fontSize: "11px", opacity: 0.7 } }, "No data")
+    ))), !logs?.length && /* @__PURE__ */ import_react53.default.createElement(
       "div",
       {
         style: {
@@ -13259,7 +13615,7 @@ function ServerScriptLogsSection({
           gap: "4px"
         }
       },
-      /* @__PURE__ */ import_react51.default.createElement("span", null, "No logs received")
+      /* @__PURE__ */ import_react53.default.createElement("span", null, "No logs received")
     ))
   );
 }
@@ -13787,16 +14143,8 @@ function decodeAll(buffer) {
   return { state, schema, assets, assetMap };
 }
 
-// ../noya-multiplayer-react/src/inspector/StateInspectorTitleLabel.tsx
-var import_react52 = __toESM(require("react"));
-function StateInspectorTitleLabel({
-  children
-}) {
-  return /* @__PURE__ */ import_react52.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
-}
-
 // ../noya-multiplayer-react/src/inspector/StateInspectorToggleButton.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -13804,7 +14152,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ import_react53.default.createElement(
+  const rightIcon = /* @__PURE__ */ import_react54.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -13814,7 +14162,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react53.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -13823,7 +14171,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ import_react53.default.createElement(
+  const leftIcon = /* @__PURE__ */ import_react54.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -13833,7 +14181,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react53.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -13842,7 +14190,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     "span",
     {
       role: "button",
@@ -13863,15 +14211,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react53.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react54.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // ../noya-multiplayer-react/src/inspector/useLocalStorageState.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var localStorage2 = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = import_react54.default.useState(() => {
+  const [state, setState] = import_react55.default.useState(() => {
     const value = localStorage2?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -13890,6 +14238,31 @@ function useLocalStorageState(key, defaultValue) {
   return [state, setLocalStorageState];
 }
 
+// ../noya-multiplayer-react/src/inspector/usePausedStream.ts
+var import_react56 = __toESM(require("react"));
+function usePausedStream(items) {
+  const [paused, setPaused] = import_react56.default.useState(false);
+  const [visibleItems, setVisibleItems] = import_react56.default.useState(items ?? []);
+  const togglePaused = import_react56.default.useCallback(() => {
+    setPaused((value) => {
+      if (!value) {
+        setVisibleItems(items ?? []);
+      }
+      return !value;
+    });
+  }, [items]);
+  import_react56.default.useEffect(() => {
+    if (paused) return;
+    setVisibleItems(items ?? []);
+  }, [items, paused]);
+  return {
+    paused,
+    setPaused,
+    togglePaused,
+    visibleItems
+  };
+}
+
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
 var StateInspector = memoGeneric(function StateInspector2({
   noyaManager,
@@ -13910,18 +14283,20 @@ var StateInspector = memoGeneric(function StateInspector2({
     ioManager,
     resourceManager,
     activityEventsManager,
-    logManager
+    logManager,
+    gitManager
   } = noyaManager;
-  const [didMount, setDidMount] = import_react55.default.useState(false);
+  const [didMount, setDidMount] = import_react57.default.useState(false);
   const tasks = useObservable2(taskManager.tasks$);
   const inputs = useObservable2(ioManager.inputs$);
   const outputTransforms = useObservable2(ioManager.outputTransforms$);
-  (0, import_react55.useLayoutEffect)(() => {
+  (0, import_react57.useLayoutEffect)(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = import_react55.default.useRef(null);
-  const activityEventsContainerRef = import_react55.default.useRef(null);
-  const serverLogsContainerRef = import_react55.default.useRef(null);
+  const eventsContainerRef = import_react57.default.useRef(null);
+  const activityEventsContainerRef = import_react57.default.useRef(null);
+  const serverLogsContainerRef = import_react57.default.useRef(null);
+  const serverSimulationLogsContainerRef = import_react57.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -13938,6 +14313,10 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-users",
     true
   );
+  const [showUserDetails, setShowUserDetails] = useLocalStorageState(
+    "noya-multiplayer-react-show-user-details",
+    false
+  );
   const [showData, setShowData] = useLocalStorageState(
     "noya-multiplayer-react-show-data",
     true
@@ -13978,35 +14357,55 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-server-logs",
     false
   );
+  const [showServerSimulationLogs, setShowServerSimulationLogs] = useLocalStorageState(
+    "noya-multiplayer-react-show-server-simulation-logs",
+    false
+  );
+  const [showGit, setShowGit] = useLocalStorageState(
+    "noya-multiplayer-react-show-git",
+    false
+  );
+  const [showSimulation, setShowSimulation] = useLocalStorageState(
+    "noya-multiplayer-react-show-simulation",
+    false
+  );
   const connectionEvents = useObservable2(connectionEventManager.events$);
-  (0, import_react55.useEffect)(() => {
+  const {
+    visibleItems: visibleConnectionEvents,
+    paused: connectionEventsPaused,
+    togglePaused: toggleConnectionEventsPaused
+  } = usePausedStream(connectionEvents);
+  (0, import_react57.useEffect)(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
-  }, [connectionEvents]);
+  }, [visibleConnectionEvents]);
   const serverLogs = useObservable2(logManager.logs$);
-  const [serverLogsPaused, setServerLogsPaused] = import_react55.default.useState(false);
-  const [visibleServerLogs, setVisibleServerLogs] = import_react55.default.useState(
-    serverLogs ?? []
+  const {
+    visibleItems: visibleServerLogs,
+    paused: serverLogsPaused,
+    togglePaused: toggleServerLogsPaused
+  } = usePausedStream(serverLogs);
+  const serverSimulationLogs = useObservable2(
+    multiplayerStateManager.serverSimulationLogs$
   );
-  const toggleServerLogsPaused = (0, import_react55.useCallback)(() => {
-    setServerLogsPaused((value) => {
-      if (!value) {
-        setVisibleServerLogs(serverLogs ?? []);
-      }
-      return !value;
-    });
-  }, [serverLogs]);
-  (0, import_react55.useEffect)(() => {
-    if (serverLogsPaused) return;
-    setVisibleServerLogs(serverLogs ?? []);
-  }, [serverLogs, serverLogsPaused]);
-  (0, import_react55.useEffect)(() => {
+  const {
+    visibleItems: visibleServerSimulationLogs,
+    paused: serverSimulationLogsPaused,
+    togglePaused: toggleServerSimulationLogsPaused
+  } = usePausedStream(serverSimulationLogs);
+  (0, import_react57.useEffect)(() => {
     if (!showServerLogs) return;
     if (serverLogsContainerRef.current) {
       serverLogsContainerRef.current.scrollTop = serverLogsContainerRef.current.scrollHeight;
     }
   }, [showServerLogs, visibleServerLogs]);
+  (0, import_react57.useEffect)(() => {
+    if (!showServerSimulationLogs) return;
+    if (serverSimulationLogsContainerRef.current) {
+      serverSimulationLogsContainerRef.current.scrollTop = serverSimulationLogsContainerRef.current.scrollHeight;
+    }
+  }, [showServerSimulationLogs, visibleServerSimulationLogs]);
   const multipeerStateInitialized = useObservable2(
     multiplayerStateManager.isInitialized$
   );
@@ -14018,8 +14417,10 @@ var StateInspector = memoGeneric(function StateInspector2({
   const assetsInitialized = useObservable2(assetManager.isInitialized$);
   const secrets = useObservable2(secretManager.secrets$);
   const secretsInitialized = useObservable2(secretManager.isInitialized$);
-  const connectedUsers = useObservable2(userManager.connectedUsers$);
+  const connectedUsers = useObservable2(userManager.allUsers$);
   const connectionId = useObservable2(userManager.currentConnectionId$);
+  const simulationDiagnostics = multiplayerStateManager.getServerSimulationDiagnostics?.() ?? null;
+  const showSimulationLogsSection = (simulationDiagnostics?.simulateLocally ?? false) || visibleServerSimulationLogs.length > 0;
   const state = useObservable2(multiplayerStateManager.optimisticState$);
   const inputsInitialized = useObservable2(ioManager.inputsInitialized$);
   const outputTransformsInitialized = useObservable2(
@@ -14046,11 +14447,11 @@ var StateInspector = memoGeneric(function StateInspector2({
     zIndex: 9999,
     lineHeight: "13px"
   };
-  const handleExportAll = (0, import_react55.useCallback)(async () => {
+  const handleExportAll = (0, import_react57.useCallback)(async () => {
     const buffer = await exportAll(noyaManager);
     downloadBlob(new Blob([buffer]), "state.zip");
   }, [noyaManager]);
-  const handleImportAll = (0, import_react55.useCallback)(async () => {
+  const handleImportAll = (0, import_react57.useCallback)(async () => {
     const file = await uploadFile();
     const buffer = await file.arrayBuffer();
     importAll(buffer, noyaManager, {
@@ -14063,7 +14464,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ import_react55.default.createElement(
+    return /* @__PURE__ */ import_react57.default.createElement(
       "div",
       {
         ...props,
@@ -14075,7 +14476,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -14086,7 +14487,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement(
     "div",
     {
       ...props,
@@ -14095,7 +14496,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -14105,9 +14506,17 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         style: {
           flex: "0 0 auto",
-          maxHeight: "200px"
+          maxHeight: "50%",
+          overflowY: "auto"
         },
-        right: /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react57.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react57.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => setShowUserDetails(!showUserDetails)
+          },
+          "Toggle details"
+        ), /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -14115,19 +14524,21 @@ var StateInspector = memoGeneric(function StateInspector2({
             theme: theme3,
             anchor
           }
-        )
+        ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
-        const identifier = user.userId ?? user.connectionId;
-        return /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.filter((user) => showUserDetails || !user.inactive).map((user, index, array) => {
+        return /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorRow,
           {
             key: user.connectionId,
             colorScheme,
             variant: user.connectionId === connectionId ? "up" : void 0,
-            bordered: index !== array.length - 1
+            bordered: index !== array.length - 1,
+            style: {
+              opacity: user.inactive ? 0.5 : 1
+            }
           },
-          user.image && /* @__PURE__ */ import_react55.default.createElement(
+          user.image && /* @__PURE__ */ import_react57.default.createElement(
             "img",
             {
               src: user.image,
@@ -14144,12 +14555,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               }
             }
           ),
-          user.name,
-          " (",
-          ellipsis(identifier, 8, "middle"),
-          ")"
+          showUserDetails ? /* @__PURE__ */ import_react57.default.createElement(themedObjectInspector, { data: user, theme: theme3 }) : user.name
         );
-      }), !connectedUsers && /* @__PURE__ */ import_react55.default.createElement(
+      }), !connectedUsers && /* @__PURE__ */ import_react57.default.createElement(
         "div",
         {
           style: {
@@ -14160,13 +14568,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", null, "No connected users")
+        /* @__PURE__ */ import_react57.default.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react55.default.createElement(
+        title: /* @__PURE__ */ import_react57.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react57.default.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -14175,7 +14583,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react57.default.createElement(
           "span",
           {
             style: {
@@ -14183,9 +14591,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ import_react55.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ import_react55.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ import_react55.default.createElement(
+          /* @__PURE__ */ import_react57.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ import_react57.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ import_react57.default.createElement(
             StateInspectorButton,
             {
               theme: theme3,
@@ -14197,14 +14605,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react57.default.createElement(
         themedObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme: theme3
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react57.default.createElement(
         themedObjectInspector,
         {
           name: "schema",
@@ -14213,7 +14621,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       HistorySection,
       {
         showHistory,
@@ -14223,14 +14631,14 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react57.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react57.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ import_react55.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react57.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14245,7 +14653,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14258,54 +14666,69 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
-            onClick: () => {
-              const input = document.createElement("input");
-              input.type = "file";
-              input.onchange = () => {
-                const file = input.files?.[0];
-                if (file) {
-                  const reader = new FileReader();
-                  reader.onload = () => {
-                    const buffer = reader.result;
-                    assetManager.create(new Uint8Array(buffer));
-                  };
-                  reader.readAsArrayBuffer(file);
-                }
-              };
-              input.click();
+            onClick: async () => {
+              const file = await uploadFile();
+              assetManager.create(file);
             }
           },
           "Upload"
+        ), /* @__PURE__ */ import_react57.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: async () => {
+              const file = await uploadFile();
+              assetManager.create({
+                data: new Uint8Array(await file.arrayBuffer()),
+                contentType: file.type,
+                mode: "mutable"
+              });
+            }
+          },
+          "Upload Mutable"
         ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react57.default.createElement(
         themedObjectInspector,
         {
           name: asset.id,
           data: truncateAsset(asset),
           theme: theme3
         }
-      ), /* @__PURE__ */ import_react55.default.createElement(
+      ), /* @__PURE__ */ import_react57.default.createElement("div", { style: { display: "flex", gap: "4px" } }, asset.mode === "mutable" && /* @__PURE__ */ import_react57.default.createElement(
+        StateInspectorButton,
+        {
+          theme: theme3,
+          onClick: async () => {
+            const file = await uploadFile();
+            assetManager.update(asset.id, {
+              data: new Uint8Array(await file.arrayBuffer()),
+              contentType: file.type
+            });
+          }
+        },
+        "Replace"
+      ), /* @__PURE__ */ import_react57.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
           onClick: () => assetManager.delete(asset.id)
         },
         "Delete"
-      ))))
+      )))))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react57.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react57.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
         colorScheme,
         open: showResources,
         setOpen: setShowResources,
-        right: /* @__PURE__ */ import_react55.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react57.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14320,12 +14743,12 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Delete all"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
             onClick: async () => {
-              const path2 = prompt("Enter directory path") || (0, import_noya_utils24.uuid)();
+              const path2 = prompt("Enter directory path") || (0, import_noya_utils23.uuid)();
               await resourceManager.createResource({
                 type: "directory",
                 path: path2
@@ -14333,7 +14756,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Create Directory"
-        ), /* @__PURE__ */ import_react55.default.createElement(
+        ), /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14341,9 +14764,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               const file = await uploadFile();
               resourceManager.createResource({
                 type: "asset",
-                path: file.name || (0, import_noya_utils24.uuid)(),
+                path: file.name || (0, import_noya_utils23.uuid)(),
                 asset: {
-                  content: import_noya_utils24.Base64.encode(await file.arrayBuffer()),
+                  content: import_noya_utils23.Base64.encode(await file.arrayBuffer()),
                   contentType: file.type,
                   encoding: "base64"
                 }
@@ -14353,21 +14776,21 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create Asset"
         ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react57.default.createElement(
         themedObjectInspector,
         {
           name: resource.path,
           data: resource,
           theme: theme3
         }
-      ), /* @__PURE__ */ import_react55.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react55.default.createElement(
+      ), /* @__PURE__ */ import_react57.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react57.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
           onClick: () => resourceManager.deleteResource({ id: resource.id })
         },
         "Delete"
-      ), /* @__PURE__ */ import_react55.default.createElement(
+      ), /* @__PURE__ */ import_react57.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14380,14 +14803,23 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Rename"
       )))))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react57.default.createElement(StateInspectorTitleLabel, null, "Secrets (", secrets.length, ")", /* @__PURE__ */ import_react57.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ import_react55.default.createElement(
+        right: /* @__PURE__ */ import_react57.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react57.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: () => {
+              void secretManager.fetchSecrets();
+            }
+          },
+          "Refresh"
+        ), /* @__PURE__ */ import_react57.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -14400,9 +14832,9 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Create"
-        )
+        ))
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react57.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react57.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -14411,15 +14843,24 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
+      GitSection,
+      {
+        showGit,
+        setShowGit,
+        colorScheme,
+        gitManager
+      }
+    ),
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react55.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react57.default.createElement(StateInspectorTitleLabel, null, "Inputs (", inputs.length, ")", /* @__PURE__ */ import_react57.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react57.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react57.default.createElement(
         "div",
         {
           style: {
@@ -14430,15 +14871,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", null, "No inputs")
+        /* @__PURE__ */ import_react57.default.createElement("span", null, "No inputs")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ import_react55.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react55.default.createElement(
+        title: /* @__PURE__ */ import_react57.default.createElement(StateInspectorTitleLabel, null, "Output Transforms (", outputTransforms.length, ")", /* @__PURE__ */ import_react57.default.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -14446,7 +14887,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react57.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react57.default.createElement(
         "div",
         {
           style: {
@@ -14457,10 +14898,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ import_react57.default.createElement("span", null, "No output transforms")
       ))
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -14468,7 +14909,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react57.default.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -14477,7 +14918,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             backgroundColor: task.status === "done" ? "rgba(0,255,0,0.2)" : task.status === "error" ? "rgba(255,0,0,0.2)" : void 0
           }
         },
-        /* @__PURE__ */ import_react55.default.createElement(
+        /* @__PURE__ */ import_react57.default.createElement(
           themedObjectInspector,
           {
             name: task.name,
@@ -14487,7 +14928,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showShared,
@@ -14495,7 +14936,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         title: "Shared Connection Data",
         colorScheme
       },
-      /* @__PURE__ */ import_react55.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react55.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react55.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(shared).map(([key, value]) => /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react57.default.createElement(
         themedObjectInspector,
         {
           name: key,
@@ -14505,7 +14946,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       ServerScriptLogsSection,
       {
         colorScheme,
@@ -14517,7 +14958,44 @@ var StateInspector = memoGeneric(function StateInspector2({
         containerRef: serverLogsContainerRef
       }
     ),
-    advanced && /* @__PURE__ */ import_react55.default.createElement(
+    showSimulationLogsSection && /* @__PURE__ */ import_react57.default.createElement(
+      ServerScriptLogsSection,
+      {
+        title: "Server Script Simulation Logs",
+        colorScheme,
+        showLogs: showServerSimulationLogs,
+        setShowLogs: setShowServerSimulationLogs,
+        logs: visibleServerSimulationLogs,
+        paused: serverSimulationLogsPaused,
+        onTogglePaused: toggleServerSimulationLogsPaused,
+        containerRef: serverSimulationLogsContainerRef
+      }
+    ),
+    /* @__PURE__ */ import_react57.default.createElement(
+      StateInspectorDisclosureSection,
+      {
+        open: showSimulation,
+        setOpen: setShowSimulation,
+        title: "Server Simulation",
+        colorScheme
+      },
+      /* @__PURE__ */ import_react57.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react57.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react57.default.createElement(
+        themedObjectInspector,
+        {
+          name: "status",
+          data: simulationDiagnostics ?? {
+            simulateLocally: false,
+            simulatorActive: false,
+            clockSkewMs: 0,
+            invocations: [],
+            pendingPredictions: []
+          },
+          theme: theme3,
+          expandLevel: 2
+        }
+      )))
+    ),
+    advanced && /* @__PURE__ */ import_react57.default.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -14527,10 +15005,12 @@ var StateInspector = memoGeneric(function StateInspector2({
         activityEventsManager
       }
     ),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(
       EventsSection,
       {
-        connectionEvents,
+        connectionEvents: visibleConnectionEvents,
+        paused: connectionEventsPaused,
+        onTogglePaused: toggleConnectionEventsPaused,
         colorScheme,
         eventsContainerRef,
         showEvents,
@@ -14539,7 +15019,7 @@ var StateInspector = memoGeneric(function StateInspector2({
     )
   );
 });
-var truncateAsset = (0, import_noya_utils24.memoize)((asset) => {
+var truncateAsset = (0, import_noya_utils23.memoize)((asset) => {
   if (asset.url.startsWith("data:") || asset.url.startsWith("blob:")) {
     return { ...asset, url: ellipsis(asset.url, 40) };
   }
@@ -14548,7 +15028,7 @@ var truncateAsset = (0, import_noya_utils24.memoize)((asset) => {
 
 // ../noya-multiplayer-react/src/hooks.ts
 function useManagedHistory(stateManager) {
-  return (0, import_react57.useSyncExternalStore)(
+  return (0, import_react59.useSyncExternalStore)(
     stateManager.historyEmittor.addListener,
     stateManager.getHistorySnapshot,
     stateManager.getHistorySnapshot
@@ -14556,15 +15036,15 @@ function useManagedHistory(stateManager) {
 }
 
 // ../noya-multiplayer-react/src/singleton.tsx
-var import_react59 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var AnyNoyaStateContext = (0, import_react60.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react62.createContext)(void 0);
 var emptyArray = [];
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
-  const [streamId, setStreamId] = (0, import_react60.useState)(void 0);
+  const [streamId, setStreamId] = (0, import_react62.useState)(void 0);
   const stableStreamFilter = useJsonMemo(streamFilter);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -14578,8 +15058,8 @@ function useActivityEventsForManager(streamFilter, activityEventsManager) {
 }
 
 // ../noya-multiplayer-react/src/components/UserPointersOverlay.tsx
-var import_observable23 = require("@noya-app/observable");
-var import_react62 = __toESM(require("react"));
+var import_observable25 = require("@noya-app/observable");
+var import_react64 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -14589,18 +15069,18 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react62.useMemo)(() => {
+  const observable = (0, import_react64.useMemo)(() => {
     const metadata$ = sharedConnectionDataManager.metadata$.observePath([user.connectionId]).throttle(50);
     const data$ = sharedConnectionDataManager.data$.observePath([user.connectionId]).throttle(50);
-    return import_observable23.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
+    return import_observable25.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
   }, [sharedConnectionDataManager, user.connectionId]);
   const { metadata, data } = useObservable2(observable);
-  const [, setForceUpdate] = (0, import_react62.useState)(0);
+  const [, setForceUpdate] = (0, import_react64.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -14624,9 +15104,9 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
     sharedConnectionDataManager.currentConnectionId$
   );
   const connectedUsers = useObservable2(userManager.connectedUsers$);
-  return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, connectedUsers.map((user) => {
     if (user.connectionId === currentConnectionId) return null;
-    return /* @__PURE__ */ import_react62.default.createElement(
+    return /* @__PURE__ */ import_react64.default.createElement(
       UserPointerInternal,
       {
         key: user.connectionId,
@@ -14640,15 +15120,15 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 
 // src/react/tableHooks.ts
 var import_observable_store = require("@noya-app/observable-store");
-var import_react63 = require("react");
+var import_react65 = require("react");
 function useTable(table, {
   where,
   select
 }, options = {}) {
-  const stableSelect = (0, import_react63.useMemo)(() => {
+  const stableSelect = (0, import_react65.useMemo)(() => {
     return JSON.stringify(select);
   }, [select]);
-  const stableWhere = (0, import_react63.useMemo)(() => {
+  const stableWhere = (0, import_react65.useMemo)(() => {
     let cloneWithNoUndefined = {};
     for (const [key, value] of Object.entries(where ?? {})) {
       if (value !== void 0) {
@@ -14657,7 +15137,7 @@ function useTable(table, {
     }
     return JSON.stringify(cloneWithNoUndefined);
   }, [where]);
-  const observable = (0, import_react63.useMemo)(() => {
+  const observable = (0, import_react65.useMemo)(() => {
     const parsedSelect = JSON.parse(stableSelect);
     const parsedWhere = JSON.parse(stableWhere);
     if (!table) {
@@ -14684,18 +15164,18 @@ function useTable(table, {
       }
     );
   }, [stableSelect, stableWhere, table, options.policy, options.debug]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     observable.start?.();
   }, [observable]);
   const { status, data } = useObservable2(observable);
-  const optimisticUpdate = (0, import_react63.useCallback)(
+  const optimisticUpdate = (0, import_react65.useCallback)(
     (entity, config) => {
       if (!table) return;
       table.optimisticUpdate(entity, config);
     },
     [table]
   );
-  return (0, import_react63.useMemo)(() => {
+  return (0, import_react65.useMemo)(() => {
     return {
       status,
       data,
@@ -14725,7 +15205,7 @@ function useFileListItem(id, select, options = {}) {
     { where: { id: id ?? null }, select },
     options
   );
-  return (0, import_react63.useMemo)(() => {
+  return (0, import_react65.useMemo)(() => {
     return {
       data: data.at(0),
       status,
@@ -14755,7 +15235,7 @@ function useUser(id, select, options = {}) {
     { select, where: { id: id ?? null } },
     options
   );
-  return (0, import_react63.useMemo)(() => {
+  return (0, import_react65.useMemo)(() => {
     return {
       status,
       data: data.at(0),
@@ -14784,11 +15264,6 @@ function useActivityEventsList(fileId, select, options = {}) {
   useActivityEventsList,
   useFileList,
   useFileListItem,
-  useGeneratedComponentDescription,
-  useGeneratedComponentDescriptions,
-  useGeneratedComponentNames,
-  useGeneratedPageComponentNames,
-  useGeneratedPageNames,
   useIsBeta,
   useMetadata,
   useNetworkRequests,
@@ -14820,8 +15295,6 @@ function useActivityEventsList(fileId, select, options = {}) {
   useOptionalNoyaTags,
   useOptionalNoyaTools,
   useOptionalNoyaUserData,
-  useRandomIcons,
-  useRandomImages,
   useResourcesList,
   useTable,
   useUser,