@powerhousedao/network-admin 0.0.17 → 0.0.18

package/dist/editors/network-admin/components/DriveExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AA4CA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAknBvC"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AA4BA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAigBvC"}

package/dist/editors/network-admin/components/DriveExplorer.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CreateDocumentModal, useDrop, } from "@powerhousedao/design-system";
+import { Button, CreateDocumentModal, } from "@powerhousedao/design-system";
 import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
-import { addDocument, setSelectedNode, useAllFolderNodes, useDocumentModelModules, useDriveContext, useDriveSharingType, useEditorModules, useFileChildNodes, useSelectedDrive, useSelectedFolder, useSelectedNodePath, useUserPermissions, useAllDocuments, dispatchActions, useSelectedDocument, } from "@powerhousedao/reactor-browser";
-import { twMerge } from "tailwind-merge";
+import { addDocument, setSelectedNode, useAllFolderNodes, useFileChildNodes, useSelectedDrive, useSelectedFolder, dispatchActions, useSelectedDocument, useSelectedDriveDocuments, renameNode, showDeleteNodeModal, useSelectedDriveId, } from "@powerhousedao/reactor-browser";
 import { useCallback, useRef, useState, useMemo, useEffect } from "react";
 import { EditorContainer } from "./EditorContainer.js";
 import { editWorkstream } from "../../../document-models/workstream/gen/creators.js";
@@ -18,20 +17,12 @@ export function DriveExplorer(props) {
     const [selectedRootNode, setSelectedRootNode] = useState("workstreams");
     const [modalDocumentType, setModalDocumentType] = useState("powerhouse/workstream");
     const selectedDocumentModel = useRef(null);
-    const editorModules = useEditorModules();
-    // Track the last created folder for drag and drop targeting
-    const [lastCreatedFolder, setLastCreatedFolder] = useState(undefined);
-    // === DRIVE CONTEXT HOOKS ===
-    // Core drive operations and document models
-    const { onAddFile, onAddFolder, onCopyNode, onDuplicateNode, onMoveNode, onRenameNode, showDeleteNodeModal, } = useDriveContext();
-    const { isAllowedToCreateDocuments } = useUserPermissions();
     // === STATE MANAGEMENT HOOKS ===
     // Core state hooks for drive navigation
     const [selectedDrive] = useSelectedDrive(); // Currently selected drive
     const selectedFolder = useSelectedFolder(); // Currently selected folder
-    const selectedNodePath = useSelectedNodePath();
-    const sharingType = useDriveSharingType(selectedDrive?.header.id);
-    const allDocuments = useAllDocuments();
+    const allDocuments = useSelectedDriveDocuments();
+    const selectedDriveId = useSelectedDriveId();
     // Listen to global selected document state (for external editors like Scope of Work)
     const [globalSelectedDocument] = useSelectedDocument();
     // All folders for the sidebar tree view
@@ -52,41 +43,13 @@ export function DriveExplorer(props) {
     // Check if current active document is a Scope of Work (should show in full view)
     const activeDoc = allDocuments?.find((doc) => doc.header.id === activeDocumentId);
     const isScopeOfWorkFullView = activeDoc?.header.documentType === "powerhouse/scopeofwork";
-    // Find the folder containing the most recent workstream document
-    const getMostRecentWorkstreamFolder = useCallback(() => {
-        const workstreamFiles = fileChildren.filter((file) => file.documentType === "powerhouse/workstream");
-        if (workstreamFiles.length === 0)
-            return undefined;
-        // Sort by creation time (assuming newer files have higher IDs or we can use a different method)
-        const mostRecentWorkstream = workstreamFiles[workstreamFiles.length - 1];
-        // Find the folder that contains this workstream
-        if (mostRecentWorkstream.parentFolder) {
-            return allFolders.find((folder) => folder.id === mostRecentWorkstream.parentFolder);
+    // rename node
+    const onRenameNode = async (nodeId, newName) => {
+        const renamedNode = await renameNode(selectedDriveId || "", nodeId, newName);
+        if (renamedNode) {
+            console.log("Renamed node", renamedNode);
         }
-        return undefined;
-    }, [fileChildren, allFolders]);
-    // === DROP HOOKS ===
-    const mostRecentWorkstreamFolder = getMostRecentWorkstreamFolder();
-    const dropTargetNode = lastCreatedFolder ||
-        mostRecentWorkstreamFolder ||
-        selectedFolder ||
-        undefined;
-    // Create a custom onAddFile wrapper that ensures the correct folder is used
-    const onAddFileWithTarget = useCallback((file, targetFolder) => {
-        console.log("onAddFileWithTarget called with:", {
-            file,
-            targetFolder,
-            dropTargetNode,
-        });
-        // Use the dropTargetNode as the folder, not the targetFolder parameter
-        return onAddFile(file, dropTargetNode);
-    }, [onAddFile, dropTargetNode]);
-    const { isDropTarget, dropProps } = useDrop({
-        node: dropTargetNode,
-        onAddFile: onAddFileWithTarget,
-        onCopyNode,
-        onMoveNode,
-    });
+    };
     // check if workstream doc is created, set isWorkstreamCreated to true
     const isWorkstreamCreated = networkAdminDocuments?.some((doc) => doc.header.documentType === "powerhouse/workstream") || false;
     //check if network profile doc is created, set isNetworkProfileCreated to true
@@ -141,8 +104,6 @@ export function DriveExplorer(props) {
     // Handle sidebar node selection
     const handleActiveNodeChange = useCallback((nodeId) => {
         console.log("nodeId", nodeId);
-        // Clear the last created folder when navigating to a different node
-        setLastCreatedFolder(undefined);
         // Find the node by ID
         const findNodeById = (nodes, id) => {
             for (const node of nodes) {
@@ -229,7 +190,7 @@ export function DriveExplorer(props) {
                                                                                     if (fileNode) {
                                                                                         setSelectedNode(fileNode);
                                                                                     }
-                                                                                }, className: "px-3 py-1.5 bg-blue-500 text-white rounded text-xs font-medium hover:bg-blue-600 transition-colors whitespace-nowrap", children: "Open" }), _jsx("button", { onClick: () => {
+                                                                                }, className: "px-3 py-1.5 bg-blue-500 text-white rounded text-xs font-medium hover:bg-blue-600 transition-colors whitespace-nowrap", children: "Open" }), _jsx("button", { onClick: async () => {
                                                                                     if (!fileNode || !fileNode.id)
                                                                                         return;
                                                                                     const newName = prompt("Enter new name:", document.header.name || "");
@@ -237,15 +198,15 @@ export function DriveExplorer(props) {
                                                                                         newName.trim() &&
                                                                                         newName !== document.header.name) {
                                                                                         try {
-                                                                                            onRenameNode(newName.trim(), fileNode);
+                                                                                            await onRenameNode(fileNode.id || "", newName.trim());
                                                                                         }
                                                                                         catch (error) {
-                                                                                            alert("Failed to rename document. Please try again.");
+                                                                                            console.error("Failed to rename document", error);
                                                                                         }
                                                                                     }
                                                                                 }, className: "px-3 py-1.5 bg-yellow-500 text-white rounded text-xs font-medium hover:bg-yellow-600 transition-colors whitespace-nowrap", children: "Edit" }), _jsx("button", { onClick: () => {
                                                                                     if (fileNode) {
-                                                                                        showDeleteNodeModal(fileNode);
+                                                                                        showDeleteNodeModal(fileNode.id || "");
                                                                                     }
                                                                                 }, className: "px-3 py-1.5 bg-red-500 text-white rounded text-xs font-medium hover:bg-red-600 transition-colors whitespace-nowrap", children: "Delete" })] }) })] }, document.header.id));
                                                     }) })] }) })] }))] }) }));
@@ -253,26 +214,6 @@ export function DriveExplorer(props) {
                 return _jsxs("div", { children: ["Unknown node type: ", nodeType] });
         }
     };
-    // Handle folder creation with optional name parameter
-    const handleCreateFolder = useCallback(async (folderName) => {
-        let name = folderName;
-        // If no name provided, prompt for it (for manual folder creation)
-        if (!name) {
-            const promptResult = prompt("Enter folder name:");
-            name = promptResult || undefined;
-        }
-        if (name?.trim()) {
-            try {
-                const createdFolder = await onAddFolder(name.trim(), selectedFolder);
-                // Track the created folder for drag and drop targeting
-                console.log("Created manual folder:", createdFolder);
-                setLastCreatedFolder(createdFolder);
-            }
-            catch (error) {
-                console.error("Failed to create folder:", error);
-            }
-        }
-    }, [onAddFolder, selectedFolder]);
     // Handle document creation from modal
     const onCreateDocument = useCallback(async (fileName) => {
         setOpenModal(false);
@@ -315,18 +256,6 @@ export function DriveExplorer(props) {
         selectedFolder?.id,
         modalDocumentType,
     ]);
-    // Filter available document types here if needed
-    const documentModelModules = useDocumentModelModules();
-    // Get active document and its editor components
-    const activeDocument = activeDocumentId
-        ? fileChildren.find((file) => file.id === activeDocumentId)
-        : undefined;
-    const documentModelModule = activeDocument
-        ? documentModelModules?.find((m) => m.documentModel.id === activeDocument.documentType)
-        : null;
-    const editorModule = activeDocument
-        ? editorModules?.find((e) => e.documentTypes.includes(activeDocument.documentType))
-        : null;
     // === RENDER ===
     return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: isScopeOfWorkFullView && activeDocumentId ? (_jsx("div", { className: "h-full w-full", children: _jsx(EditorContainer, { handleClose: () => {
                     setActiveDocumentId(undefined);
@@ -338,5 +267,5 @@ export function DriveExplorer(props) {
             `, nodes: sidebarNodes, activeNodeId: selectedFolder?.id || activeDocumentId, onActiveNodeChange: (node) => handleActiveNodeChange(node.id), sidebarTitle: "Network Admin", showSearchBar: true, allowPinning: true, resizable: true, initialWidth: 300, maxWidth: 500, enableMacros: 2, handleOnTitleClick: () => {
                         setActiveDocumentId(undefined);
                         setSelectedRootNode("workstreams");
-                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { ...dropProps, className: twMerge("rounded-md border-2 border-transparent ", isDropTarget && "border-dashed border-blue-100"), children: activeDocumentId ? (_jsx(EditorContainer, { handleClose: () => setActiveDocumentId(undefined), hideToolbar: false, activeDocumentId: activeDocumentId, setActiveDocumentId: setActiveDocumentId })) : (displayActiveNode(selectedFolder?.id || selectedRootNode)) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] })) }));
+                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "h-full", children: activeDocumentId ? (_jsx(EditorContainer, { handleClose: () => setActiveDocumentId(undefined), hideToolbar: false, activeDocumentId: activeDocumentId, setActiveDocumentId: setActiveDocumentId })) : (displayActiveNode(selectedFolder?.id || selectedRootNode)) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] })) }));
 }

package/dist/editors/network-admin/components/EditorContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/EditorContainer.tsx"],"names":[],"mappings":"AAyBA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,4CAgMA,CAAC"}
+{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/EditorContainer.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,4CAgMA,CAAC"}

package/dist/editors/network-admin/editor.d.ts

@@ -1,10 +1,15 @@
+import { type DriveEditorProps } from "@powerhousedao/reactor-browser";
+export type IProps = DriveEditorProps & {
+    context?: any;
+    document?: any;
+};
 /**
  * Base editor component that renders the drive explorer interface.
  * Customize document opening behavior and drive-level actions here.
  */
-export declare function BaseEditor(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function BaseEditor(props: IProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Main editor entry point with required providers.
  */
-export default function Editor(props: any): import("react/jsx-runtime").JSX.Element;
+export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/network-admin/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/editor.tsx"],"names":[],"mappings":"AASA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,2CAOpC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAaxC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,gCAAgC,CAAC;AAIxC,MAAM,MAAM,MAAM,GAAG,gBAAgB,GAAG;IACtC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,2CAOvC;AAKD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAW3C"}

package/dist/editors/network-admin/editor.js

@@ -1,15 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { WagmiContext } from "@powerhousedao/design-system";
-import { AnalyticsProvider, DriveContextProvider, useAppConfig, } from "@powerhousedao/reactor-browser";
+import { AnalyticsProvider, useAppConfig, } from "@powerhousedao/reactor-browser";
 import { DriveExplorer } from "./components/DriveExplorer.js";
+import { withDropZone } from "./utils/withDropZone.js";
 /**
  * Base editor component that renders the drive explorer interface.
  * Customize document opening behavior and drive-level actions here.
  */
 export function BaseEditor(props) {
     const { context, document } = props;
-    return (_jsx("div", { className: "h-full w-full", children: _jsx(DriveExplorer, { document: document, context: context }) }));
+    return (_jsx("div", { style: { height: "100%" }, children: _jsx(DriveExplorer, { document: document, context: context }) }));
 }
+// Wrap base editor with drop zone functionality
+const BaseEditorWithDropZone = withDropZone(BaseEditor);
 /**
  * Main editor entry point with required providers.
  */
@@ -18,5 +21,5 @@ export default function Editor(props) {
     const analyticsDatabaseName = appConfig?.analyticsDatabaseName;
     return (
     // Required context providers for drive functionality
-    _jsx(DriveContextProvider, { value: props.context, children: _jsx(WagmiContext, { children: _jsx(AnalyticsProvider, { databaseName: analyticsDatabaseName, children: _jsx(BaseEditor, { ...props }) }) }) }));
+    _jsx(WagmiContext, { children: _jsx(AnalyticsProvider, { databaseName: analyticsDatabaseName, children: _jsx(BaseEditorWithDropZone, { ...props }) }) }));
 }

package/dist/editors/network-admin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE,eAAO,MAAM,MAAM,EAAE,iBASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE,eAAO,MAAM,MAAM,EAAE,iBAoBpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/editors/network-admin/index.js

@@ -7,6 +7,17 @@ export const module = {
         disableExternalControls: true,
         documentToolbarEnabled: true,
         showSwitchboardLink: true,
+        documentTypes: [
+            // List all document types that can be dropped
+            "powerhouse/network-profile",
+            "powerhouse/workstream",
+            "powerhouse/scopeofwork",
+            "powerhouse/rfp",
+            "payment-terms",
+        ],
+        dragAndDrop: {
+            enabled: true, // Enable drag-and-drop functionality
+        },
     },
 };
 export default module;

package/dist/editors/network-admin/utils/withDropZone.d.ts

@@ -0,0 +1,4 @@
+import type { DriveEditorProps } from "@powerhousedao/reactor-browser";
+import type { ComponentType } from "react";
+export declare function withDropZone<T extends DriveEditorProps>(WrappedComponent: ComponentType<T>): ComponentType<T>;
+//# sourceMappingURL=withDropZone.d.ts.map

package/dist/editors/network-admin/utils/withDropZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDropZone.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/utils/withDropZone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,gBAAgB,EAEjB,MAAM,gCAAgC,CAAC;AAMxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,wBAAgB,YAAY,CAAC,CAAC,SAAS,gBAAgB,EACrD,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,GACjC,aAAa,CAAC,CAAC,CAAC,CAqClB"}

package/dist/editors/network-admin/utils/withDropZone.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DropZone } from "@powerhousedao/design-system";
+import { setSelectedNode, useOnDropFile, useSelectedDriveId, } from "@powerhousedao/reactor-browser";
+export function withDropZone(WrappedComponent) {
+    const WithDropZoneComponent = (props) => {
+        const driveId = useSelectedDriveId();
+        const onDropFile = useOnDropFile(props.editorConfig?.documentTypes);
+        const onAddFile = async (file, parent, onProgress, resolveConflict) => {
+            return await onDropFile(file, onProgress, resolveConflict);
+        };
+        // Only wrap with DropZone if enabled in config
+        if (props.editorConfig?.dragAndDrop?.enabled) {
+            return (_jsx(DropZone, { onAddFile: onAddFile, setSelectedNode: setSelectedNode, driveId: driveId, useLocalStorage: true, style: { height: "100%" }, children: _jsx(WrappedComponent, { ...props }) }));
+        }
+        return _jsx(WrappedComponent, { ...props });
+    };
+    WithDropZoneComponent.displayName = `withDropZone(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+    return WithDropZoneComponent;
+}

package/dist/style.css

@@ -372,9 +372,6 @@
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
-  .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
-  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -656,9 +653,6 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
-  .border-blue-100 {
-    border-color: var(--color-blue-100);
-  }
   .border-blue-700 {
     border-color: var(--color-blue-700);
   }
@@ -677,9 +671,6 @@
   .border-red-700 {
     border-color: var(--color-red-700);
   }
-  .border-transparent {
-    border-color: transparent;
-  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -758,9 +749,6 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
-  .py-1 {
-    padding-block: calc(var(--spacing) * 1);
-  }
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
@@ -975,13 +963,6 @@
       }
     }
   }
-  .hover\:bg-gray-100 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-100);
-      }
-    }
-  }
   .hover\:bg-gray-200 {
     &:hover {
       @media (hover: hover) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/network-admin",
   "description": "Network Admin package for Powerhouse",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -55,13 +55,13 @@
     "service-unstartup": "bash ./node_modules/@powerhousedao/ph-cli/dist/scripts/service-unstartup.sh"
   },
   "dependencies": {
-    "@powerhousedao/builder-tools": "^5.0.0-staging.19",
-    "@powerhousedao/common": "^5.0.0-staging.19",
-    "@powerhousedao/design-system": "^5.0.0-staging.19",
+    "@powerhousedao/builder-tools": "^5.0.0-staging.21",
+    "@powerhousedao/common": "^5.0.0-staging.21",
+    "@powerhousedao/design-system": "^5.0.0-staging.21",
     "@powerhousedao/document-engineering": "^1.38.0",
-    "@powerhousedao/project-management": "0.0.39",
+    "@powerhousedao/project-management": "0.0.40",
     "@uiw/react-md-editor": "^4.0.8",
-    "document-model": "^5.0.0-staging.19",
+    "document-model": "^5.0.0-staging.21",
     "error": "^10.4.0",
     "graphql": "^16.10.0",
     "graphql-tag": "^2.12.6",
@@ -73,19 +73,19 @@
     "@electric-sql/pglite": "^0.2.12",
     "@eslint/js": "^9.25.0",
     "@powerhousedao/analytics-engine-core": "^0.5.0",
-    "@powerhousedao/codegen": "^5.0.0-staging.19",
-    "@powerhousedao/ph-cli": "^5.0.0-staging.19",
-    "@powerhousedao/reactor-api": "^5.0.0-staging.19",
-    "@powerhousedao/reactor-browser": "^5.0.0-staging.19",
-    "@powerhousedao/reactor-local": "^5.0.0-staging.19",
+    "@powerhousedao/codegen": "^5.0.0-staging.21",
+    "@powerhousedao/ph-cli": "^5.0.0-staging.21",
+    "@powerhousedao/reactor-api": "^5.0.0-staging.21",
+    "@powerhousedao/reactor-browser": "^5.0.0-staging.21",
+    "@powerhousedao/reactor-local": "^5.0.0-staging.21",
     "@powerhousedao/scalars": "^1.33.1-staging.5",
-    "@powerhousedao/switchboard": "^5.0.0-staging.19",
+    "@powerhousedao/switchboard": "^5.0.0-staging.21",
     "@tailwindcss/cli": "^4.1.4",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^22.14.1",
     "@types/react": "^18.3.20",
     "@vitejs/plugin-react": "^4.4.1",
-    "document-drive": "^5.0.0-staging.19",
+    "document-drive": "^5.0.0-staging.21",
     "eslint": "^9.25.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",