@noya-app/noya-api-client-react 0.1.36 → 0.1.37

package/dist/index.js

@@ -45,10 +45,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;
@@ -61,12 +61,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;
@@ -81,20 +81,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;
@@ -608,40 +608,40 @@ var require_transformPath = __commonJS({
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.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;
     }
   }
 });
@@ -807,15 +807,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": {
@@ -952,22 +952,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));
       }
@@ -981,7 +981,7 @@ var require_defineTree = __commonJS({
   "../../node_modules/tree-visit/lib/defineTree.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", { value: true });
-    exports2.defineTree = defineTree3;
+    exports2.defineTree = defineTree4;
     var access_1 = require_access();
     var diagram_1 = require_diagram();
     var entries_1 = require_entries();
@@ -1030,7 +1030,7 @@ var require_defineTree = __commonJS({
         this._getChildren = this.baseOptions.getChildren;
       }
     };
-    function defineTree3(getChildren) {
+    function defineTree4(getChildren) {
       return new Tree(getChildren, {});
     }
   }
@@ -1107,6 +1107,391 @@ var require_lib = __commonJS({
   }
 });
 
+// ../../node_modules/imfs/lib/types.js
+var require_types = __commonJS({
+  "../../node_modules/imfs/lib/types.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  }
+});
+
+// ../../node_modules/imfs/lib/node.js
+var require_node = __commonJS({
+  "../../node_modules/imfs/lib/node.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.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;
+    }
+    exports2.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"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.dirname = exports2.basename = exports2.extname = exports2.join = exports2.normalize = exports2.sep = void 0;
+    exports2.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(exports2.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(exports2.sep));
+    }
+    exports2.normalize = normalize;
+    function join(...components) {
+      let result = normalize(components.join(exports2.sep));
+      if (result === "") {
+        result = ".";
+      }
+      return result;
+    }
+    exports2.join = join;
+    function extname(filename) {
+      const index = filename.lastIndexOf(".");
+      return index !== -1 ? filename.slice(index) : filename;
+    }
+    exports2.extname = extname;
+    function basename(filename, extname2) {
+      if (extname2 && filename.endsWith(extname2)) {
+        filename = filename.slice(0, -extname2.length);
+      }
+      let sepIndex = filename.lastIndexOf(exports2.sep);
+      if (sepIndex === filename.length - 1) {
+        filename = filename.slice(0, -1);
+        return filename.length > 1 ? basename(filename) : filename;
+      }
+      return filename.slice(sepIndex + 1);
+    }
+    exports2.basename = basename;
+    function dirname(filename) {
+      let base2 = basename(filename);
+      let result = filename.slice(0, -(base2.length + 1));
+      if (result === "") {
+        if (filename.startsWith(exports2.sep)) {
+          result = exports2.sep;
+        } else {
+          result = ".";
+        }
+      }
+      return result;
+    }
+    exports2.dirname = dirname;
+  }
+});
+
+// ../../node_modules/imfs/lib/entries.js
+var require_entries2 = __commonJS({
+  "../../node_modules/imfs/lib/entries.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.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];
+    }
+    exports2.Entries = {
+      createEntry,
+      getEntries
+    };
+  }
+});
+
+// ../../node_modules/imfs/lib/volume/paths.js
+var require_paths = __commonJS({
+  "../../node_modules/imfs/lib/volume/paths.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.getNewAndParentName = exports2.normalizePathLikeInternal = exports2.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);
+      }
+    }
+    exports2.getPathComponents = getPathComponents;
+    function normalizePathLikeInternal(pathlike) {
+      return typeof pathlike === "string" ? getPathComponents(pathlike) : pathlike;
+    }
+    exports2.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 };
+    }
+    exports2.getNewAndParentName = getNewAndParentName;
+  }
+});
+
+// ../../node_modules/imfs/lib/volume/read.js
+var require_read = __commonJS({
+  "../../node_modules/imfs/lib/volume/read.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.getMetadata = exports2.readDirectory = exports2.readFile = exports2.getNode = exports2.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 current2 = root;
+      while (i < components.length) {
+        let component = components[i];
+        if (current2.type !== "directory") {
+          throw new Error(`File ${(0, path_1.join)(...components.slice(0, i))} is not a directory`);
+        }
+        let node = node_1.Nodes.getChild(current2, component);
+        if (!node) {
+          if (options.makeIntermediateDirectoryMetadata) {
+            const child = node_1.Nodes.createDirectory({}, options.makeIntermediateDirectoryMetadata((0, path_1.join)(...components.slice(0, i + 1))));
+            current2.children[component] = child;
+            node = child;
+          } else if (options.makeIntermediateDirectories) {
+            const child = node_1.Nodes.createDirectory();
+            current2.children[component] = child;
+            node = child;
+          } else {
+            throw new Error(`File ${(0, path_1.join)(...components.slice(0, i + 1))} not found`);
+          }
+        }
+        current2 = node;
+        i++;
+      }
+      return current2;
+    }
+    exports2.getNodeInternal = getNodeInternal;
+    function getNode(root, pathlike) {
+      return getNodeInternal(root, pathlike, {});
+    }
+    exports2.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;
+    }
+    exports2.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);
+    }
+    exports2.readDirectory = readDirectory;
+    function getMetadata(root, pathlike) {
+      const components = (0, paths_1.normalizePathLikeInternal)(pathlike);
+      const node = getNode(root, components);
+      return node.metadata;
+    }
+    exports2.getMetadata = getMetadata;
+  }
+});
+
+// ../../node_modules/imfs/lib/volume/write.js
+var require_write = __commonJS({
+  "../../node_modules/imfs/lib/volume/write.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.create = exports2.setMetadata = exports2.removeFile = exports2.makeDirectory = exports2.writeFile = exports2.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;
+    }
+    exports2.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);
+    }
+    exports2.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);
+    }
+    exports2.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];
+    }
+    exports2.removeFile = removeFile;
+    function setMetadata(root, pathlike, metadata) {
+      const node = (0, read_1.getNode)(root, pathlike);
+      node.metadata = metadata;
+    }
+    exports2.setMetadata = setMetadata;
+    function create2(options) {
+      return node_1.Nodes.createDirectory({}, options && "metadata" in options ? options.metadata : void 0);
+    }
+    exports2.create = create2;
+  }
+});
+
+// ../../node_modules/imfs/lib/volume.js
+var require_volume = __commonJS({
+  "../../node_modules/imfs/lib/volume.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.Volume = void 0;
+    var paths_1 = require_paths();
+    var read_1 = require_read();
+    var write_1 = require_write();
+    exports2.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"(exports2) {
+    "use strict";
+    var __createBinding = exports2 && exports2.__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 = exports2 && exports2.__setModuleDefault || (Object.create ? function(o, v) {
+      Object.defineProperty(o, "default", { enumerable: true, value: v });
+    } : function(o, v) {
+      o["default"] = v;
+    });
+    var __exportStar = exports2 && exports2.__exportStar || function(m, exports3) {
+      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports3, p)) __createBinding(exports3, m, p);
+    };
+    var __importStar = exports2 && exports2.__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(exports2, "__esModule", { value: true });
+    exports2.path = void 0;
+    __exportStar(require_types(), exports2);
+    __exportStar(require_node(), exports2);
+    __exportStar(require_entries2(), exports2);
+    __exportStar(require_volume(), exports2);
+    exports2.path = __importStar(require_path());
+  }
+});
+
 // ../../node_modules/fast-diff/diff.js
 var require_diff = __commonJS({
   "../../node_modules/fast-diff/diff.js"(exports2, module2) {
@@ -1880,6 +2265,7 @@ var require_diff = __commonJS({
 var src_exports = {};
 __export(src_exports, {
   NoyaAPIProvider: () => NoyaAPIProvider,
+  useActivityEventsList: () => useActivityEventsList,
   useFileList: () => useFileList,
   useFileListItem: () => useFileListItem,
   useGeneratedComponentDescription: () => useGeneratedComponentDescription,
@@ -1891,6 +2277,7 @@ __export(src_exports, {
   useMetadata: () => useMetadata,
   useNetworkRequests: () => useNetworkRequests,
   useNoyaAssets: () => useNoyaAssets,
+  useNoyaAssetsByFileVersionId: () => useNoyaAssetsByFileVersionId,
   useNoyaBilling: () => useNoyaBilling,
   useNoyaClient: () => useNoyaClient,
   useNoyaClientOrFallback: () => useNoyaClientOrFallback,
@@ -1918,7 +2305,10 @@ __export(src_exports, {
   useOptionalNoyaTools: () => useOptionalNoyaTools,
   useOptionalNoyaUserData: () => useOptionalNoyaUserData,
   useRandomIcons: () => useRandomIcons,
-  useRandomImages: () => useRandomImages
+  useRandomImages: () => useRandomImages,
+  useResourcesList: () => useResourcesList,
+  useTable: () => useTable,
+  useUser: () => useUser
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("@noya-app/noya-api"), module.exports);
@@ -2018,6 +2408,12 @@ function useNoyaAssets(fileId) {
   );
   return assets ?? empty;
 }
+function useNoyaAssetsByFileVersionId(fileVersionId) {
+  const client = useNoyaClientOrFallback();
+  const empty = (0, import_react3.useMemo)(() => ({ assets: [], loading: true }), []);
+  const assets = (0, import_react2.useSelector)(client.assetsByFileVersionId$[fileVersionId]);
+  return assets ?? empty;
+}
 function useNoyaSecrets(fileId) {
   const client = useNoyaClientOrFallback();
   const empty = (0, import_react3.useMemo)(() => ({ secrets: [], loading: true }), []);
@@ -2224,8 +2620,8 @@ var emptyObservedFileVersions = {
 };
 function useNoyaOwnedFileVersions(fileId) {
   const client = useNoyaClientOrFallback();
-  const path = (0, import_react3.useMemo)(() => [fileId], [fileId]);
-  const fileVersions = (0, import_observable_react.useObservable)(client.ownedFileVersions$, path);
+  const path2 = (0, import_react3.useMemo)(() => [fileId], [fileId]);
+  const fileVersions = (0, import_observable_react.useObservable)(client.ownedFileVersions$, path2);
   (0, import_react3.useEffect)(() => {
     if (!fileVersions || fileVersions.loading === "idle") {
       client.fileVersions.refetch({ fileId, type: "owned" });
@@ -2256,9 +2652,6 @@ function useNoyaTemplates() {
   };
 }
 
-// src/react/tableHooks.ts
-var import_noya_api3 = require("@noya-app/noya-api");
-
 // ../../node_modules/@sinclair/typebox/build/esm/type/guard/value.mjs
 var value_exports = {};
 __export(value_exports, {
@@ -4684,15 +5077,6 @@ __export(type_exports3, {
 var Type = type_exports3;
 
 // ../../node_modules/@sinclair/typebox/build/esm/value/guard/guard.mjs
-function IsStandardObject(value) {
-  return IsObject4(value) && (Object.getPrototypeOf(value) === Object.prototype || Object.getPrototypeOf(value) === null);
-}
-function IsDate4(value) {
-  return value instanceof Date && Number.isFinite(value.getTime());
-}
-function IsUint8Array4(value) {
-  return value instanceof globalThis.Uint8Array;
-}
 function IsObject4(value) {
   return value !== null && typeof value === "object";
 }
@@ -4702,24 +5086,9 @@ function IsArray4(value) {
 function IsUndefined4(value) {
   return value === void 0;
 }
-function IsNull4(value) {
-  return value === null;
-}
-function IsBoolean4(value) {
-  return typeof value === "boolean";
-}
 function IsNumber4(value) {
   return typeof value === "number";
 }
-function IsBigInt4(value) {
-  return typeof value === "bigint";
-}
-function IsString4(value) {
-  return typeof value === "string";
-}
-function IsSymbol4(value) {
-  return typeof value === "symbol";
-}
 
 // ../../node_modules/@sinclair/typebox/build/esm/system/policy.mjs
 var TypeSystemPolicy;
@@ -4782,13 +5151,6 @@ var TypeSystem;
 })(TypeSystem || (TypeSystem = {}));
 
 // ../../node_modules/@sinclair/typebox/build/esm/value/hash/hash.mjs
-var ValueHashError = class extends TypeBoxError {
-  value;
-  constructor(value) {
-    super(`Unable to hash value`);
-    this.value = value;
-  }
-};
 var ByteMarker;
 (function(ByteMarker2) {
   ByteMarker2[ByteMarker2["Undefined"] = 0] = "Undefined";
@@ -4809,105 +5171,6 @@ var Bytes = Array.from({ length: 256 }).map((_, i) => BigInt(i));
 var F64 = new Float64Array(1);
 var F64In = new DataView(F64.buffer);
 var F64Out = new Uint8Array(F64.buffer);
-function* NumberToBytes(value) {
-  const byteCount = value === 0 ? 1 : Math.ceil(Math.floor(Math.log2(value) + 1) / 8);
-  for (let i = 0; i < byteCount; i++) {
-    yield value >> 8 * (byteCount - 1 - i) & 255;
-  }
-}
-function ArrayType2(value) {
-  FNV1A64(ByteMarker.Array);
-  for (const item of value) {
-    Visit4(item);
-  }
-}
-function BooleanType(value) {
-  FNV1A64(ByteMarker.Boolean);
-  FNV1A64(value ? 1 : 0);
-}
-function BigIntType(value) {
-  FNV1A64(ByteMarker.BigInt);
-  F64In.setBigInt64(0, value);
-  for (const byte of F64Out) {
-    FNV1A64(byte);
-  }
-}
-function DateType2(value) {
-  FNV1A64(ByteMarker.Date);
-  Visit4(value.getTime());
-}
-function NullType(value) {
-  FNV1A64(ByteMarker.Null);
-}
-function NumberType(value) {
-  FNV1A64(ByteMarker.Number);
-  F64In.setFloat64(0, value);
-  for (const byte of F64Out) {
-    FNV1A64(byte);
-  }
-}
-function ObjectType2(value) {
-  FNV1A64(ByteMarker.Object);
-  for (const key of globalThis.Object.getOwnPropertyNames(value).sort()) {
-    Visit4(key);
-    Visit4(value[key]);
-  }
-}
-function StringType(value) {
-  FNV1A64(ByteMarker.String);
-  for (let i = 0; i < value.length; i++) {
-    for (const byte of NumberToBytes(value.charCodeAt(i))) {
-      FNV1A64(byte);
-    }
-  }
-}
-function SymbolType(value) {
-  FNV1A64(ByteMarker.Symbol);
-  Visit4(value.description);
-}
-function Uint8ArrayType2(value) {
-  FNV1A64(ByteMarker.Uint8Array);
-  for (let i = 0; i < value.length; i++) {
-    FNV1A64(value[i]);
-  }
-}
-function UndefinedType(value) {
-  return FNV1A64(ByteMarker.Undefined);
-}
-function Visit4(value) {
-  if (IsArray4(value))
-    return ArrayType2(value);
-  if (IsBoolean4(value))
-    return BooleanType(value);
-  if (IsBigInt4(value))
-    return BigIntType(value);
-  if (IsDate4(value))
-    return DateType2(value);
-  if (IsNull4(value))
-    return NullType(value);
-  if (IsNumber4(value))
-    return NumberType(value);
-  if (IsStandardObject(value))
-    return ObjectType2(value);
-  if (IsString4(value))
-    return StringType(value);
-  if (IsSymbol4(value))
-    return SymbolType(value);
-  if (IsUint8Array4(value))
-    return Uint8ArrayType2(value);
-  if (IsUndefined4(value))
-    return UndefinedType(value);
-  throw new ValueHashError(value);
-}
-function FNV1A64(byte) {
-  Accumulator = Accumulator ^ Bytes[byte];
-  Accumulator = Accumulator * Prime % Size;
-}
-function Hash(value) {
-  Accumulator = BigInt("14695981039346656037");
-  Visit4(value);
-  return Accumulator;
-}
 
 // ../../node_modules/@sinclair/typebox/build/esm/errors/errors.mjs
 var ValueErrorType;
@@ -4995,6 +5258,9 @@ var Delete3 = Object2({
 });
 var Edit = Union([Insert, Update, Delete3]);
 
+// ../state-manager/src/ActivityEventsManager.ts
+var import_observable = require("@noya-app/observable");
+
 // ../emitter/src/index.ts
 var Emitter = class {
   constructor(options = {}) {
@@ -5038,11 +5304,71 @@ var Emitter = class {
 
 // ../state-manager/src/AIManager.ts
 var import_noya_utils2 = require("@noya-app/noya-utils");
-var import_observable = require("@noya-app/observable");
+var import_observable2 = require("@noya-app/observable");
 
 // ../state-manager/src/AssetManager.ts
 var import_noya_utils3 = require("@noya-app/noya-utils");
-var import_observable2 = require("@noya-app/observable");
+var import_observable3 = require("@noya-app/observable");
+
+// ../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({
@@ -5050,7 +5376,10 @@ var assetSchema = Type.Object({
   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
@@ -5204,25 +5533,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,
@@ -5232,7 +5561,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],
@@ -5278,6 +5607,94 @@ var SchemaTree = (0, import_tree_visit.defineTree)((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())
+});
+
+// ../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(
@@ -5288,10 +5705,10 @@ format_exports.Set("color", () => true);
 format_exports.Set("uuid", validateUUID);
 
 // ../state-manager/src/ConnectedUsersManager.ts
-var import_observable3 = require("@noya-app/observable");
+var import_observable4 = require("@noya-app/observable");
 
 // ../state-manager/src/ConnectionEventManager.ts
-var import_observable4 = require("@noya-app/observable");
+var import_observable5 = require("@noya-app/observable");
 
 // ../../node_modules/mutative/dist/mutative.esm.mjs
 var PROXY_DRAFT = Symbol.for("__MUTATIVE_PROXY_DRAFT__");
@@ -5345,7 +5762,7 @@ function isDraftable(value, options) {
   let markResult;
   return Object.getPrototypeOf(value) === Object.prototype || Array.isArray(value) || value instanceof Map || value instanceof Set || !!(options === null || options === void 0 ? void 0 : options.mark) && ((markResult = options.mark(value, dataTypes)) === dataTypes.immutable || typeof markResult === "function");
 }
-function getPath(target, path = []) {
+function getPath(target, path2 = []) {
   if (Object.hasOwnProperty.call(target, "key")) {
     const parentCopy = target.parent.copy;
     const proxyDraft = getProxyDraft(get(parentCopy, target.key));
@@ -5356,18 +5773,18 @@ function getPath(target, path = []) {
     const key = isSet ? Array.from(target.parent.setMap.keys()).indexOf(target.key) : target.key;
     if (!(isSet && parentCopy.size > key || has(parentCopy, key)))
       return null;
-    path.push(key);
+    path2.push(key);
   }
   if (target.parent) {
-    return getPath(target.parent, path);
+    return getPath(target.parent, path2);
   }
-  path.reverse();
+  path2.reverse();
   try {
-    resolvePath(target.copy, path);
+    resolvePath(target.copy, path2);
   } catch (e) {
     return null;
   }
-  return path;
+  return path2;
 }
 function getType(target) {
   if (Array.isArray(target))
@@ -5409,25 +5826,25 @@ function revokeProxy(proxyDraft) {
     revoke();
   }
 }
-function escapePath(path, pathAsArray) {
-  return pathAsArray ? path : [""].concat(path).map((_item) => {
+function escapePath(path2, pathAsArray) {
+  return pathAsArray ? path2 : [""].concat(path2).map((_item) => {
     const item = `${_item}`;
     if (item.indexOf("/") === -1 && item.indexOf("~") === -1)
       return item;
     return item.replace(/~/g, "~0").replace(/\//g, "~1");
   }).join("/");
 }
-function unescapePath(path) {
-  if (Array.isArray(path))
-    return path;
-  return path.split("/").map((_item) => _item.replace(/~1/g, "/").replace(/~0/g, "~")).slice(1);
+function unescapePath(path2) {
+  if (Array.isArray(path2))
+    return path2;
+  return path2.split("/").map((_item) => _item.replace(/~1/g, "/").replace(/~0/g, "~")).slice(1);
 }
-function resolvePath(base2, path) {
-  for (let index = 0; index < path.length - 1; index += 1) {
-    const key = path[index];
+function resolvePath(base2, path2) {
+  for (let index = 0; index < path2.length - 1; index += 1) {
+    const key = path2[index];
     base2 = get(getType(base2) === 3 ? Array.from(base2) : base2, key);
     if (typeof base2 !== "object") {
-      throw new Error(`Cannot resolve patch at '${path.join("/")}'.`);
+      throw new Error(`Cannot resolve patch at '${path2.join("/")}'.`);
     }
   }
   return base2;
@@ -5811,8 +6228,8 @@ function generateArrayPatches(proxyState, basePath, patches, inversePatches, pat
     cloneIfNeeded,
     concatPath: (segment) => {
       const _path = basePath.concat([segment]);
-      const path = escapePath(_path, pathAsArray);
-      return path;
+      const path2 = escapePath(_path, pathAsArray);
+      return path2;
     },
     basePath,
     original,
@@ -5832,26 +6249,26 @@ function generateArrayPatches(proxyState, basePath, patches, inversePatches, pat
   }
   for (let index = 0; index < original.length; index += 1) {
     if (assignedMap.get(index.toString()) && copy[index] !== original[index]) {
-      const path = params.concatPath(index);
+      const path2 = params.concatPath(index);
       patches.push({
         op: Operation.Replace,
-        path,
+        path: path2,
         // If it is a draft, it needs to be deep cloned, and it may also be non-draft.
         value: params.cloneIfNeeded(copy[index])
       });
       inversePatches.push({
         op: Operation.Replace,
-        path,
+        path: path2,
         // If it is a draft, it needs to be deep cloned, and it may also be non-draft.
         value: params.cloneIfNeeded(original[index])
       });
     }
   }
   for (let index = original.length; index < copy.length; index += 1) {
-    const path = params.concatPath(index);
+    const path2 = params.concatPath(index);
     patches.push({
       op: Operation.Add,
-      path,
+      path: path2,
       // If it is a draft, it needs to be deep cloned, and it may also be non-draft.
       value: params.cloneIfNeeded(copy[index])
     });
@@ -5859,18 +6276,18 @@ function generateArrayPatches(proxyState, basePath, patches, inversePatches, pat
   if (original.length < copy.length) {
     const { arrayLengthAssignment = true } = options.enablePatches;
     if (arrayLengthAssignment) {
-      const path = params.concatPath("length");
+      const path2 = params.concatPath("length");
       inversePatches.push({
         op: Operation.Replace,
-        path,
+        path: path2,
         value: original.length
       });
     } else {
       for (let index = copy.length; original.length < index; index -= 1) {
-        const path = params.concatPath(index - 1);
+        const path2 = params.concatPath(index - 1);
         inversePatches.push({
           op: Operation.Remove,
-          path
+          path: path2
         });
       }
     }
@@ -5884,9 +6301,9 @@ function generatePatchesFromAssigned({ original, copy, assignedMap }, basePath,
     if (isEqual(originalValue, value) && op === Operation.Replace)
       return;
     const _path = basePath.concat(key);
-    const path = escapePath(_path, pathAsArray);
-    patches.push(op === Operation.Remove ? { op, path } : { op, path, value });
-    inversePatches.push(op === Operation.Add ? { op: Operation.Remove, path } : op === Operation.Remove ? { op: Operation.Add, path, value: originalValue } : { op: Operation.Replace, path, value: originalValue });
+    const path2 = escapePath(_path, pathAsArray);
+    patches.push(op === Operation.Remove ? { op, path: path2 } : { op, path: path2, value });
+    inversePatches.push(op === Operation.Add ? { op: Operation.Remove, path: path2 } : op === Operation.Remove ? { op: Operation.Add, path: path2, value: originalValue } : { op: Operation.Replace, path: path2, value: originalValue });
   });
 }
 function generateSetPatches({ original, copy }, basePath, patches, inversePatches, pathAsArray) {
@@ -5894,15 +6311,15 @@ function generateSetPatches({ original, copy }, basePath, patches, inversePatche
   original.forEach((value) => {
     if (!copy.has(value)) {
       const _path = basePath.concat([index]);
-      const path = escapePath(_path, pathAsArray);
+      const path2 = escapePath(_path, pathAsArray);
       patches.push({
         op: Operation.Remove,
-        path,
+        path: path2,
         value
       });
       inversePatches.unshift({
         op: Operation.Add,
-        path,
+        path: path2,
         value
       });
     }
@@ -5912,15 +6329,15 @@ function generateSetPatches({ original, copy }, basePath, patches, inversePatche
   copy.forEach((value) => {
     if (!original.has(value)) {
       const _path = basePath.concat([index]);
-      const path = escapePath(_path, pathAsArray);
+      const path2 = escapePath(_path, pathAsArray);
       patches.push({
         op: Operation.Add,
-        path,
+        path: path2,
         value
       });
       inversePatches.unshift({
         op: Operation.Remove,
-        path,
+        path: path2,
         value
       });
     }
@@ -6601,11 +7018,11 @@ function applyPatchToString(str, patch) {
       return str;
   }
 }
-function evaluatePointer(draft, path) {
+function evaluatePointer(draft, path2) {
   let base2 = draft;
-  for (let index = 0; index < path.length - 1; index += 1) {
+  for (let index = 0; index < path2.length - 1; index += 1) {
     const parentType = getType(base2);
-    let key = path[index];
+    let key = path2[index];
     if (typeof key !== "string" && typeof key !== "number") {
       key = String(key);
     }
@@ -6614,7 +7031,7 @@ function evaluatePointer(draft, path) {
     }
     base2 = get(parentType === 3 ? Array.from(base2) : base2, key);
     if (typeof base2 !== "object" && typeof base2 !== "string") {
-      throw new Error(`Cannot apply patch at '${path.join("/")}'.`);
+      throw new Error(`Cannot apply patch at '${path2.join("/")}'.`);
     }
   }
   return base2;
@@ -6622,12 +7039,12 @@ function evaluatePointer(draft, path) {
 function apply(state, patches, applyOptions) {
   let i;
   for (i = patches.length - 1; i >= 0; i -= 1) {
-    const { value, op, path, from } = patches[i];
-    if (!path.length && op === Operation.Replace || path === "" && op === Operation.Add) {
+    const { value, op, path: path2, from } = patches[i];
+    if (!path2.length && op === Operation.Replace || path2 === "" && op === Operation.Add) {
       state = value;
       break;
     }
-    if (!path.length && op === Operation.Move) {
+    if (!path2.length && op === Operation.Move) {
       const fromPath = unescapePath(from);
       const fromBase = evaluatePointer(state, fromPath);
       const fromKey = fromPath[fromPath.length - 1];
@@ -6642,12 +7059,12 @@ function apply(state, patches, applyOptions) {
   const mutate2 = (draft) => {
     patches.forEach((patch) => {
       const { path: _path, from: _fromPath, op } = patch;
-      const path = unescapePath(_path);
-      let base2 = evaluatePointer(draft, path);
+      const path2 = unescapePath(_path);
+      let base2 = evaluatePointer(draft, path2);
       if (typeof base2 === "string") {
-        const parentPath = path.slice(0, -1);
+        const parentPath = path2.slice(0, -1);
         const parent = evaluatePointer(draft, parentPath);
-        const key2 = path[path.length - 2];
+        const key2 = path2[path2.length - 2];
         if (key2 === void 0) {
           return;
         }
@@ -6656,7 +7073,7 @@ function apply(state, patches, applyOptions) {
       }
       const type = getType(base2);
       const value = deepClone(patch.value);
-      const key = path[path.length - 1];
+      const key = path2[path2.length - 1];
       switch (op) {
         case Operation.Move: {
           const fromPath = unescapePath(_fromPath);
@@ -6667,7 +7084,7 @@ function apply(state, patches, applyOptions) {
             return;
           }
           const fromValue = deepClone(fromBase[fromKey]);
-          if (path.length === 0) {
+          if (path2.length === 0) {
             return;
           }
           if (fromBase === base2 && fromType === 1 && type === 1) {
@@ -6957,19 +7374,19 @@ var HistoryEntries;
     if (a.length !== b.length) {
       return false;
     }
-    return a.every((path, index) => {
+    return a.every((path2, index) => {
       const other = b[index];
-      if (typeof path === "object" && "id" in path && typeof other === "object" && "id" in other) {
-        return path.id === other.id;
+      if (typeof path2 === "object" && "id" in path2 && typeof other === "object" && "id" in other) {
+        return path2.id === other.id;
       }
-      return path === other;
+      return path2 === other;
     });
   }
   HistoryEntries2.pathsEqual = pathsEqual;
 })(HistoryEntries || (HistoryEntries = {}));
 
 // ../state-manager/src/IOManager.ts
-var import_observable5 = require("@noya-app/observable");
+var import_observable6 = require("@noya-app/observable");
 
 // ../state-manager/src/jwt.ts
 function base64UrlEncode(str) {
@@ -7071,24 +7488,24 @@ var jwt;
 })(jwt || (jwt = {}));
 
 // ../state-manager/src/MenuManager.ts
-var import_observable6 = require("@noya-app/observable");
+var import_observable7 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
 var import_noya_utils5 = require("@noya-app/noya-utils");
-var import_observable8 = require("@noya-app/observable");
+var import_observable9 = require("@noya-app/observable");
 
 // ../state-manager/src/stateManager.ts
-var import_observable7 = require("@noya-app/observable");
+var import_observable8 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var createHash = Hash;
+var createHash = import_noya_utils5.hash;
 
 // ../state-manager/src/NoyaManager.ts
-var import_noya_utils8 = require("@noya-app/noya-utils");
-var import_observable15 = require("@noya-app/observable");
+var import_noya_utils9 = require("@noya-app/noya-utils");
+var import_observable17 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/graphToTasks.ts
-var import_observable9 = require("@noya-app/observable");
+var import_observable10 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/state.ts
 var import_noya_utils6 = require("@noya-app/noya-utils");
@@ -7190,20 +7607,24 @@ var pipelineSchema = Type.Object(
 );
 
 // ../state-manager/src/PipelineManager.ts
-var import_observable10 = require("@noya-app/observable");
+var import_observable11 = require("@noya-app/observable");
 
 // ../state-manager/src/PublishingManager.ts
-var import_observable11 = require("@noya-app/observable");
+var import_observable12 = require("@noya-app/observable");
 
-// ../state-manager/src/rpcManager.ts
+// ../state-manager/src/ResourceManager.ts
 var import_noya_utils7 = require("@noya-app/noya-utils");
-var import_observable12 = require("@noya-app/observable");
+var import_observable13 = require("@noya-app/observable");
+
+// ../state-manager/src/rpcManager.ts
+var import_noya_utils8 = require("@noya-app/noya-utils");
+var import_observable14 = require("@noya-app/observable");
 
 // ../state-manager/src/SecretManager.ts
-var import_observable13 = require("@noya-app/observable");
+var import_observable15 = require("@noya-app/observable");
 
 // ../state-manager/src/TaskManager.ts
-var import_observable14 = require("@noya-app/observable");
+var import_observable16 = require("@noya-app/observable");
 
 // ../state-manager/src/NoyaManager.ts
 var createMutatorParametersSchema = Type.Object({
@@ -7320,16 +7741,16 @@ for (code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
 var code;
 
 // ../state-manager/src/menuTree.ts
-var import_tree_visit2 = __toESM(require_lib());
-var MenuItemTree = (0, import_tree_visit2.defineTree)((node) => {
+var import_tree_visit3 = __toESM(require_lib());
+var MenuItemTree = (0, import_tree_visit3.defineTree)((node) => {
   return node.type === "submenu" ? node.items : [];
 });
 
 // ../noya-multiplayer-react/src/ai.ts
-var import_react57 = require("react");
+var import_react59 = require("react");
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_observable16 = require("@noya-app/observable");
+var import_observable18 = require("@noya-app/observable");
 
 // ../noya-react-utils/src/components/AutoSizer.tsx
 var React2 = __toESM(require("react"));
@@ -7511,11 +7932,22 @@ var FileDropTarget = memoGeneric(function FileDropTarget2({ children, onDropFile
 var import_react8 = require("react");
 
 // ../noya-react-utils/src/hooks/useDeepArray.ts
-var import_noya_utils9 = require("@noya-app/noya-utils");
+var import_noya_utils10 = require("@noya-app/noya-utils");
 var import_react9 = require("react");
+function useJsonMemo(value) {
+  const stringified = (0, import_react9.useMemo)(
+    () => value === void 0 ? void 0 : JSON.stringify(value),
+    [value]
+  );
+  const parsed = (0, import_react9.useMemo)(
+    () => stringified === void 0 ? void 0 : JSON.parse(stringified),
+    [stringified]
+  );
+  return parsed;
+}
 
 // ../noya-react-utils/src/hooks/useDeepState.ts
-var import_noya_utils10 = require("@noya-app/noya-utils");
+var import_noya_utils11 = require("@noya-app/noya-utils");
 var import_react10 = require("react");
 
 // ../noya-react-utils/src/hooks/useFetch.ts
@@ -7546,7 +7978,7 @@ var import_react17 = require("react");
 var import_react18 = require("react");
 
 // ../noya-react-utils/src/hooks/useShallowArray.ts
-var import_noya_utils11 = require("@noya-app/noya-utils");
+var import_noya_utils12 = require("@noya-app/noya-utils");
 var import_react19 = require("react");
 
 // ../noya-react-utils/src/hooks/useStableCallback.ts
@@ -7556,7 +7988,7 @@ var import_react20 = require("react");
 var import_react21 = require("react");
 
 // ../noya-react-utils/src/hooks/useUrlHashParameters.ts
-var import_noya_utils12 = require("@noya-app/noya-utils");
+var import_noya_utils13 = require("@noya-app/noya-utils");
 var import_react22 = require("react");
 
 // ../noya-react-utils/src/hooks/useWindowSize.ts
@@ -7619,13 +8051,13 @@ function downloadBlob(...params) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_react56 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/noyaApp.ts
-var import_react55 = require("react");
+var import_react57 = require("react");
 
 // ../noya-multiplayer-react/src/hooks.ts
-var import_react54 = require("react");
+var import_react56 = require("react");
 var import_client2 = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/components/ErrorOverlay.tsx
@@ -7703,11 +8135,12 @@ var ErrorOverlay = React6.memo(function ErrorOverlay2({
 });
 
 // ../noya-multiplayer-react/src/inspector/useStateInspector.tsx
-var import_react53 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
-var import_react52 = __toESM(require("react"));
+var import_noya_utils14 = require("@noya-app/noya-utils");
+var import_react54 = __toESM(require("react"));
 
 // ../../node_modules/react-inspector/dist/index.mjs
 var import_react24 = __toESM(require("react"), 1);
@@ -8204,7 +8637,7 @@ var wildcardPathsFromLevel = (level) => {
   return Array.from({ length: level }, (_, i) => [DEFAULT_ROOT_PATH].concat(Array.from({ length: i }, () => "*")).join("."));
 };
 var getExpandedPaths = (data, dataIterator, expandPaths, expandLevel, prevExpandedPaths) => {
-  const wildcardPaths = [].concat(wildcardPathsFromLevel(expandLevel)).concat(expandPaths).filter((path) => typeof path === "string");
+  const wildcardPaths = [].concat(wildcardPathsFromLevel(expandLevel)).concat(expandPaths).filter((path2) => typeof path2 === "string");
   const expandedPaths = [];
   wildcardPaths.forEach((wildcardPath) => {
     const keyPaths = wildcardPath.split(".");
@@ -8235,20 +8668,20 @@ var getExpandedPaths = (data, dataIterator, expandPaths, expandLevel, prevExpand
     };
     populatePaths(data, "", 0);
   });
-  return expandedPaths.reduce((obj, path) => {
-    obj[path] = true;
+  return expandedPaths.reduce((obj, path2) => {
+    obj[path2] = true;
     return obj;
   }, { ...prevExpandedPaths });
 };
 var ConnectedTreeNode = (0, import_react25.memo)((props) => {
-  const { data, dataIterator, path, depth, nodeRenderer } = props;
+  const { data, dataIterator, path: path2, depth, nodeRenderer } = props;
   const [expandedPaths, setExpandedPaths] = (0, import_react25.useContext)(ExpandedPathsContext);
   const nodeHasChildNodes = hasChildNodes(data, dataIterator);
-  const expanded = !!expandedPaths[path];
+  const expanded = !!expandedPaths[path2];
   const handleClick = (0, import_react25.useCallback)(() => nodeHasChildNodes && setExpandedPaths((prevExpandedPaths) => ({
     ...prevExpandedPaths,
-    [path]: !expanded
-  })), [nodeHasChildNodes, setExpandedPaths, path, expanded]);
+    [path2]: !expanded
+  })), [nodeHasChildNodes, setExpandedPaths, path2, expanded]);
   return /* @__PURE__ */ import_react25.default.createElement(TreeNode, {
     expanded,
     onClick: handleClick,
@@ -8261,7 +8694,7 @@ var ConnectedTreeNode = (0, import_react25.memo)((props) => {
       name,
       data: data2,
       depth: depth + 1,
-      path: `${path}.${name}`,
+      path: `${path2}.${name}`,
       key: name,
       dataIterator,
       nodeRenderer,
@@ -8960,39 +9393,47 @@ var getStateInspectorBorderColor = (colorScheme) => {
   return colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)";
 };
 
-// ../noya-multiplayer-react/src/inspector/sections/EventsSection.tsx
+// ../noya-multiplayer-react/src/inspector/sections/ActivityEventsSection.tsx
 var import_react47 = __toESM(require("react"));
 
-// ../noya-multiplayer-react/src/inspector/ObjectRootLabel.tsx
+// ../noya-multiplayer-react/src/inspector/StateInspectorButton.tsx
 var import_react43 = __toESM(require("react"));
-var ObjectRootLabel2 = ({ name, data, direction }) => {
-  if (typeof name === "string") {
-    return /* @__PURE__ */ import_react43.default.createElement("span", null, /* @__PURE__ */ import_react43.default.createElement(ObjectName, { name }), /* @__PURE__ */ import_react43.default.createElement("span", null, ": "), /* @__PURE__ */ import_react43.default.createElement(ObjectPreview, { data }));
-  }
-  if (direction === "up" || direction === "down") {
-    const arrow = direction === "up" ? "\u2191" : "\u2193";
-    return /* @__PURE__ */ import_react43.default.createElement("span", null, /* @__PURE__ */ import_react43.default.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: style2,
+  theme: theme3,
+  disabled
+}) {
+  return /* @__PURE__ */ import_react43.default.createElement(
+    "button",
+    {
+      type: "button",
+      disabled,
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick();
       },
-      arrow
-    ), /* @__PURE__ */ import_react43.default.createElement(ObjectPreview, { data }));
-  } else {
-    return /* @__PURE__ */ import_react43.default.createElement(ObjectPreview, { data });
-  }
-};
+      style: {
+        flex: "0",
+        appearance: "none",
+        background: "none",
+        color: theme3.BASE_COLOR,
+        opacity: disabled ? 0.25 : 1,
+        border: "none",
+        fontSize: "12px",
+        whiteSpace: "nowrap",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "0",
+        cursor: "pointer",
+        ...style2
+      }
+    },
+    children
+  );
+}
 
 // ../noya-multiplayer-react/src/inspector/StateInspectorDisclosureSection.tsx
 var import_react45 = __toESM(require("react"));
@@ -9138,6 +9579,137 @@ function StateInspectorRow({
   );
 }
 
+// ../noya-multiplayer-react/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] = (0, import_react47.useState)("all");
+  const streamFilterType = isResourceStreamFilter(streamFilter) ? "resource" : "all";
+  const theme3 = getStateInspectorTheme(colorScheme);
+  const activityEvents = useActivityEventsForManager(
+    showEvents ? streamFilter : void 0,
+    activityEventsManager
+  );
+  return /* @__PURE__ */ import_react47.default.createElement(
+    StateInspectorDisclosureSection,
+    {
+      open: showEvents,
+      setOpen: setShowEvents,
+      title: `Activity Events`,
+      colorScheme
+    },
+    /* @__PURE__ */ import_react47.default.createElement(StateInspectorDisclosureRowInner, { ref: activityEventsContainerRef }, /* @__PURE__ */ import_react47.default.createElement("div", { style: { padding: "4px 12px", display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react47.default.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__ */ import_react47.default.createElement("option", { value: "all" }, "All"),
+      /* @__PURE__ */ import_react47.default.createElement("option", { value: "resource" }, "Resource")
+    ), isResourceStreamFilter(streamFilter) && /* @__PURE__ */ import_react47.default.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__ */ import_react47.default.createElement(
+      StateInspectorRow,
+      {
+        key: index,
+        colorScheme,
+        style: {
+          padding: "0px 12px 1px"
+        }
+      },
+      /* @__PURE__ */ import_react47.default.createElement(themedObjectInspector, { data: activityEvent, theme: theme3 }),
+      streamFilterType === "all" && isResourceActivityEvent(activityEvent) && /* @__PURE__ */ import_react47.default.createElement(
+        StateInspectorButton,
+        {
+          theme: theme3,
+          onClick: () => {
+            setStreamFilter({ resourceId: activityEvent.resourceId });
+          }
+        },
+        "Watch this resource"
+      )
+    )), !activityEvents && /* @__PURE__ */ import_react47.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          fontSize: "12px",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        }
+      },
+      /* @__PURE__ */ import_react47.default.createElement("span", null, "No activity events")
+    ))
+  );
+}
+
+// ../noya-multiplayer-react/src/inspector/sections/EventsSection.tsx
+var import_react49 = __toESM(require("react"));
+
+// ../noya-multiplayer-react/src/inspector/ObjectRootLabel.tsx
+var import_react48 = __toESM(require("react"));
+var ObjectRootLabel2 = ({ name, data, direction }) => {
+  if (typeof name === "string") {
+    return /* @__PURE__ */ import_react48.default.createElement("span", null, /* @__PURE__ */ import_react48.default.createElement(ObjectName, { name }), /* @__PURE__ */ import_react48.default.createElement("span", null, ": "), /* @__PURE__ */ import_react48.default.createElement(ObjectPreview, { data }));
+  }
+  if (direction === "up" || direction === "down") {
+    const arrow = direction === "up" ? "\u2191" : "\u2193";
+    return /* @__PURE__ */ import_react48.default.createElement("span", null, /* @__PURE__ */ import_react48.default.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__ */ import_react48.default.createElement(ObjectPreview, { data }));
+  } else {
+    return /* @__PURE__ */ import_react48.default.createElement(ObjectPreview, { data });
+  }
+};
+
 // ../noya-multiplayer-react/src/inspector/sections/EventsSection.tsx
 function EventsSection({
   showEvents,
@@ -9147,7 +9719,7 @@ function EventsSection({
   connectionEvents
 }) {
   const theme3 = getStateInspectorTheme(colorScheme);
-  return /* @__PURE__ */ import_react47.default.createElement(
+  return /* @__PURE__ */ import_react49.default.createElement(
     StateInspectorDisclosureSection,
     {
       open: showEvents,
@@ -9155,8 +9727,8 @@ function EventsSection({
       title: "Events",
       colorScheme
     },
-    /* @__PURE__ */ import_react47.default.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
-      (event, index) => event.type === "stateChange" ? /* @__PURE__ */ import_react47.default.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ import_react47.default.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ import_react47.default.createElement(
+    /* @__PURE__ */ import_react49.default.createElement(StateInspectorDisclosureRowInner, { ref: eventsContainerRef }, connectionEvents?.map(
+      (event, index) => event.type === "stateChange" ? /* @__PURE__ */ import_react49.default.createElement(StateInspectorRow, { key: index, colorScheme }, "connection:", " ", /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, event.state.toLowerCase())) : /* @__PURE__ */ import_react49.default.createElement(
         StateInspectorRow,
         {
           key: index,
@@ -9166,14 +9738,14 @@ function EventsSection({
             padding: "0px 12px 1px"
           }
         },
-        /* @__PURE__ */ import_react47.default.createElement(
+        /* @__PURE__ */ import_react49.default.createElement(
           themedObjectInspector,
           {
             data: event.type === "error" ? event.error : event.message,
             theme: theme3,
             nodeRenderer: ({ depth, name, data, isNonenumerable }) => {
               const direction = event.type === "send" ? "up" : "down";
-              return depth === 0 ? /* @__PURE__ */ import_react47.default.createElement(ObjectRootLabel2, { direction, data }) : /* @__PURE__ */ import_react47.default.createElement(
+              return depth === 0 ? /* @__PURE__ */ import_react49.default.createElement(ObjectRootLabel2, { direction, data }) : /* @__PURE__ */ import_react49.default.createElement(
                 ObjectLabel,
                 {
                   direction,
@@ -9186,7 +9758,7 @@ function EventsSection({
           }
         )
       )
-    ), !connectionEvents && /* @__PURE__ */ import_react47.default.createElement(
+    ), !connectionEvents && /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         style: {
@@ -9197,52 +9769,13 @@ function EventsSection({
           gap: "4px"
         }
       },
-      /* @__PURE__ */ import_react47.default.createElement("span", null, "No recorded events")
+      /* @__PURE__ */ import_react49.default.createElement("span", null, "No recorded events")
     ))
   );
 }
 
 // ../noya-multiplayer-react/src/inspector/sections/HistorySection.tsx
-var import_react49 = __toESM(require("react"));
-
-// ../noya-multiplayer-react/src/inspector/StateInspectorButton.tsx
-var import_react48 = __toESM(require("react"));
-function StateInspectorButton({
-  children,
-  onClick,
-  style: style2,
-  theme: theme3,
-  disabled
-}) {
-  return /* @__PURE__ */ import_react48.default.createElement(
-    "button",
-    {
-      type: "button",
-      disabled,
-      onClick: (event) => {
-        event.stopPropagation();
-        onClick();
-      },
-      style: {
-        flex: "0",
-        appearance: "none",
-        background: "none",
-        color: theme3.BASE_COLOR,
-        opacity: disabled ? 0.25 : 1,
-        border: "none",
-        fontSize: "12px",
-        whiteSpace: "nowrap",
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "0",
-        cursor: "pointer",
-        ...style2
-      }
-    },
-    children
-  );
-}
+var import_react50 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/inspector/utils.ts
 function pathToString(extendedPath) {
@@ -9275,7 +9808,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 = () => {
@@ -9297,15 +9830,15 @@ function HistorySection({
   historySnapshot,
   multiplayerStateManager
 }) {
-  const ref = (0, import_react49.useRef)(null);
+  const ref = (0, import_react50.useRef)(null);
   const theme3 = getStateInspectorTheme(colorScheme);
   const solidBorderColor = getStateInspectorBorderColor(colorScheme);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (ref.current) {
       ref.current.scrollTop = ref.current.scrollHeight;
     }
   }, [historySnapshot]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!ref.current) return;
     const historyEntry = ref.current.querySelector(
       `#${HISTORY_ELEMENT_PREFIX}${historySnapshot.historyIndex}`
@@ -9317,14 +9850,14 @@ function HistorySection({
       });
     }
   }, [historySnapshot.historyIndex]);
-  return /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(
     StateInspectorDisclosureSection,
     {
       open: showHistory,
       setOpen: setShowHistory,
       title: "History",
       colorScheme,
-      right: /* @__PURE__ */ import_react49.default.createElement(
+      right: /* @__PURE__ */ import_react50.default.createElement(
         "span",
         {
           style: {
@@ -9332,7 +9865,7 @@ function HistorySection({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react49.default.createElement(
+        /* @__PURE__ */ import_react50.default.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canUndo,
@@ -9341,7 +9874,7 @@ function HistorySection({
               multiplayerStateManager.undo();
             }
           },
-          /* @__PURE__ */ import_react49.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react49.default.createElement(
+          /* @__PURE__ */ import_react50.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react50.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -9349,7 +9882,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react49.default.createElement(
+            /* @__PURE__ */ import_react50.default.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -9358,7 +9891,7 @@ function HistorySection({
             )
           ))
         ),
-        /* @__PURE__ */ import_react49.default.createElement(
+        /* @__PURE__ */ import_react50.default.createElement(
           StateInspectorButton,
           {
             disabled: !historySnapshot.canRedo,
@@ -9367,7 +9900,7 @@ function HistorySection({
               multiplayerStateManager.redo();
             }
           },
-          /* @__PURE__ */ import_react49.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react49.default.createElement(
+          /* @__PURE__ */ import_react50.default.createElement("span", { style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react50.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -9375,7 +9908,7 @@ function HistorySection({
               height: "1em",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react49.default.createElement(
+            /* @__PURE__ */ import_react50.default.createElement(
               "path",
               {
                 fill: "currentColor",
@@ -9386,7 +9919,7 @@ function HistorySection({
         )
       )
     },
-    /* @__PURE__ */ import_react49.default.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ import_react49.default.createElement(
+    /* @__PURE__ */ import_react50.default.createElement(StateInspectorDisclosureRowInner, { ref }, /* @__PURE__ */ import_react50.default.createElement(
       "div",
       {
         id: `${HISTORY_ELEMENT_PREFIX}0`,
@@ -9400,7 +9933,7 @@ function HistorySection({
           background: historySnapshot.historyIndex === 0 ? "rgb(59 130 246 / 15%)" : void 0
         }
       },
-      /* @__PURE__ */ import_react49.default.createElement(
+      /* @__PURE__ */ import_react50.default.createElement(
         "span",
         {
           style: {
@@ -9415,7 +9948,7 @@ function HistorySection({
     ), historySnapshot.history.map((entry, index) => {
       const metadata = entry.metadata;
       const { id, name, timestamp, ...rest } = metadata;
-      return /* @__PURE__ */ import_react49.default.createElement(
+      return /* @__PURE__ */ import_react50.default.createElement(
         "div",
         {
           id: `${HISTORY_ELEMENT_PREFIX}${index + 1}`,
@@ -9426,7 +9959,7 @@ function HistorySection({
             background: index + 1 === historySnapshot.historyIndex ? "rgb(59 130 246 / 15%)" : void 0
           }
         },
-        typeof name === "string" && /* @__PURE__ */ import_react49.default.createElement(
+        typeof name === "string" && /* @__PURE__ */ import_react50.default.createElement(
           "pre",
           {
             style: {
@@ -9437,9 +9970,9 @@ function HistorySection({
             }
           },
           entry.metadata.name,
-          Object.keys(rest).length > 0 && /* @__PURE__ */ import_react49.default.createElement(themedObjectInspector, { data: rest, theme: theme3 })
+          Object.keys(rest).length > 0 && /* @__PURE__ */ import_react50.default.createElement(themedObjectInspector, { data: rest, theme: theme3 })
         ),
-        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ import_react49.default.createElement(
+        entry.redoPatches?.map((patch, j) => /* @__PURE__ */ import_react50.default.createElement(
           "pre",
           {
             key: j,
@@ -9450,10 +9983,10 @@ function HistorySection({
               margin: 0
             }
           },
-          patch.op === "add" && /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react49.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
-          patch.op === "replace" && /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react49.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
-          patch.op === "remove" && /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement("span", { style: { color: theme3.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
-          patch.op === "move" && /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ import_react49.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
+          patch.op === "add" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react50.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
+          patch.op === "replace" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)), " = ", /* @__PURE__ */ import_react50.default.createElement(themedObjectInspector, { data: patch.value, theme: theme3 })),
+          patch.op === "remove" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { color: theme3.OBJECT_VALUE_STRING_COLOR } }, "delete", " "), /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path))),
+          patch.op === "move" && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.from)), " -> ", /* @__PURE__ */ import_react50.default.createElement("span", { style: { fontStyle: "italic" } }, pathToString(patch.path)))
         ))
       );
     }))
@@ -10006,8 +10539,16 @@ function replaceDeep(obj, replacementMap) {
   }
 }
 
+// ../noya-multiplayer-react/src/inspector/StateInspectorTitleLabel.tsx
+var import_react51 = __toESM(require("react"));
+function StateInspectorTitleLabel({
+  children
+}) {
+  return /* @__PURE__ */ import_react51.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
+}
+
 // ../noya-multiplayer-react/src/inspector/StateInspectorToggleButton.tsx
-var import_react50 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 function StateInspectorToggleButton({
   showInspector,
   setShowInspector,
@@ -10015,7 +10556,7 @@ function StateInspectorToggleButton({
   anchor
 }) {
   const isRightAnchor = anchor === "right";
-  const rightIcon = /* @__PURE__ */ import_react50.default.createElement(
+  const rightIcon = /* @__PURE__ */ import_react52.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -10025,7 +10566,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react50.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -10034,7 +10575,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  const leftIcon = /* @__PURE__ */ import_react50.default.createElement(
+  const leftIcon = /* @__PURE__ */ import_react52.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -10044,7 +10585,7 @@ function StateInspectorToggleButton({
       stroke: "currentColor",
       className: "size-6"
     },
-    /* @__PURE__ */ import_react50.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -10053,7 +10594,7 @@ function StateInspectorToggleButton({
       }
     )
   );
-  return /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "span",
     {
       role: "button",
@@ -10074,15 +10615,15 @@ function StateInspectorToggleButton({
         setShowInspector(!showInspector);
       }
     },
-    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react50.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
+    showInspector ? "Hide Inspector" : /* @__PURE__ */ import_react52.default.createElement("span", { style: { width: "12px", height: "12px" } }, isRightAnchor ? rightIcon : leftIcon)
   );
 }
 
 // ../noya-multiplayer-react/src/inspector/useLocalStorageState.tsx
-var import_react51 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 var localStorage2 = typeof window !== "undefined" ? window.localStorage : null;
 function useLocalStorageState(key, defaultValue) {
-  const [state, setState] = import_react51.default.useState(() => {
+  const [state, setState] = import_react53.default.useState(() => {
     const value = localStorage2?.getItem(key);
     let result = defaultValue;
     if (value) {
@@ -10117,16 +10658,19 @@ var StateInspector = memoGeneric(function StateInspector2({
     ephemeralUserDataManager,
     connectionEventManager,
     taskManager,
-    ioManager
+    ioManager,
+    resourceManager,
+    activityEventsManager
   } = noyaManager;
-  const [didMount, setDidMount] = import_react52.default.useState(false);
+  const [didMount, setDidMount] = import_react54.default.useState(false);
   const tasks = useObservable2(taskManager.tasks$);
   const inputs = useObservable2(ioManager.inputs$);
   const outputTransforms = useObservable2(ioManager.outputTransforms$);
-  (0, import_react52.useLayoutEffect)(() => {
+  (0, import_react54.useLayoutEffect)(() => {
     setDidMount(true);
   }, []);
-  const eventsContainerRef = import_react52.default.useRef(null);
+  const eventsContainerRef = import_react54.default.useRef(null);
+  const activityEventsContainerRef = import_react54.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
     true
@@ -10159,6 +10703,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
@@ -10171,8 +10719,12 @@ 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 = useObservable2(connectionEventManager.events$);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (eventsContainerRef.current) {
       eventsContainerRef.current.scrollTop = eventsContainerRef.current.scrollHeight;
     }
@@ -10183,6 +10735,8 @@ var StateInspector = memoGeneric(function StateInspector2({
   const ephemeral = useObservable2(ephemeralUserDataManager.data$);
   const historySnapshot = useManagedHistory(multiplayerStateManager.sm);
   const assets = useObservable2(assetManager.assets$);
+  const resources = useObservable2(resourceManager.resources$);
+  const resourcesInitialized = useObservable2(resourceManager.isInitialized$);
   const assetsInitialized = useObservable2(assetManager.isInitialized$);
   const secrets = useObservable2(secretManager.secrets$);
   const secretsInitialized = useObservable2(secretManager.isInitialized$);
@@ -10214,11 +10768,11 @@ var StateInspector = memoGeneric(function StateInspector2({
     zIndex: 9999,
     lineHeight: "13px"
   };
-  const handleExportAll = (0, import_react52.useCallback)(async () => {
+  const handleExportAll = (0, import_react54.useCallback)(async () => {
     const buffer = await exportAll(noyaManager);
     downloadBlob(new Blob([buffer]), "state.zip");
   }, [noyaManager]);
-  const handleImportAll = (0, import_react52.useCallback)(async () => {
+  const handleImportAll = (0, import_react54.useCallback)(async () => {
     const file = await uploadFile();
     const buffer = await file.arrayBuffer();
     importAll(buffer, noyaManager, {
@@ -10231,7 +10785,7 @@ var StateInspector = memoGeneric(function StateInspector2({
   }, [noyaManager]);
   if (!didMount) return null;
   if (!showInspector) {
-    return /* @__PURE__ */ import_react52.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "div",
       {
         ...props,
@@ -10243,7 +10797,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         },
         onClick: () => setShowInspector(true)
       },
-      /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(
         StateInspectorToggleButton,
         {
           showInspector,
@@ -10254,7 +10808,7 @@ var StateInspector = memoGeneric(function StateInspector2({
       )
     );
   }
-  return /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     "div",
     {
       ...props,
@@ -10263,7 +10817,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         ...props.style
       }
     },
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
         isFirst: true,
@@ -10275,7 +10829,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           flex: "0 0 auto",
           maxHeight: "200px"
         },
-        right: /* @__PURE__ */ import_react52.default.createElement(
+        right: /* @__PURE__ */ import_react54.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -10285,14 +10839,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           }
         )
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ import_react54.default.createElement(
         StateInspectorRow,
         {
           key: user.id,
           colorScheme,
           variant: user.id === userId ? "up" : void 0
         },
-        user.image && /* @__PURE__ */ import_react52.default.createElement(
+        user.image && /* @__PURE__ */ import_react54.default.createElement(
           "img",
           {
             src: user.image,
@@ -10313,7 +10867,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         " (",
         ellipsis(user.id.toString(), 8, "middle"),
         ")"
-      )), !connectedUsers && /* @__PURE__ */ import_react52.default.createElement(
+      )), !connectedUsers && /* @__PURE__ */ import_react54.default.createElement(
         "div",
         {
           style: {
@@ -10324,13 +10878,13 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react52.default.createElement("span", null, "No connected users")
+        /* @__PURE__ */ import_react54.default.createElement("span", null, "No connected users")
       ))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react52.default.createElement(TitleLabel, null, "Data", /* @__PURE__ */ import_react52.default.createElement(
+        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Data", /* @__PURE__ */ import_react54.default.createElement(
           ColoredDot,
           {
             type: multipeerStateInitialized ? "success" : "error"
@@ -10339,7 +10893,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         setOpen: setShowData,
         open: showData,
-        right: /* @__PURE__ */ import_react52.default.createElement(
+        right: /* @__PURE__ */ import_react54.default.createElement(
           "span",
           {
             style: {
@@ -10347,9 +10901,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               gap: "12px"
             }
           },
-          /* @__PURE__ */ import_react52.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
-          /* @__PURE__ */ import_react52.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
-          /* @__PURE__ */ import_react52.default.createElement(
+          /* @__PURE__ */ import_react54.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleImportAll }, "Import"),
+          /* @__PURE__ */ import_react54.default.createElement(StateInspectorButton, { theme: theme3, onClick: handleExportAll }, "Export"),
+          /* @__PURE__ */ import_react54.default.createElement(
             StateInspectorButton,
             {
               theme: theme3,
@@ -10361,14 +10915,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           )
         )
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
         themedObjectInspector,
         {
           name: multiplayerStateManager.schema ? "state" : void 0,
           data: state,
           theme: theme3
         }
-      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react52.default.createElement(
+      )), multiplayerStateManager.schema && /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
         themedObjectInspector,
         {
           name: "schema",
@@ -10377,7 +10931,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       )))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       HistorySection,
       {
         showHistory,
@@ -10387,14 +10941,29 @@ var StateInspector = memoGeneric(function StateInspector2({
         multiplayerStateManager
       }
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showAssets,
         setOpen: setShowAssets,
-        title: /* @__PURE__ */ import_react52.default.createElement(TitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react52.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Assets (", assets.length, ")", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: assetsInitialized ? "success" : "error" })),
         colorScheme,
-        right: /* @__PURE__ */ import_react52.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react52.default.createElement(
+        right: /* @__PURE__ */ import_react54.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react54.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            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__ */ import_react54.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -10407,7 +10976,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             }
           },
           "Reload"
-        ), /* @__PURE__ */ import_react52.default.createElement(
+        ), /* @__PURE__ */ import_react54.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -10431,7 +11000,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { name: asset.id, data: asset, theme: theme3 }), /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { name: asset.id, data: asset, theme: theme3 }), /* @__PURE__ */ import_react54.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -10440,14 +11009,98 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
+      StateInspectorDisclosureSection,
+      {
+        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
+        colorScheme,
+        open: showResources,
+        setOpen: setShowResources,
+        right: /* @__PURE__ */ import_react54.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react54.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            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__ */ import_react54.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: async () => {
+              const path2 = prompt("Enter directory path") || (0, import_noya_utils14.uuid)();
+              await resourceManager.createResource({
+                type: "directory",
+                path: path2
+              });
+            }
+          },
+          "Create Directory"
+        ), /* @__PURE__ */ import_react54.default.createElement(
+          StateInspectorButton,
+          {
+            theme: theme3,
+            onClick: async () => {
+              const file = await uploadFile();
+              resourceManager.createResource({
+                type: "asset",
+                path: file.name || (0, import_noya_utils14.uuid)(),
+                asset: {
+                  content: import_noya_utils14.Base64.encode(await file.arrayBuffer()),
+                  contentType: file.type,
+                  encoding: "base64"
+                }
+              });
+            }
+          },
+          "Create Asset"
+        ))
+      },
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, resources?.map((resource) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: resource.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+        themedObjectInspector,
+        {
+          name: resource.path,
+          data: resource,
+          theme: theme3
+        }
+      ), /* @__PURE__ */ import_react54.default.createElement("div", { style: { display: "flex", gap: "4px" } }, /* @__PURE__ */ import_react54.default.createElement(
+        StateInspectorButton,
+        {
+          theme: theme3,
+          onClick: () => resourceManager.deleteResource({ id: resource.id })
+        },
+        "Delete"
+      ), /* @__PURE__ */ import_react54.default.createElement(
+        StateInspectorButton,
+        {
+          theme: theme3,
+          onClick: () => {
+            const path2 = prompt("Enter new path", resource.path);
+            if (!path2) return;
+            resourceManager.updateResource({ id: resource.id, path: path2 });
+          }
+        },
+        "Rename"
+      )))))
+    ),
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
-        title: /* @__PURE__ */ import_react52.default.createElement(TitleLabel, null, "Secrets", /* @__PURE__ */ import_react52.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
         colorScheme,
         open: showSecrets,
         setOpen: setShowSecrets,
-        right: /* @__PURE__ */ import_react52.default.createElement(
+        right: /* @__PURE__ */ import_react54.default.createElement(
           StateInspectorButton,
           {
             theme: theme3,
@@ -10462,7 +11115,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Create"
         )
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, secrets.map((secret) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: secret.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { data: secret, theme: theme3 }), /* @__PURE__ */ import_react54.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -10472,15 +11125,15 @@ var StateInspector = memoGeneric(function StateInspector2({
       ))))
     ),
     " ",
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
         setOpen: setShowInputs,
-        title: /* @__PURE__ */ import_react52.default.createElement(TitleLabel, null, "Inputs", /* @__PURE__ */ import_react52.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
+        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Inputs", /* @__PURE__ */ import_react54.default.createElement(ColoredDot, { type: inputsInitialized ? "success" : "error" })),
         colorScheme
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, inputs?.map((input) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: input.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { data: input, theme: theme3 }))), !inputs?.length && /* @__PURE__ */ import_react54.default.createElement(
         "div",
         {
           style: {
@@ -10491,15 +11144,15 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react52.default.createElement("span", null, "No inputs")
+        /* @__PURE__ */ import_react54.default.createElement("span", null, "No inputs")
       ))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
         setOpen: setShowOutputTransforms,
-        title: /* @__PURE__ */ import_react52.default.createElement(TitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react52.default.createElement(
+        title: /* @__PURE__ */ import_react54.default.createElement(StateInspectorTitleLabel, null, "Output Transforms", /* @__PURE__ */ import_react54.default.createElement(
           ColoredDot,
           {
             type: outputTransformsInitialized ? "success" : "error"
@@ -10507,7 +11160,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )),
         colorScheme
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react52.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, outputTransforms?.map((transform) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: transform.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { data: transform, theme: theme3 }))), !outputTransforms?.length && /* @__PURE__ */ import_react54.default.createElement(
         "div",
         {
           style: {
@@ -10518,10 +11171,10 @@ var StateInspector = memoGeneric(function StateInspector2({
             gap: "4px"
           }
         },
-        /* @__PURE__ */ import_react52.default.createElement("span", null, "No output transforms")
+        /* @__PURE__ */ import_react54.default.createElement("span", null, "No output transforms")
       ))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -10529,7 +11182,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         open: showTasks,
         setOpen: setShowTasks
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, tasks?.map((task) => /* @__PURE__ */ import_react54.default.createElement(
         StateInspectorRow,
         {
           key: task.id,
@@ -10538,7 +11191,7 @@ var StateInspector = memoGeneric(function StateInspector2({
             backgroundColor: task.status === "done" ? "rgba(0,255,0,0.2)" : task.status === "error" ? "rgba(255,0,0,0.2)" : void 0
           }
         },
-        /* @__PURE__ */ import_react52.default.createElement(
+        /* @__PURE__ */ import_react54.default.createElement(
           themedObjectInspector,
           {
             name: task.name,
@@ -10548,7 +11201,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         )
       )))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       StateInspectorDisclosureSection,
       {
         open: showEphemeral,
@@ -10556,7 +11209,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         title: "Ephemeral User Data",
         colorScheme
       },
-      /* @__PURE__ */ import_react52.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ import_react52.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react52.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, Object.entries(ephemeral).map(([key, value]) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
         themedObjectInspector,
         {
           name: key,
@@ -10566,7 +11219,17 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
+      ActivityEventsSection,
+      {
+        colorScheme,
+        activityEventsContainerRef,
+        showEvents: showActivityEvents,
+        setShowEvents: setShowActivityEvents,
+        activityEventsManager
+      }
+    ),
+    /* @__PURE__ */ import_react54.default.createElement(
       EventsSection,
       {
         connectionEvents,
@@ -10578,13 +11241,10 @@ var StateInspector = memoGeneric(function StateInspector2({
     )
   );
 });
-function TitleLabel({ children }) {
-  return /* @__PURE__ */ import_react52.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: "4px" } }, children);
-}
 
 // ../noya-multiplayer-react/src/hooks.ts
 function useManagedHistory(stateManager) {
-  return (0, import_react54.useSyncExternalStore)(
+  return (0, import_react56.useSyncExternalStore)(
     stateManager.historyEmittor.addListener,
     stateManager.getHistorySnapshot,
     stateManager.getHistorySnapshot
@@ -10592,13 +11252,29 @@ function useManagedHistory(stateManager) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var AnyNoyaStateContext = (0, import_react56.createContext)(void 0);
-var ConnectedUsersContext = (0, import_react56.createContext)(void 0);
-var AnyEphemeralUserDataManagerContext = (0, import_react56.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react58.createContext)(void 0);
+var ConnectedUsersContext = (0, import_react58.createContext)(void 0);
+var AnyEphemeralUserDataManagerContext = (0, import_react58.createContext)(void 0);
+var emptyArray = [];
+function useActivityEventsForManager(streamFilter, activityEventsManager) {
+  const [streamId, setStreamId] = (0, import_react58.useState)(void 0);
+  const stableStreamFilter = useJsonMemo(streamFilter);
+  (0, import_react58.useEffect)(() => {
+    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 useObservable2(observable) ?? emptyArray;
+}
 
 // ../noya-multiplayer-react/src/components/UserPointersOverlay.tsx
-var import_observable17 = require("@noya-app/observable");
-var import_react58 = __toESM(require("react"));
+var import_observable19 = require("@noya-app/observable");
+var import_react60 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -10608,18 +11284,18 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react58.useMemo)(() => {
+  const observable = (0, import_react60.useMemo)(() => {
     const metadata$ = ephemeralUserDataManager.metadata$.observePath([user.id]).throttle(50);
     const data$ = ephemeralUserDataManager.data$.observePath([user.id]).throttle(50);
-    return import_observable17.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
+    return import_observable19.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
   }, [ephemeralUserDataManager, user.id]);
   const { metadata, data } = useObservable2(observable);
-  const [, setForceUpdate] = (0, import_react58.useState)(0);
+  const [, setForceUpdate] = (0, import_react60.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -10641,9 +11317,9 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 }) {
   const currentUserId = useObservable2(ephemeralUserDataManager.currentUserId$);
   const connectedUsers = useObservable2(connectedUsersManager.connectedUsers$);
-  return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, connectedUsers.map((user) => {
     if (user.id === currentUserId) return null;
-    return /* @__PURE__ */ import_react58.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       UserPointerInternal,
       {
         key: user.id,
@@ -10656,39 +11332,56 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 });
 
 // src/react/tableHooks.ts
-var import_react59 = require("react");
-function useFileListTable({ where, select }, options) {
-  const client = useNoyaClientOrFallback();
-  const stableSelect = (0, import_react59.useMemo)(() => {
+var import_observable_store = require("@noya-app/observable-store");
+var import_react61 = require("react");
+function useTable(table, {
+  where,
+  select
+}, options = {}) {
+  const stableSelect = (0, import_react61.useMemo)(() => {
     return JSON.stringify(select);
   }, [select]);
-  const observable = (0, import_react59.useMemo)(() => {
-    if (where?.id === null) {
-      return new import_noya_api3.RefetchableObservable({
+  const stableWhere = (0, import_react61.useMemo)(() => {
+    let cloneWithNoUndefined = {};
+    for (const [key, value] of Object.entries(where ?? {})) {
+      if (value !== void 0) {
+        cloneWithNoUndefined[key] = value;
+      }
+    }
+    return JSON.stringify(cloneWithNoUndefined);
+  }, [where]);
+  const observable = (0, import_react61.useMemo)(() => {
+    const parsedSelect = JSON.parse(stableSelect);
+    const parsedWhere = JSON.parse(stableWhere);
+    if (!table) {
+      return new import_observable_store.RefetchableObservable({
+        status: "idle",
+        data: []
+      });
+    }
+    if (parsedWhere?.id === null) {
+      return new import_observable_store.RefetchableObservable({
         status: "success",
         data: []
       });
     }
-    const parsedSelect = JSON.parse(stableSelect);
-    return client.fileList$.query(
+    return table.query(
       {
-        $where: { id: where?.id },
+        $where: parsedWhere,
         $select: parsedSelect
       },
       {
         policy: options.policy,
-        debug: options.debug
+        debug: options.debug,
+        autoStart: false
       }
     );
-  }, [
-    client.fileList$,
-    options.policy,
-    stableSelect,
-    where?.id,
-    options.debug
-  ]);
+  }, [stableSelect, stableWhere, table, options.policy, options.debug]);
+  (0, import_react61.useEffect)(() => {
+    observable.start?.();
+  }, [observable]);
   const { status, data } = useObservable2(observable);
-  return (0, import_react59.useMemo)(() => {
+  return (0, import_react61.useMemo)(() => {
     return {
       status,
       data,
@@ -10697,14 +11390,17 @@ function useFileListTable({ where, select }, options) {
   }, [status, data, observable]);
 }
 function useFileList(select, options = {}) {
-  return useFileListTable({ select }, options);
+  const client = useNoyaClientOrFallback();
+  return useTable(client.fileList$, { select }, options);
 }
 function useFileListItem(id, select, options = {}) {
-  const { status, data, refetch } = useFileListTable(
+  const client = useNoyaClientOrFallback();
+  const { status, data, refetch } = useTable(
+    client.fileList$,
     { where: { id: id ?? null }, select },
     options
   );
-  return (0, import_react59.useMemo)(() => {
+  return (0, import_react61.useMemo)(() => {
     return {
       data: data.at(0),
       status,
@@ -10712,9 +11408,41 @@ function useFileListItem(id, select, options = {}) {
     };
   }, [data, status, refetch]);
 }
+function useResourcesList(fileId, select, options = {}) {
+  const client = useNoyaClientOrFallback();
+  return useTable(
+    client.resources$,
+    { select, where: { accessibleByFileId: fileId } },
+    options
+  );
+}
+function useUser(id, select, options = {}) {
+  const client = useNoyaClientOrFallback();
+  const { status, data, refetch } = useTable(
+    client.users$,
+    { select, where: { id: id ?? null } },
+    options
+  );
+  return (0, import_react61.useMemo)(() => {
+    return {
+      status,
+      data: data.at(0),
+      refetch
+    };
+  }, [status, data, refetch]);
+}
+function useActivityEventsList(fileId, select, options = {}) {
+  const client = useNoyaClientOrFallback();
+  return useTable(
+    client.activityEvents$,
+    { select, where: { fileId } },
+    options
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NoyaAPIProvider,
+  useActivityEventsList,
   useFileList,
   useFileListItem,
   useGeneratedComponentDescription,
@@ -10726,6 +11454,7 @@ function useFileListItem(id, select, options = {}) {
   useMetadata,
   useNetworkRequests,
   useNoyaAssets,
+  useNoyaAssetsByFileVersionId,
   useNoyaBilling,
   useNoyaClient,
   useNoyaClientOrFallback,
@@ -10754,6 +11483,9 @@ function useFileListItem(id, select, options = {}) {
   useOptionalNoyaUserData,
   useRandomIcons,
   useRandomImages,
+  useResourcesList,
+  useTable,
+  useUser,
   ...require("@noya-app/noya-api")
 });
 //# sourceMappingURL=index.js.map