@noya-app/noya-multiplayer-react 0.1.63 → 0.1.65

package/dist/index.mjs

@@ -42,10 +42,10 @@ var require_access = __commonJS({
         const accessed = _getPath(node, indexPath, options);
         return accessed[accessed.length - 1];
       }
-      let path = indexPath.slice();
-      while (path.length > 0) {
-        let index = path.shift();
-        const children = options.getChildren(node, path);
+      let path2 = indexPath.slice();
+      while (path2.length > 0) {
+        let index = path2.shift();
+        const children = options.getChildren(node, path2);
         const child = children[index];
         if (!child) {
           return void 0;
@@ -58,12 +58,12 @@ var require_access = __commonJS({
       return _getPath(node, indexPath, options).slice(0, -1);
     }
     function _getPath(node, indexPath, options) {
-      let path = indexPath.slice();
+      let path2 = indexPath.slice();
       let result = [node];
-      while (path.length > 0) {
-        let index = path.shift();
+      while (path2.length > 0) {
+        let index = path2.shift();
         const context = options.includeTraversalContext ? makeTraversalContext(result) : void 0;
-        const children = options.getChildren(node, path, context);
+        const children = options.getChildren(node, path2, context);
         const child = children[index];
         if (!child) {
           return result;
@@ -78,20 +78,20 @@ var require_access = __commonJS({
         const accessed = accessPath(node, indexPath, options);
         return accessed[accessed.length - 1];
       }
-      let path = indexPath.slice();
-      while (path.length > 0) {
-        let index = path.shift();
-        node = options.getChildren(node, path)[index];
+      let path2 = indexPath.slice();
+      while (path2.length > 0) {
+        let index = path2.shift();
+        node = options.getChildren(node, path2)[index];
       }
       return node;
     }
     function accessPath(node, indexPath, options) {
-      let path = indexPath.slice();
+      let path2 = indexPath.slice();
       let result = [node];
-      while (path.length > 0) {
-        let index = path.shift();
+      while (path2.length > 0) {
+        let index = path2.shift();
         const context = options.includeTraversalContext ? makeTraversalContext(result) : void 0;
-        node = options.getChildren(node, path, context)[index];
+        node = options.getChildren(node, path2, context)[index];
         result.push(node);
       }
       return result;
@@ -605,40 +605,40 @@ var require_transformPath = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.transformPath = transformPath;
     var sort_1 = require_sort();
-    function commonAncestor(path, otherPath) {
-      const length = Math.min(path.length, otherPath.length);
+    function commonAncestor(path2, otherPath) {
+      const length = Math.min(path2.length, otherPath.length);
       for (let i = 0; i < length; i++) {
-        if (path[i] !== otherPath[i]) {
-          return path.slice(0, i);
+        if (path2[i] !== otherPath[i]) {
+          return path2.slice(0, i);
         }
       }
-      return path.slice(0, length);
+      return path2.slice(0, length);
     }
-    function transformPath(path, operation, otherPath, count = 1) {
-      if (otherPath.length > path.length || (0, sort_1.comparePathsByComponent)(otherPath, path) > 0) {
-        return path;
+    function transformPath(path2, operation, otherPath, count = 1) {
+      if (otherPath.length > path2.length || (0, sort_1.comparePathsByComponent)(otherPath, path2) > 0) {
+        return path2;
       }
       if (otherPath.length === 0 && operation === "remove") {
         return void 0;
       }
-      const common = commonAncestor(path, otherPath);
-      const adjustmentIndex = common.length === path.length || common.length === otherPath.length ? common.length - 1 : common.length;
-      const pathValue = path[adjustmentIndex];
+      const common = commonAncestor(path2, otherPath);
+      const adjustmentIndex = common.length === path2.length || common.length === otherPath.length ? common.length - 1 : common.length;
+      const pathValue = path2[adjustmentIndex];
       const otherPathValue = otherPath[adjustmentIndex];
       if (operation === "insert" && otherPathValue <= pathValue) {
-        const newPath = [...path];
+        const newPath = [...path2];
         newPath[adjustmentIndex] += count;
         return newPath;
       } else if (operation === "remove") {
         if (otherPathValue === pathValue) {
           return void 0;
         } else if (otherPathValue < pathValue) {
-          const newPath = [...path];
+          const newPath = [...path2];
           newPath[adjustmentIndex] -= count;
           return newPath;
         }
       }
-      return path;
+      return path2;
     }
   }
 });
@@ -804,15 +804,15 @@ var require_operation = __commonJS({
       switch (operation.type) {
         case "insert": {
           const otherPath = parentPath.concat(operation.index);
-          return transformedPaths.map((path) => path ? (0, transformPath_1.transformPath)(path, "insert", otherPath, operation.nodes.length) : void 0);
+          return transformedPaths.map((path2) => path2 ? (0, transformPath_1.transformPath)(path2, "insert", otherPath, operation.nodes.length) : void 0);
         }
         case "remove": {
           const otherPaths = [...operation.indexes].reverse().map((index) => parentPath.concat(index));
-          return transformedPaths.map((path) => {
+          return transformedPaths.map((path2) => {
             for (const otherPath of otherPaths) {
-              path = path ? (0, transformPath_1.transformPath)(path, "remove", otherPath) : void 0;
+              path2 = path2 ? (0, transformPath_1.transformPath)(path2, "remove", otherPath) : void 0;
             }
-            return path;
+            return path2;
           });
         }
         case "removeThenInsert": {
@@ -949,22 +949,22 @@ var require_splice = __commonJS({
       return _spliceWithPathTracking(node, options);
     }
     function _spliceWithPathTracking(node, options) {
-      const { path, deleteCount = 0, nodes, track } = options;
-      if (path.length === 0) {
+      const { path: path2, deleteCount = 0, nodes, track } = options;
+      if (path2.length === 0) {
         throw new Error(`Can't splice at the root`);
       }
-      const pathsToRemove = getPathsToRemove(path, deleteCount);
-      const operations = (0, operation_1.getInsertionOperations)(path, nodes, (0, operation_1.getRemovalOperations)(pathsToRemove));
+      const pathsToRemove = getPathsToRemove(path2, deleteCount);
+      const operations = (0, operation_1.getInsertionOperations)(path2, nodes, (0, operation_1.getRemovalOperations)(pathsToRemove));
       const transformedPaths = track ? (0, operation_1.transformPathsByOperations)(track, operations) : [];
       return {
         node: (0, operation_1.applyOperations)(node, operations, options),
         paths: transformedPaths
       };
     }
-    function getPathsToRemove(path, deleteCount) {
+    function getPathsToRemove(path2, deleteCount) {
       let pathsToRemove = [];
-      let parentPath = path.slice(0, -1);
-      let index = path[path.length - 1];
+      let parentPath = path2.slice(0, -1);
+      let index = path2[path2.length - 1];
       for (let i = 0; i < deleteCount; i++) {
         pathsToRemove.push(parentPath.concat(index + i));
       }
@@ -978,7 +978,7 @@ var require_defineTree = __commonJS({
   "../../node_modules/tree-visit/lib/defineTree.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.defineTree = defineTree2;
+    exports.defineTree = defineTree3;
     var access_1 = require_access();
     var diagram_1 = require_diagram();
     var entries_1 = require_entries();
@@ -1027,7 +1027,7 @@ var require_defineTree = __commonJS({
         this._getChildren = this.baseOptions.getChildren;
       }
     };
-    function defineTree2(getChildren) {
+    function defineTree3(getChildren) {
       return new Tree(getChildren, {});
     }
   }
@@ -1104,25 +1104,397 @@ var require_lib = __commonJS({
   }
 });
 
+// ../../node_modules/imfs/lib/types.js
+var require_types = __commonJS({
+  "../../node_modules/imfs/lib/types.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+  }
+});
+
+// ../../node_modules/imfs/lib/node.js
+var require_node = __commonJS({
+  "../../node_modules/imfs/lib/node.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Nodes = void 0;
+    function createFile(data, metadata) {
+      return { type: "file", data, metadata };
+    }
+    function createDirectory(children = {}, metadata) {
+      return { type: "directory", children, metadata };
+    }
+    function isFile(node) {
+      return node.type === "file";
+    }
+    function isDirectory(node) {
+      return node.type === "directory";
+    }
+    function getMetadata(node) {
+      return node.metadata;
+    }
+    function readDirectory(directory) {
+      return Object.keys(directory.children);
+    }
+    function getChild(directory, name) {
+      return directory.children[name];
+    }
+    function hasChild(directory, name) {
+      return name in directory.children;
+    }
+    exports.Nodes = {
+      createDirectory,
+      createFile,
+      getChild,
+      getMetadata,
+      hasChild,
+      isDirectory,
+      isFile,
+      readDirectory
+    };
+  }
+});
+
+// ../../node_modules/imfs/lib/path.js
+var require_path = __commonJS({
+  "../../node_modules/imfs/lib/path.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.dirname = exports.basename = exports.extname = exports.join = exports.normalize = exports.sep = void 0;
+    exports.sep = "/";
+    function preserveLeadingAndTrailingSlash(original, updated) {
+      if (original.startsWith("/")) {
+        updated = "/" + updated;
+      }
+      if (updated[updated.length - 1] !== "/" && original.endsWith("/")) {
+        updated = updated + "/";
+      }
+      return updated;
+    }
+    function normalize(filename) {
+      const components = filename.split(exports.sep).filter((component) => !!component);
+      let i = 0;
+      let length = components.length - 1;
+      while (i < length) {
+        if (components[i] === ".") {
+          components.splice(i, 1);
+          length--;
+        } else if (components[i] === ".." && i !== 0) {
+          components.splice(i - 1, 2);
+          length -= 2;
+          i -= 1;
+        } else if (components[i] === "" && components[i + 1] === "") {
+          components.splice(i, 1);
+          length--;
+        } else {
+          i++;
+        }
+      }
+      return preserveLeadingAndTrailingSlash(filename, components.join(exports.sep));
+    }
+    exports.normalize = normalize;
+    function join(...components) {
+      let result = normalize(components.join(exports.sep));
+      if (result === "") {
+        result = ".";
+      }
+      return result;
+    }
+    exports.join = join;
+    function extname(filename) {
+      const index = filename.lastIndexOf(".");
+      return index !== -1 ? filename.slice(index) : filename;
+    }
+    exports.extname = extname;
+    function basename(filename, extname2) {
+      if (extname2 && filename.endsWith(extname2)) {
+        filename = filename.slice(0, -extname2.length);
+      }
+      let sepIndex = filename.lastIndexOf(exports.sep);
+      if (sepIndex === filename.length - 1) {
+        filename = filename.slice(0, -1);
+        return filename.length > 1 ? basename(filename) : filename;
+      }
+      return filename.slice(sepIndex + 1);
+    }
+    exports.basename = basename;
+    function dirname(filename) {
+      let base = basename(filename);
+      let result = filename.slice(0, -(base.length + 1));
+      if (result === "") {
+        if (filename.startsWith(exports.sep)) {
+          result = exports.sep;
+        } else {
+          result = ".";
+        }
+      }
+      return result;
+    }
+    exports.dirname = dirname;
+  }
+});
+
+// ../../node_modules/imfs/lib/entries.js
+var require_entries2 = __commonJS({
+  "../../node_modules/imfs/lib/entries.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Entries = void 0;
+    var node_1 = require_node();
+    var path_1 = require_path();
+    function getEntries(entry) {
+      const [pathname, node] = entry;
+      return node_1.Nodes.isDirectory(node) ? Object.entries(node.children).map(([key, value]) => [
+        (0, path_1.join)(pathname, key),
+        value
+      ]) : [];
+    }
+    function createEntry(pathname, node) {
+      return [pathname, node];
+    }
+    exports.Entries = {
+      createEntry,
+      getEntries
+    };
+  }
+});
+
+// ../../node_modules/imfs/lib/volume/paths.js
+var require_paths = __commonJS({
+  "../../node_modules/imfs/lib/volume/paths.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getNewAndParentName = exports.normalizePathLikeInternal = exports.getPathComponents = void 0;
+    var path_1 = require_path();
+    function getPathComponents(filepath) {
+      return getPathComponentsNormalized((0, path_1.normalize)(filepath));
+      function getPathComponentsNormalized(filepath2) {
+        if (filepath2.startsWith("..")) {
+          throw new Error(`Invalid path ${filepath2}, can't go up past root.`);
+        }
+        if (filepath2.startsWith(".") || filepath2.startsWith("/")) {
+          return getPathComponentsNormalized(filepath2.slice(1));
+        }
+        if (filepath2 === "")
+          return [];
+        return filepath2.split(path_1.sep).filter((component) => !!component);
+      }
+    }
+    exports.getPathComponents = getPathComponents;
+    function normalizePathLikeInternal(pathlike) {
+      return typeof pathlike === "string" ? getPathComponents(pathlike) : pathlike;
+    }
+    exports.normalizePathLikeInternal = normalizePathLikeInternal;
+    function getNewAndParentName(pathlike) {
+      const parentName = typeof pathlike === "string" ? (0, path_1.dirname)(pathlike) : pathlike.slice(0, -1);
+      const newName = typeof pathlike === "string" ? (0, path_1.basename)(pathlike) : pathlike[pathlike.length - 1];
+      return { parentName, newName };
+    }
+    exports.getNewAndParentName = getNewAndParentName;
+  }
+});
+
+// ../../node_modules/imfs/lib/volume/read.js
+var require_read = __commonJS({
+  "../../node_modules/imfs/lib/volume/read.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getMetadata = exports.readDirectory = exports.readFile = exports.getNode = exports.getNodeInternal = void 0;
+    var node_1 = require_node();
+    var path_1 = require_path();
+    var paths_1 = require_paths();
+    function getNodeInternal(root, pathlike, options) {
+      const components = (0, paths_1.normalizePathLikeInternal)(pathlike);
+      let i = 0;
+      let current = root;
+      while (i < components.length) {
+        let component = components[i];
+        if (current.type !== "directory") {
+          throw new Error(`File ${(0, path_1.join)(...components.slice(0, i))} is not a directory`);
+        }
+        let node = node_1.Nodes.getChild(current, component);
+        if (!node) {
+          if (options.makeIntermediateDirectoryMetadata) {
+            const child = node_1.Nodes.createDirectory({}, options.makeIntermediateDirectoryMetadata((0, path_1.join)(...components.slice(0, i + 1))));
+            current.children[component] = child;
+            node = child;
+          } else if (options.makeIntermediateDirectories) {
+            const child = node_1.Nodes.createDirectory();
+            current.children[component] = child;
+            node = child;
+          } else {
+            throw new Error(`File ${(0, path_1.join)(...components.slice(0, i + 1))} not found`);
+          }
+        }
+        current = node;
+        i++;
+      }
+      return current;
+    }
+    exports.getNodeInternal = getNodeInternal;
+    function getNode(root, pathlike) {
+      return getNodeInternal(root, pathlike, {});
+    }
+    exports.getNode = getNode;
+    function readFile(root, pathlike) {
+      const components = (0, paths_1.normalizePathLikeInternal)(pathlike);
+      const node = getNode(root, components);
+      if (!node_1.Nodes.isFile(node)) {
+        throw new Error(`Can't read, ${(0, path_1.join)(...components)} not a file`);
+      }
+      return node.data;
+    }
+    exports.readFile = readFile;
+    function readDirectory(root, pathlike) {
+      const components = (0, paths_1.normalizePathLikeInternal)(pathlike);
+      const node = getNode(root, components);
+      if (!node_1.Nodes.isDirectory(node)) {
+        throw new Error(`Can't read, ${(0, path_1.join)(...components)} not a directory`);
+      }
+      return node_1.Nodes.readDirectory(node);
+    }
+    exports.readDirectory = readDirectory;
+    function getMetadata(root, pathlike) {
+      const components = (0, paths_1.normalizePathLikeInternal)(pathlike);
+      const node = getNode(root, components);
+      return node.metadata;
+    }
+    exports.getMetadata = getMetadata;
+  }
+});
+
+// ../../node_modules/imfs/lib/volume/write.js
+var require_write = __commonJS({
+  "../../node_modules/imfs/lib/volume/write.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.create = exports.setMetadata = exports.removeFile = exports.makeDirectory = exports.writeFile = exports.setNode = void 0;
+    var node_1 = require_node();
+    var paths_1 = require_paths();
+    var read_1 = require_read();
+    function setNode(root, pathlike, node, options) {
+      const { parentName, newName } = (0, paths_1.getNewAndParentName)(pathlike);
+      const parent = (0, read_1.getNodeInternal)(root, parentName, options !== null && options !== void 0 ? options : {});
+      if (!node_1.Nodes.isDirectory(parent)) {
+        throw new Error(`Can't create ${newName}, ${parentName} not a directory`);
+      }
+      parent.children[newName] = node;
+    }
+    exports.setNode = setNode;
+    function writeFile(root, pathlike, data, options) {
+      var _a;
+      setNode(root, pathlike, node_1.Nodes.createFile(data, (_a = options) === null || _a === void 0 ? void 0 : _a.metadata), options);
+    }
+    exports.writeFile = writeFile;
+    function makeDirectory(root, pathlike, options) {
+      var _a;
+      const { parentName, newName } = (0, paths_1.getNewAndParentName)(pathlike);
+      const parent = (0, read_1.getNodeInternal)(root, parentName, options !== null && options !== void 0 ? options : {});
+      if (!node_1.Nodes.isDirectory(parent)) {
+        throw new Error(`Can't create ${newName}, ${parentName} not a directory`);
+      }
+      const existing = node_1.Nodes.getChild(parent, newName);
+      if (existing && node_1.Nodes.isDirectory(parent.children[newName])) {
+        return;
+      }
+      parent.children[newName] = node_1.Nodes.createDirectory({}, (_a = options) === null || _a === void 0 ? void 0 : _a.metadata);
+    }
+    exports.makeDirectory = makeDirectory;
+    function removeFile(root, pathlike) {
+      const { parentName, newName } = (0, paths_1.getNewAndParentName)(pathlike);
+      const parent = (0, read_1.getNode)(root, parentName);
+      if (!node_1.Nodes.isDirectory(parent)) {
+        throw new Error(`Can't remove file ${newName}, ${parentName} not a directory`);
+      }
+      delete parent.children[newName];
+    }
+    exports.removeFile = removeFile;
+    function setMetadata(root, pathlike, metadata) {
+      const node = (0, read_1.getNode)(root, pathlike);
+      node.metadata = metadata;
+    }
+    exports.setMetadata = setMetadata;
+    function create(options) {
+      return node_1.Nodes.createDirectory({}, options && "metadata" in options ? options.metadata : void 0);
+    }
+    exports.create = create;
+  }
+});
+
+// ../../node_modules/imfs/lib/volume.js
+var require_volume = __commonJS({
+  "../../node_modules/imfs/lib/volume.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Volume = void 0;
+    var paths_1 = require_paths();
+    var read_1 = require_read();
+    var write_1 = require_write();
+    exports.Volume = {
+      // paths
+      getPathComponents: paths_1.getPathComponents,
+      // read
+      getMetadata: read_1.getMetadata,
+      getNode: read_1.getNode,
+      readDirectory: read_1.readDirectory,
+      readFile: read_1.readFile,
+      // write
+      create: write_1.create,
+      makeDirectory: write_1.makeDirectory,
+      removeFile: write_1.removeFile,
+      setMetadata: write_1.setMetadata,
+      setNode: write_1.setNode,
+      writeFile: write_1.writeFile
+    };
+  }
+});
+
+// ../../node_modules/imfs/lib/index.js
+var require_lib2 = __commonJS({
+  "../../node_modules/imfs/lib/index.js"(exports) {
+    "use strict";
+    var __createBinding = exports && exports.__createBinding || (Object.create ? function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      Object.defineProperty(o, k2, { enumerable: true, get: function() {
+        return m[k];
+      } });
+    } : function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      o[k2] = m[k];
+    });
+    var __setModuleDefault = exports && exports.__setModuleDefault || (Object.create ? function(o, v) {
+      Object.defineProperty(o, "default", { enumerable: true, value: v });
+    } : function(o, v) {
+      o["default"] = v;
+    });
+    var __exportStar = exports && exports.__exportStar || function(m, exports2) {
+      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p)) __createBinding(exports2, m, p);
+    };
+    var __importStar = exports && exports.__importStar || function(mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) {
+        for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+      }
+      __setModuleDefault(result, mod);
+      return result;
+    };
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.path = void 0;
+    __exportStar(require_types(), exports);
+    __exportStar(require_node(), exports);
+    __exportStar(require_entries2(), exports);
+    __exportStar(require_volume(), exports);
+    exports.path = __importStar(require_path());
+  }
+});
+
 // src/index.ts
 export * from "@noya-app/state-manager";
 
 // src/ai.ts
 import { useEffect as useEffect5 } from "react";
 
-// src/NoyaStateContext.tsx
-import {
-  Observable
-} from "@noya-app/observable";
-import { useStableCallback } from "@noya-app/react-utils";
-import React14, {
-  createContext,
-  useCallback as useCallback3,
-  useContext,
-  useEffect as useEffect4,
-  useMemo as useMemo4
-} from "react";
-
 // ../../node_modules/@sinclair/typebox/build/esm/type/symbols/symbols.mjs
 var TransformKind = Symbol.for("TypeBox.Transform");
 var ReadonlyKind = Symbol.for("TypeBox.Readonly");
@@ -1678,14 +2050,14 @@ function Number2(options = {}) {
 }
 
 // ../../node_modules/@sinclair/typebox/build/esm/type/string/string.mjs
-function String(options = {}) {
+function String2(options = {}) {
   return { ...options, [Kind]: "String", type: "string" };
 }
 
 // ../../node_modules/@sinclair/typebox/build/esm/type/template-literal/syntax.mjs
 function* FromUnion(syntax) {
   const trim = syntax.trim().replace(/"|'/g, "");
-  return trim === "boolean" ? yield Boolean() : trim === "number" ? yield Number2() : trim === "bigint" ? yield BigInt2() : trim === "string" ? yield String() : yield (() => {
+  return trim === "boolean" ? yield Boolean() : trim === "number" ? yield Number2() : trim === "bigint" ? yield BigInt2() : trim === "string" ? yield String2() : yield (() => {
     const literals = trim.split("|").map((literal) => Literal(literal.trim()));
     return literals.length === 0 ? Never() : literals.length === 1 ? literals[0] : UnionEvaluated(literals);
   })();
@@ -2774,7 +3146,7 @@ function FromPromise3(left, right) {
   return IsStructuralRight(right) ? StructuralRight(left, right) : type_exports.IsObject(right) && IsObjectPromiseLike(right) ? ExtendsResult.True : !type_exports.IsPromise(right) ? ExtendsResult.False : IntoBooleanResult(Visit3(left.item, right.item));
 }
 function RecordKey(schema) {
-  return PatternNumberExact in schema.patternProperties ? Number2() : PatternStringExact in schema.patternProperties ? String() : Throw("Unknown record key pattern");
+  return PatternNumberExact in schema.patternProperties ? Number2() : PatternStringExact in schema.patternProperties ? String2() : Throw("Unknown record key pattern");
 }
 function RecordValue(schema) {
   return PatternNumberExact in schema.patternProperties ? schema.patternProperties[PatternNumberExact] : PatternStringExact in schema.patternProperties ? schema.patternProperties[PatternStringExact] : Throw("Unable to get record value schema");
@@ -2794,8 +3166,8 @@ function FromRecord(left, right) {
   return IsStructuralRight(right) ? StructuralRight(left, right) : type_exports.IsObject(right) ? FromObjectRight(left, right) : !type_exports.IsRecord(right) ? ExtendsResult.False : Visit3(RecordValue(left), RecordValue(right));
 }
 function FromRegExp(left, right) {
-  const L = type_exports.IsRegExp(left) ? String() : left;
-  const R = type_exports.IsRegExp(right) ? String() : right;
+  const L = type_exports.IsRegExp(left) ? String2() : left;
+  const R = type_exports.IsRegExp(right) ? String2() : right;
   return Visit3(L, R);
 }
 function FromStringRight(left, right) {
@@ -3431,30 +3803,30 @@ var TransformDecodeBuilder = class {
   constructor(schema) {
     this.schema = schema;
   }
-  Decode(decode) {
-    return new TransformEncodeBuilder(this.schema, decode);
+  Decode(decode2) {
+    return new TransformEncodeBuilder(this.schema, decode2);
   }
 };
 var TransformEncodeBuilder = class {
   schema;
   decode;
-  constructor(schema, decode) {
+  constructor(schema, decode2) {
     this.schema = schema;
-    this.decode = decode;
+    this.decode = decode2;
   }
-  EncodeTransform(encode, schema) {
-    const Encode = (value) => schema[TransformKind].Encode(encode(value));
+  EncodeTransform(encode2, schema) {
+    const Encode = (value) => schema[TransformKind].Encode(encode2(value));
     const Decode = (value) => this.decode(schema[TransformKind].Decode(value));
     const Codec = { Encode, Decode };
     return { ...schema, [TransformKind]: Codec };
   }
-  EncodeSchema(encode, schema) {
-    const Codec = { Decode: this.decode, Encode: encode };
+  EncodeSchema(encode2, schema) {
+    const Codec = { Decode: this.decode, Encode: encode2 };
     return { ...schema, [TransformKind]: Codec };
   }
-  Encode(encode) {
+  Encode(encode2) {
     const schema = CloneType(this.schema);
-    return IsTransform(schema) ? this.EncodeTransform(encode, schema) : this.EncodeSchema(encode, schema);
+    return IsTransform(schema) ? this.EncodeTransform(encode2, schema) : this.EncodeSchema(encode2, schema);
   }
 };
 function Transform(schema) {
@@ -3520,7 +3892,7 @@ __export(type_exports3, {
   Rest: () => Rest,
   ReturnType: () => ReturnType,
   Strict: () => Strict,
-  String: () => String,
+  String: () => String2,
   Symbol: () => Symbol2,
   TemplateLiteral: () => TemplateLiteral,
   Transform: () => Transform,
@@ -3547,13 +3919,76 @@ function Void(options = {}) {
 // ../../node_modules/@sinclair/typebox/build/esm/type/type/index.mjs
 var Type = type_exports3;
 
+// ../noya-schemas/src/nullable.ts
+var Nullable = (schema) => Type.Union([Type.Null(), schema]);
+
+// ../noya-schemas/src/activityEventSchema.ts
+var userSelectSchema = Type.Object({
+  id: Type.String(),
+  name: Nullable(Type.String()),
+  email: Nullable(Type.String()),
+  image: Nullable(Type.String())
+});
+var workspaceSelectSchema = Type.Object({
+  id: Type.String(),
+  name: Type.String()
+});
+var fileSelectSchema = Type.Object({
+  id: Type.String(),
+  name: Nullable(Type.String())
+});
+var resourceSelectSchema = Type.Object({
+  id: Type.String(),
+  path: Type.String(),
+  type: Type.Union([
+    Type.Literal("asset"),
+    Type.Literal("file"),
+    Type.Literal("fileVersion"),
+    Type.Literal("directory"),
+    Type.Literal("resource")
+  ])
+});
+var siteSelectSchema = Type.Object({
+  id: Type.String(),
+  subdomain: Nullable(Type.String())
+});
+var activityEventSchema = Type.Object({
+  id: Type.String(),
+  createdAt: Type.String(),
+  actorId: Nullable(Type.String()),
+  actor: Type.Optional(userSelectSchema),
+  type: Type.Union([
+    Type.Literal("file"),
+    Type.Literal("resource"),
+    Type.Literal("site"),
+    Type.Literal("snapshot"),
+    Type.Literal("restore")
+  ]),
+  workspaceId: Nullable(Type.String()),
+  workspace: Type.Optional(workspaceSelectSchema),
+  fileId: Nullable(Type.String()),
+  file: Type.Optional(fileSelectSchema),
+  fileVersionId: Nullable(Type.String()),
+  resourceId: Nullable(Type.String()),
+  resource: Type.Optional(resourceSelectSchema),
+  siteId: Nullable(Type.String()),
+  site: Type.Optional(siteSelectSchema),
+  previousData: Nullable(Type.Any()),
+  currentData: Nullable(Type.Any()),
+  metadata: Nullable(Type.Any()),
+  userAgent: Nullable(Type.String())
+});
+
 // ../noya-schemas/src/asset.ts
 var assetSchema = Type.Object({
   id: Type.String(),
   url: Type.String(),
   createdAt: Type.String(),
   size: Type.Number(),
-  contentType: Type.Optional(Type.String())
+  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()])
 });
 
 // ../noya-schemas/src/encode.ts
@@ -3707,25 +4142,25 @@ var jsonSchema = Type.Recursive(
 );
 
 // ../noya-schemas/src/input.ts
-function Nullable(type) {
+function Nullable2(type) {
   return Type.Union([type, Type.Null()], { default: null });
 }
 var inputSchemaBase = {
   id: Type.String({ format: "uuid", default: "" }),
   stableId: Type.String({ format: "uuid", default: "" }),
   name: Type.String(),
-  description: Nullable(Type.String()),
+  description: Nullable2(Type.String()),
   required: Type.Boolean({ default: false })
 };
 var fileInputSchema = Type.Object({
   ...inputSchemaBase,
   kind: Type.Literal("file"),
-  toolId: Nullable(Type.String())
+  toolId: Nullable2(Type.String())
 });
 var dataInputSchema = Type.Object({
   ...inputSchemaBase,
   kind: Type.Literal("data"),
-  schema: Nullable(jsonSchema)
+  schema: Nullable2(jsonSchema)
 });
 var secretInputSchema = Type.Object({
   ...inputSchemaBase,
@@ -3735,7 +4170,7 @@ var secretInputSchema = Type.Object({
       default: null
     })
   ),
-  authScope: Type.Optional(Nullable(Type.String()))
+  authScope: Type.Optional(Nullable2(Type.String()))
 });
 var inputSchema = Type.Union(
   [fileInputSchema, dataInputSchema, secretInputSchema],
@@ -3932,17 +4367,17 @@ var ValueErrorType;
 // ../../node_modules/@sinclair/typebox/build/esm/value/delta/delta.mjs
 var Insert = Object2({
   type: Literal("insert"),
-  path: String(),
+  path: String2(),
   value: Unknown()
 });
 var Update = Object2({
   type: Literal("update"),
-  path: String(),
+  path: String2(),
   value: Unknown()
 });
 var Delete3 = Object2({
   type: Literal("delete"),
-  path: String()
+  path: String2()
 });
 var Edit = Union([Insert, Update, Delete3]);
 
@@ -3969,6 +4404,142 @@ function findAllDefs(schema) {
   });
 }
 
+// ../noya-schemas/src/resourceSchema.ts
+var baseSchemaProperties = {
+  id: Type.String(),
+  stableId: Type.String(),
+  path: Type.String(),
+  createdAt: Type.String(),
+  updatedAt: Type.String(),
+  accessibleByFileId: Nullable(Type.String()),
+  accessibleByFile: Type.Optional(
+    Type.Object({
+      id: Type.String(),
+      name: Type.String(),
+      toolId: Type.String()
+    })
+  ),
+  accessibleByFileVersionId: Nullable(Type.String()),
+  url: Type.Optional(Type.String())
+};
+var uploadableAssetSchema = Type.Object({
+  content: Type.String(),
+  contentType: Type.String(),
+  encoding: Type.Union([Type.Literal("utf-8"), Type.Literal("base64")])
+});
+var assetResourceSchema = Type.Object({
+  ...baseSchemaProperties,
+  type: Type.Literal("asset"),
+  assetId: Type.String()
+});
+var assetResourceCreateSchema = Type.Object({
+  ...baseSchemaProperties,
+  type: Type.Literal("asset"),
+  assetId: Type.Optional(Type.String()),
+  asset: Type.Optional(uploadableAssetSchema)
+});
+var fileResourceSchema = Type.Object({
+  ...baseSchemaProperties,
+  type: Type.Literal("file"),
+  fileId: Type.String()
+});
+var directoryResourceSchema = Type.Object({
+  ...baseSchemaProperties,
+  type: Type.Literal("directory")
+});
+var nestedResourceSchema = Type.Object({
+  ...baseSchemaProperties,
+  type: Type.Literal("resource"),
+  fileId: Type.String(),
+  resourceId: Type.String()
+});
+var resourceSchema = Type.Union(
+  [
+    assetResourceSchema,
+    fileResourceSchema,
+    directoryResourceSchema,
+    nestedResourceSchema
+  ],
+  {
+    discriminator: "type"
+  }
+);
+var resourceCreateSchema = Type.Union(
+  [
+    assetResourceCreateSchema,
+    fileResourceSchema,
+    directoryResourceSchema,
+    nestedResourceSchema
+  ],
+  {
+    discriminator: "type"
+  }
+);
+var flatResourceSchema = Type.Object({
+  ...baseSchemaProperties,
+  type: Type.Union([
+    Type.Literal("asset"),
+    Type.Literal("file"),
+    Type.Literal("directory"),
+    Type.Literal("resource")
+  ]),
+  assetId: Nullable(Type.String()),
+  fileId: Nullable(Type.String()),
+  resourceId: Nullable(Type.String())
+});
+function diffResourceMaps(resourceMap, newResourceMap, idProperty) {
+  const oldIdToPathMap = new Map(
+    Object.entries(resourceMap).map(([path2, entity]) => [
+      entity[idProperty],
+      path2
+    ])
+  );
+  const newIdToPathMap = new Map(
+    Object.entries(newResourceMap).map(([path2, entity]) => [
+      entity[idProperty],
+      path2
+    ])
+  );
+  const oldIds = new Set(
+    Object.values(resourceMap).map((entity) => entity[idProperty])
+  );
+  const newIds = new Set(
+    Object.values(newResourceMap).map((entity) => entity[idProperty])
+  );
+  const sameIds = oldIds.intersection(newIds);
+  const addedResources = Object.values(newResourceMap).filter(
+    (entity) => !oldIds.has(entity[idProperty])
+  );
+  const removedResources = Object.values(resourceMap).filter(
+    (entity) => !newIds.has(entity[idProperty])
+  );
+  const modifiedResources = [...sameIds].flatMap((id) => {
+    const oldResource = Object.values(resourceMap).find(
+      (resource) => resource[idProperty] === id
+    );
+    const newResource = Object.values(newResourceMap).find(
+      (resource) => resource[idProperty] === id
+    );
+    if (!oldResource || !newResource) return [];
+    const oldPath = oldIdToPathMap.get(id);
+    const newPath = newIdToPathMap.get(id);
+    const oldAssetId = oldResource.type === "asset" ? oldResource.assetId : void 0;
+    const newAssetId = newResource.type === "asset" ? newResource.assetId : void 0;
+    const changedProperties = {
+      ...oldPath !== newPath ? { path: newPath } : {},
+      ...oldAssetId !== newAssetId ? { assetId: newAssetId } : {},
+      ...newResource.type === "asset" && newResource.asset !== void 0 ? { asset: newResource.asset } : {}
+    };
+    if (Object.keys(changedProperties).length === 0) return [];
+    return [{ id, stableId: newResource.stableId, ...changedProperties }];
+  });
+  return { addedResources, removedResources, modifiedResources };
+}
+
+// ../noya-schemas/src/resourceTree.ts
+var import_imfs = __toESM(require_lib2());
+var import_tree_visit2 = __toESM(require_lib());
+
 // ../noya-schemas/src/index.ts
 function validateUUID(value) {
   return /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/.test(
@@ -3978,6 +4549,20 @@ function validateUUID(value) {
 format_exports.Set("color", () => true);
 format_exports.Set("uuid", validateUUID);
 
+// src/NoyaStateContext.tsx
+import {
+  Observable
+} from "@noya-app/observable";
+import { useJsonMemo, useStableCallback } from "@noya-app/react-utils";
+import React16, {
+  createContext,
+  useCallback as useCallback3,
+  useContext,
+  useEffect as useEffect4,
+  useMemo as useMemo4,
+  useState as useState4
+} from "react";
+
 // src/noyaApp.ts
 import {
   createOrCastValue,
@@ -3988,7 +4573,7 @@ import {
   TypeGuard,
   webSocketSync
 } from "@noya-app/state-manager";
-import { useMemo as useMemo3, useState as useState2 } from "react";
+import { useMemo as useMemo3, useState as useState3 } from "react";
 
 // src/hooks.ts
 import {
@@ -4002,7 +4587,7 @@ import {
   useEffect as useEffect3,
   useMemo as useMemo2,
   useRef as useRef2,
-  useState,
+  useState as useState2,
   useSyncExternalStore as useSyncExternalStore2
 } from "react";
 import { createRoot as createRoot2 } from "react-dom/client";
@@ -4082,18 +4667,126 @@ var ErrorOverlay = React.memo(function ErrorOverlay2({
 });
 
 // src/inspector/useStateInspector.tsx
-import React13 from "react";
+import React15 from "react";
 import { createRoot } from "react-dom/client";
 import { useIsomorphicLayoutEffect } from "@noya-app/react-utils";
 
+// ../noya-utils/src/base64.ts
+function decode(base64String) {
+  const binaryString = atob(base64String);
+  const length = binaryString.length;
+  const bytes = new Uint8Array(length);
+  for (let i = 0; i < length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  return bytes;
+}
+function encode(buffer) {
+  const bytes = new Uint8Array(buffer);
+  let binary = "";
+  const length = bytes.byteLength;
+  for (let i = 0; i < length; i++) {
+    binary += String.fromCharCode(bytes[i]);
+  }
+  return globalThis.btoa(binary);
+}
+var Base64 = {
+  encode,
+  decode
+};
+
+// ../noya-utils/src/invert.ts
+function invert(record) {
+  return Object.fromEntries(
+    Object.entries(record).map(([type, extension]) => [extension, type])
+  );
+}
+
+// ../noya-utils/src/fileType.ts
+var FILE_TYPE_TO_EXTENSION = {
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/webp": "webp",
+  "image/svg+xml": "svg",
+  "application/pdf": "pdf",
+  "application/zip": "zip",
+  "application/x-7z-compressed": "7z"
+};
+var FILE_EXTENSION_TO_TYPE = invert(FILE_TYPE_TO_EXTENSION);
+
+// ../noya-utils/src/memoizeDeep.ts
+var TOKEN_OBJECT = Symbol("object");
+var TOKEN_ARRAY = Symbol("array");
+var TOKEN_KEY = Symbol("key");
+var TOKEN_END = Symbol("end");
+var TOKEN_PRIMITIVE = Symbol("primitive");
+var TOKEN_ARGSEP = Symbol("argsep");
+
+// ../../node_modules/uuid/dist/esm-node/rng.js
+import crypto from "crypto";
+var rnds8Pool = new Uint8Array(256);
+var poolPtr = rnds8Pool.length;
+function rng() {
+  if (poolPtr > rnds8Pool.length - 16) {
+    crypto.randomFillSync(rnds8Pool);
+    poolPtr = 0;
+  }
+  return rnds8Pool.slice(poolPtr, poolPtr += 16);
+}
+
+// ../../node_modules/uuid/dist/esm-node/regex.js
+var regex_default = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+// ../../node_modules/uuid/dist/esm-node/validate.js
+function validate(uuid2) {
+  return typeof uuid2 === "string" && regex_default.test(uuid2);
+}
+var validate_default = validate;
+
+// ../../node_modules/uuid/dist/esm-node/stringify.js
+var byteToHex = [];
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).substr(1));
+}
+function stringify(arr, offset = 0) {
+  const uuid2 = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  if (!validate_default(uuid2)) {
+    throw TypeError("Stringified UUID is invalid");
+  }
+  return uuid2;
+}
+var stringify_default = stringify;
+
+// ../../node_modules/uuid/dist/esm-node/v4.js
+function v4(options, buf, offset) {
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset = offset || 0;
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+    return buf;
+  }
+  return stringify_default(rnds);
+}
+var v4_default = v4;
+
+// ../noya-utils/src/uuid.ts
+function uuid() {
+  return v4_default();
+}
+
 // src/inspector/StateInspector.tsx
 import { downloadBlob, memoGeneric } from "@noya-app/react-utils";
-import React12, {
+import React14, {
   useCallback,
   useEffect as useEffect2,
   useLayoutEffect
 } from "react";
-import { ObjectInspector as ObjectInspector3 } from "react-inspector";
+import { ObjectInspector as ObjectInspector4 } from "react-inspector";
 
 // src/useObservable.ts
 import { useMemo, useSyncExternalStore } from "react";
@@ -4159,41 +4852,48 @@ var getStateInspectorBorderColor = (colorScheme) => {
   return colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)";
 };
 
-// src/inspector/sections/EventsSection.tsx
-import React7 from "react";
-import { ObjectInspector, ObjectLabel } from "react-inspector";
+// src/inspector/sections/ActivityEventsSection.tsx
+import React7, { useState } from "react";
+import { ObjectInspector } from "react-inspector";
 
-// src/inspector/ObjectRootLabel.tsx
+// src/inspector/StateInspectorButton.tsx
 import React3 from "react";
-import { ObjectName, ObjectPreview } from "react-inspector";
-var ObjectRootLabel = ({ name, data, direction }) => {
-  if (typeof name === "string") {
-    return /* @__PURE__ */ React3.createElement("span", null, /* @__PURE__ */ React3.createElement(ObjectName, { name }), /* @__PURE__ */ React3.createElement("span", null, ": "), /* @__PURE__ */ React3.createElement(ObjectPreview, { data }));
-  }
-  if (direction === "up" || direction === "down") {
-    const arrow = direction === "up" ? "\u2191" : "\u2193";
-    return /* @__PURE__ */ React3.createElement("span", null, /* @__PURE__ */ React3.createElement(
-      "span",
-      {
-        style: {
-          background: direction === "up" ? "rgba(0,255,0,0.2)" : "rgba(255,0,0,0.2)",
-          // color: "white",
-          width: 12,
-          height: 12,
-          borderRadius: 2,
-          display: "inline-flex",
-          justifyContent: "center",
-          alignItems: "center",
-          marginRight: 4,
-          lineHeight: "12px"
-        }
+function StateInspectorButton({
+  children,
+  onClick,
+  style,
+  theme,
+  disabled
+}) {
+  return /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      type: "button",
+      disabled,
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick();
       },
-      arrow
-    ), /* @__PURE__ */ React3.createElement(ObjectPreview, { data }));
-  } else {
-    return /* @__PURE__ */ React3.createElement(ObjectPreview, { data });
-  }
-};
+      style: {
+        flex: "0",
+        appearance: "none",
+        background: "none",
+        color: theme.BASE_COLOR,
+        opacity: disabled ? 0.25 : 1,
+        border: "none",
+        fontSize: "12px",
+        whiteSpace: "nowrap",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "0",
+        cursor: "pointer",
+        ...style
+      }
+    },
+    children
+  );
+}
 
 // src/inspector/StateInspectorDisclosureSection.tsx
 import React5, {
@@ -4341,6 +5041,139 @@ function StateInspectorRow({
   );
 }
 
+// src/inspector/sections/ActivityEventsSection.tsx
+function isResourceStreamFilter(streamFilter) {
+  return typeof streamFilter === "object" && "resourceId" in streamFilter;
+}
+function isResourceActivityEvent(activityEvent) {
+  return typeof activityEvent === "object" && activityEvent !== null && "type" in activityEvent && activityEvent.type === "resource" && "resourceId" in activityEvent && typeof activityEvent.resourceId === "string";
+}
+function ActivityEventsSection({
+  showEvents,
+  setShowEvents,
+  colorScheme,
+  activityEventsContainerRef,
+  activityEventsManager
+}) {
+  const [streamFilter, setStreamFilter] = useState("all");
+  const streamFilterType = isResourceStreamFilter(streamFilter) ? "resource" : "all";
+  const theme = getStateInspectorTheme(colorScheme);
+  const activityEvents = useActivityEventsForManager(
+    showEvents ? streamFilter : void 0,
+    activityEventsManager
+  );
+  return /* @__PURE__ */ React7.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showEvents,
+      setOpen: setShowEvents,
+      title: `Activity Events`,
+      colorScheme
+    },
+    /* @__PURE__ */ React7.createElement(StateInspectorDisclosureRowInner, { ref: activityEventsContainerRef }, /* @__PURE__ */ React7.createElement("div", { style: { padding: "4px 12px", display: "flex", gap: "4px" } }, /* @__PURE__ */ React7.createElement(
+      "select",
+      {
+        name: "streamFilterType",
+        value: streamFilterType,
+        style: { flex: "0 0 auto", height: "19px" },
+        onChange: (e) => {
+          const value = e.target.value;
+          if (value === "all") {
+            setStreamFilter("all");
+          } else {
+            setStreamFilter({ resourceId: "" });
+          }
+        }
+      },
+      /* @__PURE__ */ React7.createElement("option", { value: "all" }, "All"),
+      /* @__PURE__ */ React7.createElement("option", { value: "resource" }, "Resource")
+    ), isResourceStreamFilter(streamFilter) && /* @__PURE__ */ React7.createElement(
+      "input",
+      {
+        name: "resourceId",
+        type: "text",
+        placeholder: "Resource ID",
+        value: streamFilter.resourceId,
+        style: {
+          flex: "1 1 auto",
+          height: "19px",
+          padding: "0px 4px",
+          boxSizing: "border-box"
+        },
+        onChange: (e) => setStreamFilter({ ...streamFilter, resourceId: e.target.value })
+      }
+    )), activityEvents?.map((activityEvent, index) => /* @__PURE__ */ React7.createElement(
+      StateInspectorRow,
+      {
+        key: index,
+        colorScheme,
+        style: {
+          padding: "0px 12px 1px"
+        }
+      },
+      /* @__PURE__ */ React7.createElement(ObjectInspector, { data: activityEvent, theme }),
+      streamFilterType === "all" && isResourceActivityEvent(activityEvent) && /* @__PURE__ */ React7.createElement(
+        StateInspectorButton,
+        {
+          theme,
+          onClick: () => {
+            setStreamFilter({ resourceId: activityEvent.resourceId });
+          }
+        },
+        "Watch this resource"
+      )
+    )), !activityEvents && /* @__PURE__ */ React7.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ React7.createElement("span", null, "No activity events")
+    ))
+  );
+}
+
+// src/inspector/sections/EventsSection.tsx
+import React9 from "react";
+import { ObjectInspector as ObjectInspector2, ObjectLabel } from "react-inspector";
+
+// src/inspector/ObjectRootLabel.tsx
+import React8 from "react";
+import { ObjectName, ObjectPreview } from "react-inspector";
+var ObjectRootLabel = ({ name, data, direction }) => {
+  if (typeof name === "string") {
+    return /* @__PURE__ */ React8.createElement("span", null, /* @__PURE__ */ React8.createElement(ObjectName, { name }), /* @__PURE__ */ React8.createElement("span", null, ": "), /* @__PURE__ */ React8.createElement(ObjectPreview, { data }));
+  }
+  if (direction === "up" || direction === "down") {
+    const arrow = direction === "up" ? "\u2191" : "\u2193";
+    return /* @__PURE__ */ React8.createElement("span", null, /* @__PURE__ */ React8.createElement(
+      "span",
+      {
+        style: {
+          background: direction === "up" ? "rgba(0,255,0,0.2)" : "rgba(255,0,0,0.2)",
+          // color: "white",
+          width: 12,
+          height: 12,
+          borderRadius: 2,
+          display: "inline-flex",
+          justifyContent: "center",
+          alignItems: "center",
+          marginRight: 4,
+          lineHeight: "12px"
+        }
+      },
+      arrow
+    ), /* @__PURE__ */ React8.createElement(ObjectPreview, { data }));
+  } else {
+    return /* @__PURE__ */ React8.createElement(ObjectPreview, { data });
+  }
+};
+
 // src/inspector/sections/EventsSection.tsx
 function EventsSection({
   showEvents,
@@ -4350,7 +5183,7 @@ function EventsSection({
   connectionEvents
 }) {
   const theme = getStateInspectorTheme(colorScheme);
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React9.createElement(
     StateInspectorDisclosureSection,
     {
       open: showEvents,
@@ -4358,8 +5191,8 @@ function EventsSection({
       title: "Events",
       colorScheme
     },
-    /* @__PURE__ */ React7.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
-      (event, index) => event.type === "stateChange" ? /* @__PURE__ */ React7.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ React7.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React9.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
+      (event, index) => event.type === "stateChange" ? /* @__PURE__ */ React9.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ React9.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ React9.createElement(
         StateInspectorRow,
         {
           key: index,
@@ -4369,14 +5202,14 @@ function EventsSection({
             padding: "0px 12px 1px"
           }
         },
-        /* @__PURE__ */ React7.createElement(
-          ObjectInspector,
+        /* @__PURE__ */ React9.createElement(
+          ObjectInspector2,
           {
             data: event.type === "error" ? event.error : event.message,
             theme,
             nodeRenderer: ({ depth, name, data, isNonenumerable }) => {
               const direction = event.type === "send" ? "up" : "down";
-              return depth === 0 ? /* @__PURE__ */ React7.createElement(ObjectRootLabel, { direction, data }) : /* @__PURE__ */ React7.createElement(
+              return depth === 0 ? /* @__PURE__ */ React9.createElement(ObjectRootLabel, { direction, data }) : /* @__PURE__ */ React9.createElement(
                 ObjectLabel,
                 {
                   direction,
@@ -4389,7 +5222,7 @@ function EventsSection({
           }
         )
       )
-    ), !connectionEvents && /* @__PURE__ */ React7.createElement(
+    ), !connectionEvents && /* @__PURE__ */ React9.createElement(
       "div",
       {
         style: {
@@ -4400,53 +5233,14 @@ function EventsSection({
           gap: "4px"
         }
       },
-      /* @__PURE__ */ React7.createElement("span", null, "No recorded events")
+      /* @__PURE__ */ React9.createElement("span", null, "No recorded events")
     ))
   );
 }
 
 // src/inspector/sections/HistorySection.tsx
-import React9, { useEffect, useRef } from "react";
-import { ObjectInspector as ObjectInspector2 } from "react-inspector";
-
-// src/inspector/StateInspectorButton.tsx
-import React8 from "react";
-function StateInspectorButton({
-  children,
-  onClick,
-  style,
-  theme,
-  disabled
-}) {
-  return /* @__PURE__ */ React8.createElement(
-    "button",
-    {
-      type: "button",
-      disabled,
-      onClick: (event) => {
-        event.stopPropagation();
-        onClick();
-      },
-      style: {
-        flex: "0",
-        appearance: "none",
-        background: "none",
-        color: theme.BASE_COLOR,
-        opacity: disabled ? 0.25 : 1,
-        border: "none",
-        fontSize: "12px",
-        whiteSpace: "nowrap",
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "0",
-        cursor: "pointer",
-        ...style
-      }
-    },
-    children
-  );
-}
+import React10, { useEffect, useRef } from "react";
+import { ObjectInspector as ObjectInspector3 } from "react-inspector";
 
 // src/inspector/utils.ts
 function pathToString(extendedPath) {
@@ -4479,7 +5273,7 @@ function uploadFile() {
         const reader = new FileReader();
         reader.onload = () => {
           const buffer = reader.result;
-          const blob = new Blob([buffer]);
+          const blob = new File([buffer], file.name, { type: file.type });
           resolve(blob);
         };
         reader.onerror = () => {
@@ -4521,14 +5315,14 @@ function HistorySection({
       });
     }
   }, [historySnapshot.historyIndex]);
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React10.createElement(
     StateInspectorDisclosureSection,
     {
       open: showHistory,
       setOpen: setShowHistory,
       title: "History",
       colorScheme,
-      right: /* @__PURE__ */ React9.createElement(
+      right: /* @__PURE__ */ React10.createElement(
         "span",
         {
           style: {
@@ -4536,7 +5330,7 @@ function HistorySection({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React10.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canUndo,
@@ -4545,7 +5339,7 @@ function HistorySection({
               multiplayerStateManager.undo();
             }
           },
-          /* @__PURE__ */ React9.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React10.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React10.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -4553,7 +5347,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React9.createElement(
+            /* @__PURE__ */ React10.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -4562,7 +5356,7 @@ function HistorySection({
             )
           ))
         ),
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React10.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canRedo,
@@ -4571,7 +5365,7 @@ function HistorySection({
               multiplayerStateManager.redo();
             }
           },
-          /* @__PURE__ */ React9.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React10.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React10.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -4579,7 +5373,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React9.createElement(
+            /* @__PURE__ */ React10.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -4590,7 +5384,7 @@ function HistorySection({
         )
       )
     },
-    /* @__PURE__ */ React9.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ React9.createElement(
+    /* @__PURE__ */ React10.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ React10.createElement(
       "div",
       {
         id: `${HISTORY_ELEMENT_PREFIX}0`,
@@ -4604,7 +5398,7 @@ function HistorySection({
           background: historySnapshot.historyIndex === 0 ? "rgb(59 130 246 / 15%)" : void 0
         }
       },
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement(
         "span",
         {
           style: {
@@ -4619,7 +5413,7 @@ function HistorySection({
     ), historySnapshot.history.map((entry, index) => {
       const metadata = entry.metadata;
       const { id, name, timestamp, ...rest } = metadata;
-      return /* @__PURE__ */ React9.createElement(
+      return /* @__PURE__ */ React10.createElement(
         "div",
         {
           id: `${HISTORY_ELEMENT_PREFIX}${index + 1}`,
@@ -4630,7 +5424,7 @@ function HistorySection({
             background: index + 1 === historySnapshot.historyIndex ? "rgb(59 130 246 / 15%)" : void 0
           }
         },
-        typeof name === "string" && /* @__PURE__ */ React9.createElement(
+        typeof name === "string" && /* @__PURE__ */ React10.createElement(
           "pre",
           {
             style: {
@@ -4641,9 +5435,9 @@ function HistorySection({
             }
           },
           entry.metadata.name,
-          Object.keys(rest).length > 0 && /* @__PURE__ */ React9.createElement(ObjectInspector2, { data: rest, theme })
+          Object.keys(rest).length > 0 && /* @__PURE__ */ React10.createElement(ObjectInspector3, { data: rest, theme })
         ),
-        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ React9.createElement(
+        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ React10.createElement(
           "pre",
           {
             key: j,
@@ -4654,10 +5448,10 @@ function HistorySection({
               margin: 0
             }
           },
-          patch.op === "add" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ React9.createElement(ObjectInspector2, { data: patch.value, theme })),
-          patch.op === "replace" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ React9.createElement(ObjectInspector2, { data: patch.value, theme })),
-          patch.op === "remove" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("span", { style: { color: theme.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ React9.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
-          patch.op === "move" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ React9.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
+          patch.op === "add" && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ React10.createElement(ObjectInspector3, { data: patch.value, theme })),
+          patch.op === "replace" && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ React10.createElement(ObjectInspector3, { data: patch.value, theme })),
+          patch.op === "remove" && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("span", { style: { color: theme.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ React10.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
+          patch.op === "move" && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ React10.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
         ))
       );
     }))
@@ -5213,8 +6007,16 @@ function replaceDeep(obj, replacementMap) {
   }
 }
 
+// src/inspector/StateInspectorTitleLabel.tsx
+import React11 from "react";
+function StateInspectorTitleLabel({
+  children
+}) {
+  return /* @__PURE__ */ React11.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+}
+
 // src/inspector/StateInspectorToggleButton.tsx
-import React10 from "react";
+import React12 from "react";
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -5222,7 +6024,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ React10.createElement(
+  const rightIcon = /* @__PURE__ */ React12.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5232,7 +6034,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React12.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -5241,7 +6043,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ React10.createElement(
+  const leftIcon = /* @__PURE__ */ React12.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5251,7 +6053,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React12.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -5260,7 +6062,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React12.createElement(
     "span",
     {
       role: "button",
@@ -5281,15 +6083,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ React10.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ React12.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // src/inspector/useLocalStorageState.tsx
-import React11 from "react";
+import React13 from "react";
 var localStorage = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = React11.useState(() => {
+  const [state, setState] = React13.useState(() => {
     const value = localStorage?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -5324,16 +6126,19 @@ var StateInspector = memoGeneric(function StateInspector2({
     ephemeralUserDataManager,
     connectionEventManager,
     taskManager,
-    ioManager
+    ioManager,
+    resourceManager,
+    activityEventsManager
   } = noyaManager;
-  const [didMount, setDidMount] = React12.useState(false);
+  const [didMount, setDidMount] = React14.useState(false);
   const tasks = useObservable(taskManager.tasks$);
   const inputs = useObservable(ioManager.inputs$);
   const outputTransforms = useObservable(ioManager.outputTransforms$);
   useLayoutEffect(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = React12.useRef(null);
+  const eventsContainerRef = React14.useRef(null);
+  const activityEventsContainerRef = React14.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -5366,6 +6171,10 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-assets",
     false
   );
+  const [showResources, setShowResources] = useLocalStorageState(
+    "noya-multiplayer-react-show-resources",
+    false
+  );
   const [showSecrets, setShowSecrets] = useLocalStorageState(
     "noya-multiplayer-react-show-secrets",
     false
@@ -5378,6 +6187,10 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-output-transforms",
     false
   );
+  const [showActivityEvents, setShowActivityEvents] = useLocalStorageState(
+    "noya-multiplayer-react-show-activity-events",
+    false
+  );
   const connectionEvents = useObservable(connectionEventManager.events$);
   useEffect2(() => {
     if (eventsContainerRef.current) {
@@ -5390,6 +6203,8 @@ var StateInspector = memoGeneric(function StateInspector2({
   const ephemeral = useObservable(ephemeralUserDataManager.data$);
   const historySnapshot = useManagedHistory(multiplayerStateManager.sm);
   const assets = useObservable(assetManager.assets$);
+  const resources = useObservable(resourceManager.resources$);
+  const resourcesInitialized = useObservable(resourceManager.isInitialized$);
   const assetsInitialized = useObservable(assetManager.isInitialized$);
   const secrets = useObservable(secretManager.secrets$);
   const secretsInitialized = useObservable(secretManager.isInitialized$);
@@ -5438,7 +6253,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React14.createElement(
       "div",
       {
         ...props,
@@ -5450,7 +6265,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -5461,7 +6276,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "div",
     {
       ...props,
@@ -5470,7 +6285,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -5482,7 +6297,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           flex: "0 0 auto",
           maxHeight: "200px"
         },
-        right: /* @__PURE__ */ React12.createElement(
+        right: /* @__PURE__ */ React14.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -5492,14 +6307,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           }
         )
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ React14.createElement(
         StateInspectorRow,
         {
           key: user.id,
           colorScheme,
           variant: user.id === userId ? "up" : void 0
         },
-        user.image && /* @__PURE__ */ React12.createElement(
+        user.image && /* @__PURE__ */ React14.createElement(
           "img",
           {
             src: user.image,
@@ -5520,7 +6335,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         " (",
         ellipsis(user.id.toString(), 8, "middle"),
         ")"
-      )), !connectedUsers && /* @__PURE__ */ React12.createElement(
+      )), !connectedUsers && /* @__PURE__ */ React14.createElement(
         "div",
         {
           style: {
@@ -5531,13 +6346,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React12.createElement("span", null, "No connected users")
+        /* @__PURE__ */ React14.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React12.createElement(TitleLabel, null, "Data", /* @__PURE__ */ React12.createElement(
+        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ React14.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -5546,7 +6361,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ React12.createElement(
+        right: /* @__PURE__ */ React14.createElement(
           "span",
           {
             style: {
@@ -5554,9 +6369,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ React12.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ React12.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ React12.createElement(
+          /* @__PURE__ */ React14.createElement(StateInspectorButton, { theme, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ React14.createElement(StateInspectorButton, { theme, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ React14.createElement(
             StateInspectorButton,
             {
               theme,
@@ -5568,15 +6383,15 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React12.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React12.createElement(
-        ObjectInspector3,
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ React14.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React14.createElement(
+        ObjectInspector4,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ React12.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React12.createElement(
-        ObjectInspector3,
+      )), multiplayerStateManager.schema && /* @__PURE__ */ React14.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ React14.createElement(
+        ObjectInspector4,
         {
           name: "schema",
           data: multiplayerStateManager.schema,
@@ -5584,7 +6399,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       HistorySection,
       {
         showHistory,
@@ -5594,14 +6409,29 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ React12.createElement(TitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ React12.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ React14.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ React12.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React12.createElement(
+        right: /* @__PURE__ */ React14.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React14.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: async () => {
+              const ok = confirm(
+                "Are you sure you want to delete all assets?"
+              );
+              if (!ok) return;
+              await Promise.all(
+                assets.map((asset) => assetManager.delete(asset.id))
+              );
+            }
+          },
+          "Delete all"
+        ), /* @__PURE__ */ React14.createElement(
           StateInspectorButton,
           {
             theme,
@@ -5614,7 +6444,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ React12.createElement(
+        ), /* @__PURE__ */ React14.createElement(
           StateInspectorButton,
           {
             theme,
@@ -5638,7 +6468,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ React12.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ React12.createElement(ObjectInspector3, { name: asset.id, data: asset, theme }), /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { name: asset.id, data: asset, theme }), /* @__PURE__ */ React14.createElement(
         StateInspectorButton,
         {
           theme,
@@ -5647,14 +6477,98 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
+      StateInspectorDisclosureSection,
+      {
+        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ React14.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        colorScheme,
+        open: showResources,
+        setOpen: setShowResources,
+        right: /* @__PURE__ */ React14.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React14.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: async () => {
+              const ok = confirm(
+                "Are you sure you want to delete all resources?"
+              );
+              if (!ok) return;
+              await Promise.all(
+                resources.map(
+                  (resource) => resourceManager.deleteResource({ id: resource.id })
+                )
+              );
+            }
+          },
+          "Delete all"
+        ), /* @__PURE__ */ React14.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: async () => {
+              const path2 = prompt("Enter directory path") || uuid();
+              await resourceManager.createResource({
+                type: "directory",
+                path: path2
+              });
+            }
+          },
+          "Create Directory"
+        ), /* @__PURE__ */ React14.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: async () => {
+              const file = await uploadFile();
+              resourceManager.createResource({
+                type: "asset",
+                path: file.name || uuid(),
+                asset: {
+                  content: Base64.encode(await file.arrayBuffer()),
+                  contentType: file.type,
+                  encoding: "base64"
+                }
+              });
+            }
+          },
+          "Create Asset"
+        ))
+      },
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ React14.createElement(
+        ObjectInspector4,
+        {
+          name: resource.path,
+          data: resource,
+          theme
+        }
+      ), /* @__PURE__ */ React14.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ React14.createElement(
+        StateInspectorButton,
+        {
+          theme,
+          onClick: () => resourceManager.deleteResource({ id: resource.id })
+        },
+        "Delete"
+      ), /* @__PURE__ */ React14.createElement(
+        StateInspectorButton,
+        {
+          theme,
+          onClick: () => {
+            const path2 = prompt("Enter new path", resource.path);
+            if (!path2) return;
+            resourceManager.updateResource({ id: resource.id, path: path2 });
+          }
+        },
+        "Rename"
+      )))))
+    ),
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ React12.createElement(TitleLabel, null, "Secrets", /* @__PURE__ */ React12.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ React14.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ React12.createElement(
+        right: /* @__PURE__ */ React14.createElement(
           StateInspectorButton,
           {
             theme,
@@ -5669,7 +6583,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create"
         )
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ React12.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ React12.createElement(ObjectInspector3, { data: secret, theme }), /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { data: secret, theme }), /* @__PURE__ */ React14.createElement(
         StateInspectorButton,
         {
           theme,
@@ -5679,15 +6593,15 @@ var StateInspector = memoGeneric(function StateInspector2({
       ))))
     ),
     " ",
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ React12.createElement(TitleLabel, null, "Inputs", /* @__PURE__ */ React12.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ React14.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ React12.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ React12.createElement(ObjectInspector3, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { data: input, theme }))), !inputs?.length && /* @__PURE__ */ React14.createElement(
         "div",
         {
           style: {
@@ -5698,15 +6612,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React12.createElement("span", null, "No inputs")
+        /* @__PURE__ */ React14.createElement("span", null, "No inputs")
       ))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ React12.createElement(TitleLabel, null, "Output Transforms", /* @__PURE__ */ React12.createElement(
+        title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ React14.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -5714,7 +6628,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ React12.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ React12.createElement(ObjectInspector3, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ React14.createElement(ObjectInspector4, { data: transform, theme }))), !outputTransforms?.length && /* @__PURE__ */ React14.createElement(
         "div",
         {
           style: {
@@ -5725,10 +6639,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ React12.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ React14.createElement("span", null, "No output transforms")
       ))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -5736,7 +6650,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ React14.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -5745,8 +6659,8 @@ var StateInspector = memoGeneric(function StateInspector2({
             backgroundColor: task.status === "done" ? "rgba(0,255,0,0.2)" : task.status === "error" ? "rgba(255,0,0,0.2)" : void 0
           }
         },
-        /* @__PURE__ */ React12.createElement(
-          ObjectInspector3,
+        /* @__PURE__ */ React14.createElement(
+          ObjectInspector4,
           {
             name: task.name,
             data: task.payload,
@@ -5755,7 +6669,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         open: showEphemeral,
@@ -5763,8 +6677,8 @@ var StateInspector = memoGeneric(function StateInspector2({
         title: "Ephemeral User Data",
         colorScheme
       },
-      /* @__PURE__ */ React12.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ React12.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ React12.createElement(
-        ObjectInspector3,
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ React14.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ React14.createElement(
+        ObjectInspector4,
         {
           name: key,
           data: value,
@@ -5773,7 +6687,17 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
+      ActivityEventsSection,
+      {
+        colorScheme,
+        activityEventsContainerRef,
+        showEvents: showActivityEvents,
+        setShowEvents: setShowActivityEvents,
+        activityEventsManager
+      }
+    ),
+    /* @__PURE__ */ React14.createElement(
       EventsSection,
       {
         connectionEvents,
@@ -5785,9 +6709,6 @@ var StateInspector = memoGeneric(function StateInspector2({
     )
   );
 });
-function TitleLabel({ children }) {
-  return /* @__PURE__ */ React12.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
-}
 
 // src/inspector/useStateInspector.tsx
 function createShadowRootElement() {
@@ -5804,7 +6725,7 @@ function useStateInspector({
   colorScheme,
   anchor
 }) {
-  const [root, setRoot] = React13.useState(null);
+  const [root, setRoot] = React15.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (disabled) return;
     const { host, container } = createShadowRootElement();
@@ -5818,7 +6739,7 @@ function useStateInspector({
   useIsomorphicLayoutEffect(() => {
     if (!root) return;
     root.render(
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React15.createElement(
         StateInspector,
         {
           colorScheme,
@@ -5831,10 +6752,10 @@ function useStateInspector({
 }
 
 // src/hooks.ts
-function useSyncStateManager(stateManager, path) {
+function useSyncStateManager(stateManager, path2) {
   const getSnapshot = useCallback2(
-    () => typeof path === "string" ? stateManager.getState(path) : stateManager.getState(),
-    [stateManager, path]
+    () => typeof path2 === "string" ? stateManager.getState(path2) : stateManager.getState(),
+    [stateManager, path2]
   );
   return useSyncExternalStore2(
     stateManager.addListener,
@@ -5843,7 +6764,7 @@ function useSyncStateManager(stateManager, path) {
   );
 }
 function useManagedState(createInitialState, options) {
-  const [stateManager] = useState(
+  const [stateManager] = useState2(
     () => new StateManager(createInitialState(), options)
   );
   const state = useSyncStateManager(stateManager);
@@ -5895,7 +6816,7 @@ function useMultiplayerState(initialState, options) {
     inspector,
     ...rest
   } = options ?? {};
-  const [noyaManager] = useState(
+  const [noyaManager] = useState2(
     () => new NoyaManager2(initialState, rest)
   );
   const state = useObservable(
@@ -5984,7 +6905,7 @@ function parseAppDataParameter(options) {
 function getAppData(initialState, schema, options) {
   const resolvedInitialState = initialState instanceof Function ? initialState() : initialState;
   let appData = parseAppDataParameter(options) ?? createDefaultAppData(resolvedInitialState);
-  if (options?.overrideExistingState) {
+  if (options?.overrideExistingState || appData.initialState === null) {
     appData.initialState = resolvedInitialState;
   }
   appData.initialState = enforceSchema(appData.initialState, schema);
@@ -6000,7 +6921,7 @@ function useNoyaState(...args) {
       theme,
       viewType
     }
-  ] = useState2(() => {
+  ] = useState3(() => {
     return getAppData(initialState, options?.schema, {
       overrideExistingState: options?.overrideExistingState
     });
@@ -6138,6 +7059,25 @@ var ConnectedUsersContext = createContext(void 0);
 function useConnectedUsersManager() {
   return useContext(ConnectedUsersContext);
 }
+function useConnectedUsers() {
+  const connectedUsersManager = useConnectedUsersManager();
+  return useObservable(connectedUsersManager?.connectedUsers$);
+}
+function useConnectedUser(userId) {
+  const connectedUsersManager = useConnectedUsersManager();
+  return useObservable(
+    connectedUsersManager?.connectedUsers$,
+    useCallback3(
+      (users) => {
+        return users.find((user) => {
+          const prefix = user.id.slice(0, 8);
+          return userId?.includes(prefix);
+        });
+      },
+      [userId]
+    )
+  );
+}
 var AnyEphemeralUserDataManagerContext = createContext(void 0);
 function useAnyEphemeralUserData() {
   return useContext(AnyEphemeralUserDataManagerContext);
@@ -6146,6 +7086,125 @@ function useCurrentUserId() {
   const connectedUsersManager = useConnectedUsersManager();
   return useObservable(connectedUsersManager?.currentUserId$);
 }
+function useIsProcessing() {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return useObservable(noyaManager.isProcessing$);
+}
+function useResourceManager() {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.resourceManager;
+}
+function resourceToMediaItem(resource) {
+  switch (resource.type) {
+    case "asset":
+      return { kind: "asset", id: resource.id, assetId: resource.assetId };
+    case "file":
+      return { kind: "noyaFile", id: resource.id, fileId: resource.fileId };
+    default:
+      return { kind: "folder", id: resource.id };
+  }
+}
+function useResources({
+  shouldDeleteAssets = true
+} = {}) {
+  const resourceManager = useResourceManager();
+  const assetManager = useAssetManager();
+  const resourceMap = useObservable(
+    resourceManager.optimisticResources$,
+    useCallback3((resources) => {
+      return Object.fromEntries(
+        resources.map((resource) => [resource.path, resource])
+      );
+    }, [])
+  );
+  const setResourceMap = useCallback3(
+    async (action) => {
+      const newResourceMap = action instanceof Function ? action(resourceMap) : action;
+      const { addedResources, removedResources, modifiedResources } = diffResourceMaps(resourceMap, newResourceMap, "id");
+      if (addedResources.length > 0) {
+        const payload = addedResources.map((resource) => {
+          switch (resource.type) {
+            case "directory":
+              return {
+                path: resource.path,
+                type: "directory"
+              };
+            case "asset":
+              return {
+                path: resource.path,
+                type: "asset",
+                assetId: resource.assetId,
+                asset: resource.asset
+              };
+            case "file":
+              return {
+                path: resource.path,
+                type: "file",
+                fileId: resource.fileId
+              };
+            case "resource":
+              return {
+                path: resource.path,
+                type: "resource",
+                fileId: resource.fileId,
+                resourceId: resource.resourceId
+              };
+            default:
+              throw new Error(
+                `Unknown resource type: ${resource.type}`
+              );
+          }
+        });
+        await resourceManager.createResource(payload);
+      }
+      for (const resource of removedResources) {
+        await resourceManager.deleteResource({ id: resource.id });
+        if (shouldDeleteAssets && resource.type === "asset") {
+          try {
+            await assetManager.delete(resource.assetId);
+          } catch (error) {
+            console.error("Failed to delete asset:", error);
+          }
+        }
+      }
+      await Promise.all(
+        modifiedResources.map(
+          ({ id, path: path2, assetId, asset }) => resourceManager.updateResource({
+            id,
+            path: path2,
+            assetId,
+            asset
+          })
+        )
+      );
+    },
+    [resourceMap, resourceManager, shouldDeleteAssets, assetManager]
+  );
+  return [resourceMap, setResourceMap];
+}
+var emptyArray = [];
+function useActivityEvents(streamFilter) {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return useActivityEventsForManager(
+    streamFilter,
+    noyaManager.activityEventsManager
+  );
+}
+function useActivityEventsForManager(streamFilter, activityEventsManager) {
+  const [streamId, setStreamId] = useState4(void 0);
+  const stableStreamFilter = useJsonMemo(streamFilter);
+  useEffect4(() => {
+    if (!stableStreamFilter) return;
+    const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
+    setStreamId(streamId2);
+    return () => {
+      setStreamId(void 0);
+      activityEventsManager.unsubscribe(streamId2);
+    };
+  }, [activityEventsManager, stableStreamFilter]);
+  const observable = streamId ? activityEventsManager.getStream(streamId) : void 0;
+  return useObservable(observable) ?? emptyArray;
+}
 var FallbackUntilInitialized = ({
   children,
   fallback
@@ -6162,6 +7221,24 @@ function createNoyaContext({
 }) {
   const NoyaStateContext = AnyNoyaStateContext;
   const EphemeralUserDataManagerContext = AnyEphemeralUserDataManagerContext;
+  function NoyaContextProvider({
+    children,
+    contextValue
+  }) {
+    return /* @__PURE__ */ React16.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, /* @__PURE__ */ React16.createElement(
+      ConnectedUsersContext.Provider,
+      {
+        value: contextValue.noyaManager.connectedUsersManager
+      },
+      /* @__PURE__ */ React16.createElement(
+        EphemeralUserDataManagerContext.Provider,
+        {
+          value: contextValue.noyaManager.ephemeralUserDataManager
+        },
+        children
+      )
+    ));
+  }
   function NoyaStateProvider({
     children,
     initialState,
@@ -6186,53 +7263,41 @@ function createNoyaContext({
       }),
       [noyaManager, theme, viewType]
     );
-    return /* @__PURE__ */ React14.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, /* @__PURE__ */ React14.createElement(
-      ConnectedUsersContext.Provider,
-      {
-        value: noyaManager.connectedUsersManager
-      },
-      /* @__PURE__ */ React14.createElement(
-        EphemeralUserDataManagerContext.Provider,
-        {
-          value: noyaManager.ephemeralUserDataManager
-        },
-        options.fallback !== void 0 ? /* @__PURE__ */ React14.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children
-      )
-    ));
+    return /* @__PURE__ */ React16.createElement(NoyaContextProvider, { contextValue }, options.fallback !== void 0 ? /* @__PURE__ */ React16.createElement(FallbackUntilInitialized, { fallback: options.fallback }, children) : children);
   }
-  function useValue(path, options) {
+  function useValue(path2, options) {
     const { noyaManager } = useAnyNoyaStateContext();
-    let actualPath = typeof path === "function" || !path ? "" : path;
+    let actualPath = typeof path2 === "function" || !path2 ? "" : path2;
     const mappedObservable = useMemo4(() => {
-      if (typeof path === "function") {
-        return noyaManager.multiplayerStateManager.optimisticState$.map(path, {
+      if (typeof path2 === "function") {
+        return noyaManager.multiplayerStateManager.optimisticState$.map(path2, {
           isEqual: options?.isEqual
         });
       }
       return noyaManager.multiplayerStateManager.optimisticState$;
-    }, [noyaManager, path, options?.isEqual]);
+    }, [noyaManager, path2, options?.isEqual]);
     const value = useObservable(mappedObservable, actualPath);
     return value;
   }
-  function useSetValue(path) {
+  function useSetValue(path2) {
     const { noyaManager } = useAnyNoyaStateContext();
     const setValue = useCallback3(
       (...args) => {
         const [metadata, value] = args.length === 2 ? args : [{}, args[0]];
         noyaManager.multiplayerStateManager.setStateAtPath(
           metadata,
-          path ?? "",
+          path2 ?? "",
           value
         );
       },
-      [noyaManager, path]
+      [noyaManager, path2]
     );
     return setValue;
   }
   function useValueState(...args) {
-    const [selector, options, path] = args.length >= 1 && typeof args[0] === "function" ? [args[0], args[1], void 0] : [void 0, void 0, args[0]];
-    const value = useValue(selector ?? path ?? "", options);
-    const setValue = useSetValue(path ?? "");
+    const [selector, options, path2] = args.length >= 1 && typeof args[0] === "function" ? [args[0], args[1], void 0] : [void 0, void 0, args[0]];
+    const value = useValue(selector ?? path2 ?? "", options);
+    const setValue = useSetValue(path2 ?? "");
     return [value, setValue];
   }
   function useStateManager() {
@@ -6296,6 +7361,7 @@ function createNoyaContext({
   return {
     Context: NoyaStateContext,
     Provider: NoyaStateProvider,
+    NoyaContextProvider,
     useValue,
     useSetValue,
     useValueState,
@@ -6327,7 +7393,7 @@ function useCallableAITools() {
 // src/components/UserPointersOverlay.tsx
 import { Observable as Observable2 } from "@noya-app/observable";
 import { memoGeneric as memoGeneric2 } from "@noya-app/react-utils";
-import React15, { useEffect as useEffect6, useMemo as useMemo5, useState as useState3 } from "react";
+import React17, { useEffect as useEffect6, useMemo as useMemo5, useState as useState5 } from "react";
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -6345,7 +7411,7 @@ var UserPointerInternal = memoGeneric2(function UserPointerInternal2({
     });
   }, [ephemeralUserDataManager, user.id]);
   const { metadata, data } = useObservable(observable);
-  const [, setForceUpdate] = useState3(0);
+  const [, setForceUpdate] = useState5(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
   useEffect6(() => {
@@ -6370,9 +7436,9 @@ var UserPointersOverlay = memoGeneric2(function UserPointers({
 }) {
   const currentUserId = useObservable(ephemeralUserDataManager.currentUserId$);
   const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, connectedUsers.map((user) => {
     if (user.id === currentUserId) return null;
-    return /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React17.createElement(
       UserPointerInternal,
       {
         key: user.id,
@@ -6483,7 +7549,10 @@ export {
   importAll,
   parseAppDataParameter,
   replaceDeep,
+  resourceToMediaItem,
   useAIManager,
+  useActivityEvents,
+  useActivityEventsForManager,
   useAnyEphemeralUserData,
   useAnyNoyaManager,
   useAnyNoyaStateContext,
@@ -6492,11 +7561,14 @@ export {
   useAssets,
   useCallableAITools,
   useColorScheme,
+  useConnectedUser,
+  useConnectedUsers,
   useConnectedUsersManager,
   useCurrentUserId,
   useIOManager,
   useInputs,
   useIsInitialized,
+  useIsProcessing,
   useManagedHistory,
   useManagedState,
   useMultiplayerState,
@@ -6506,6 +7578,8 @@ export {
   usePipelineManager,
   usePublish,
   useRegisterAITool,
+  useResourceManager,
+  useResources,
   useSecret,
   useSecretManager,
   useSecrets,