@powerhousedao/network-admin 0.0.36 → 0.0.37

package/dist/document-models/workstream/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../document-models/workstream/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,KAAK;;;;;;CAAkC,CAAC;AAC9C,QAAA,MAAM,OAAO;qBALc,mDACb;qBAI+B,mDAEjC;4BAO2B,0DAEnB;wBAEiJ,sDAA6B;2BAAuM,yDAAgC;0BAlBha,wDACR;6BAIuD,2DAEzB;8BAU/B,4DACG;gCAA8N,8DAAwC;;eAA06L,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CAbvmN,CAAC;AAEzD,eAAO,MAAM,MAAM,EAAE,mBAAmB,CAAC,iBAAiB,CAKzD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAElD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../document-models/workstream/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,QAAA,MAAM,KAAK;;;;;;;;CAAkC,CAAC;AAC9C,QAAA,MAAM,OAAO;qBAJ8B,mDACrB;qBAKY,mDAA0B;4BAWzC,0DAAiC;wBAAiN,sDAA6B;2BAAuM,yDAAgC;0BAjBhf,wDAChB;6BAKoC,2DAEzC;8BAS4D,4DAAmC;gCAA8N,8DAAwC;CAbjT,CAAC;AAEzD,eAAO,MAAM,MAAM,EAAE,mBAAmB,CAAC,iBAAiB,CAKzD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAElD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/document-models/workstream/index.js

@@ -2,20 +2,19 @@
  * This is a scaffold file meant for customization.
  * Delete the file and run the code generator again to have it reset
  */
-import { createState, baseActions, } from "document-model";
-import { defaultBaseState } from "document-model/core";
+import { actions as BaseActions, } from "document-model";
 import { actions as WorkstreamActions } from "./gen/index.js";
 import { reducer } from "./gen/reducer.js";
 import { documentModel } from "./gen/document-model.js";
 import genUtils from "./gen/utils.js";
 import * as customUtils from "./src/utils.js";
 const utils = { ...genUtils, ...customUtils };
-const actions = { ...baseActions, ...WorkstreamActions };
+const actions = { ...BaseActions, ...WorkstreamActions };
 export const module = {
     reducer,
     actions,
     utils,
-    documentModel: createState(defaultBaseState(), documentModel),
+    documentModel,
 };
 export { reducer, actions, utils, documentModel };
 export * from "./gen/types.js";

package/dist/document-models/workstream/ph-factories.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Factory methods for creating WorkstreamDocument instances
+ */
+import { type PHAuthState, type PHDocumentState, type PHBaseState } from "document-model";
+import type { WorkstreamDocument, WorkstreamLocalState, WorkstreamState } from "./gen/types.js";
+export declare function defaultGlobalState(): WorkstreamState;
+export declare function defaultLocalState(): WorkstreamLocalState;
+export declare function defaultPHState(): WorkstreamPHState;
+export declare function createGlobalState(state?: Partial<WorkstreamState>): WorkstreamState;
+export declare function createLocalState(state?: Partial<WorkstreamLocalState>): WorkstreamLocalState;
+export declare function createState(baseState?: Partial<PHBaseState>, globalState?: Partial<WorkstreamState>, localState?: Partial<WorkstreamLocalState>): WorkstreamPHState;
+export type WorkstreamPHState = PHBaseState & {
+    global: WorkstreamState;
+    local: WorkstreamLocalState;
+};
+/**
+ * Creates a WorkstreamDocument with custom global and local state
+ * This properly handles the PHBaseState requirements while allowing
+ * document-specific state to be set.
+ */
+export declare function createWorkstreamDocument(state?: Partial<{
+    auth?: Partial<PHAuthState>;
+    document?: Partial<PHDocumentState>;
+    global?: Partial<WorkstreamState>;
+    local?: Partial<WorkstreamLocalState>;
+}>): WorkstreamDocument;
+//# sourceMappingURL=ph-factories.d.ts.map

package/dist/document-models/workstream/ph-factories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ph-factories.d.ts","sourceRoot":"","sources":["../../../document-models/workstream/ph-factories.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EAChB,MAAM,gBAAgB,CAAC;AAGxB,wBAAgB,kBAAkB,IAAI,eAAe,CAapD;AAED,wBAAgB,iBAAiB,IAAI,oBAAoB,CAExD;AAED,wBAAgB,cAAc,IAAI,iBAAiB,CAMlD;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAC/B,eAAe,CAKjB;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACpC,oBAAoB,CAKtB;AAED,wBAAgB,WAAW,CACzB,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,EAChC,WAAW,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACtC,UAAU,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACzC,iBAAiB,CAMnB;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACvC,CAAC,GACD,kBAAkB,CAYpB"}

package/dist/document-models/workstream/ph-factories.js

@@ -0,0 +1,59 @@
+/**
+ * Factory methods for creating WorkstreamDocument instances
+ */
+import { createBaseState, defaultBaseState, } from "document-model";
+import { createDocument } from "./gen/utils.js";
+export function defaultGlobalState() {
+    return {
+        code: null,
+        title: null,
+        status: "RFP_DRAFT",
+        client: null,
+        rfp: null,
+        initialProposal: null,
+        alternativeProposals: [],
+        sow: null,
+        paymentTerms: null,
+        paymentRequests: [],
+    };
+}
+export function defaultLocalState() {
+    return {};
+}
+export function defaultPHState() {
+    return {
+        ...defaultBaseState(),
+        global: defaultGlobalState(),
+        local: defaultLocalState(),
+    };
+}
+export function createGlobalState(state) {
+    return {
+        ...defaultGlobalState(),
+        ...(state || {}),
+    };
+}
+export function createLocalState(state) {
+    return {
+        ...defaultLocalState(),
+        ...(state || {}),
+    };
+}
+export function createState(baseState, globalState, localState) {
+    return {
+        ...createBaseState(baseState?.auth, baseState?.document),
+        global: createGlobalState(globalState),
+        local: createLocalState(localState),
+    };
+}
+/**
+ * Creates a WorkstreamDocument with custom global and local state
+ * This properly handles the PHBaseState requirements while allowing
+ * document-specific state to be set.
+ */
+export function createWorkstreamDocument(state) {
+    const document = createDocument(state
+        ? createState(createBaseState(state.auth, state.document), state.global, state.local)
+        : undefined);
+    return document;
+}

package/dist/document-models/workstream/src/tests/document-model.test.js

@@ -2,7 +2,7 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { describe, it, expect, beforeEach } from "vitest";
+import { describe, it, expect } from "vitest";
 import utils, { initialGlobalState, initialLocalState, } from "../../gen/utils.js";
 describe("Workstream Document Model", () => {
     it("should create a new Workstream document", () => {

package/dist/document-models/workstream/src/tests/proposals-reducers.test.js

@@ -2,9 +2,7 @@
  * Comprehensive tests for Proposals reducers
  */
 import { describe, it, expect, beforeEach } from "vitest";
-import { generateMock } from "@powerhousedao/codegen";
 import utils from "../../gen/utils.js";
-import { z, } from "../../gen/schema/index.js";
 import { reducer } from "../../gen/reducer.js";
 import * as creators from "../../gen/proposals/creators.js";
 describe("Proposals Reducers - State Changes", () => {

package/dist/document-models/workstream/src/tests/workstream-reducers.test.js

@@ -2,9 +2,7 @@
  * Comprehensive tests for Workstream reducers
  */
 import { describe, it, expect, beforeEach } from "vitest";
-import { generateMock } from "@powerhousedao/codegen";
 import utils from "../../gen/utils.js";
-import { z, } from "../../gen/schema/index.js";
 import { reducer } from "../../gen/reducer.js";
 import * as creators from "../../gen/workstream/creators.js";
 describe("Workstream Reducers - State Changes", () => {

package/dist/editors/index.d.ts

@@ -1,7 +1,7 @@
 export {};
 export { module as Workstream } from "./workstream/index.js";
+export { module as NetworkAdminDriveExplorer } from "./network-admin/index.js";
 export { module as RequestForProposals } from "./request-for-proposals/index.js";
 export { module as PaymentTerms } from "./payment-terms/index.js";
 export { module as NetworkProfile } from "./network-profile/index.js";
-export { module as NetworkAdmin } from "./network-admin/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC;AACV,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,CAAC;AACX,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/editors/index.js

@@ -1,6 +1,5 @@
-export {};
 export { module as Workstream } from "./workstream/index.js";
+export { module as NetworkAdminDriveExplorer } from "./network-admin/index.js";
 export { module as RequestForProposals } from "./request-for-proposals/index.js";
 export { module as PaymentTerms } from "./payment-terms/index.js";
 export { module as NetworkProfile } from "./network-profile/index.js";
-export { module as NetworkAdmin } from "./network-admin/index.js";

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

@@ -1,7 +1,8 @@
-import type { EditorProps } from "document-model";
-/**
+/**1
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */
-export declare function DriveExplorer(props: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function DriveExplorer(props: {
+    children?: any;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DriveExplorer.d.ts.map

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":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2BlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,2CAymB/C"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAiDA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,2CAqnBtD"}

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

@@ -1,16 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, useCallback, useRef } from "react";
-import { Sidebar, SidebarProvider, Button, } from "@powerhousedao/document-engineering";
-import { setSelectedNode, isFileNodeKind, isFolderNodeKind, useNodesInSelectedDriveOrFolder, useSelectedDrive, useSelectedFolder, useUserPermissions, useDocumentsInSelectedDrive, useFileNodesInSelectedDrive, useNodeActions, useSelectedDocument, showDeleteNodeModal, addDocument, showCreateDocumentModal, } from "@powerhousedao/reactor-browser";
-import {} from "document-drive";
-import {} from "document-model";
+import { Button, CreateDocumentModal } from "@powerhousedao/design-system";
+import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
+import { addDocument, setSelectedNode, useAllFolderNodes, useFileChildNodes, useSelectedDrive, useSelectedFolder, dispatchActions, useSelectedDocument, useSelectedDriveDocuments, showDeleteNodeModal, useNodeActions, } from "@powerhousedao/reactor-browser";
+import { useCallback, useRef, useState, useMemo, useEffect } from "react";
+import { editClientInfo, editWorkstream, } from "../../../document-models/workstream/gen/creators.js";
 import { PaymentIcon } from "./icons/PaymentIcon.js";
 import { RfpIcon } from "./icons/RfpIcon.js";
 import { SowIcon } from "./icons/SowIcon.js";
 import { WorkstreamIcon } from "./icons/WorkstreamIcon.js";
 import { Earth } from "lucide-react";
-import { CreateDocument } from "./CreateDocument.js";
-import { FolderTree } from "./FolderTree.js";
 const WorkstreamStatusEnums = [
     "RFP_DRAFT",
     "PREWORK_RFC",
@@ -22,13 +20,11 @@ const WorkstreamStatusEnums = [
     "IN_PROGRESS",
     "FINISHED",
 ];
-/**
+/**1
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */
 export function DriveExplorer(props) {
-    const { children } = props;
-    const { isAllowedToCreateDocuments } = useUserPermissions();
     // === DOCUMENT EDITOR STATE ===
     const [activeSidebarNodeId, setActiveSidebarNodeId] = useState("workstreams");
     const [openModal, setOpenModal] = useState(false);
@@ -39,11 +35,13 @@ export function DriveExplorer(props) {
     // Core state hooks for drive navigation
     const [selectedDrive] = useSelectedDrive(); // Currently selected drive
     const selectedFolder = useSelectedFolder(); // Currently selected folder
-    const allDocuments = useDocumentsInSelectedDrive();
-    const fileChildren = useFileNodesInSelectedDrive();
+    const allDocuments = useSelectedDriveDocuments();
     const { onRenameNode } = useNodeActions();
     // Listen to global selected document state (for external editors like Scope of Work)
     const [globalSelectedDocument] = useSelectedDocument();
+    // All folders for the sidebar tree view
+    const allFolders = useAllFolderNodes();
+    const fileChildren = useFileChildNodes();
     const networkAdminDocuments = allDocuments?.filter((doc) => doc.header.documentType === "powerhouse/network-profile" ||
         doc.header.documentType === "powerhouse/workstream" ||
         doc.header.documentType === "powerhouse/scopeofwork" ||
@@ -233,7 +231,7 @@ export function DriveExplorer(props) {
             const fileId = newNode.id.replace("editor-", "");
             setSelectedNode(fileId);
         }
-    }, [setSelectedNode, sidebarNodes]);
+    }, [allFolders, fileChildren, setSelectedNode, sidebarNodes]);
     // === EVENT HANDLERS ===
     // Display function that switches views based on active node ID
     const displayActiveNode = (activeNodeId) => {
@@ -250,6 +248,21 @@ export function DriveExplorer(props) {
             nodeType = "file";
             actualId = activeNodeId.replace("editor-", "");
         }
+        else {
+            // Check if it's a folder
+            const folder = allFolders.find((f) => f.id === activeNodeId);
+            if (folder) {
+                nodeType = "folder";
+            }
+            else {
+                // Check if it's a file (direct ID)
+                const file = fileChildren.find((f) => f.id === activeNodeId);
+                if (file) {
+                    nodeType = "file";
+                    actualId = activeNodeId; // Use the ID as-is for files
+                }
+            }
+        }
         const networkProfileDoc = networkAdminDocuments?.find((doc) => doc.header.documentType === "powerhouse/network-profile");
         switch (nodeType) {
             case "workstreams":
@@ -258,15 +271,13 @@ export function DriveExplorer(props) {
                                                                 : category.toLowerCase() === "defi"
                                                                     ? "bg-blue-600/30 text-blue-600 border-blue-600/70"
                                                                     : "bg-gray-500/30 text-gray-500 border-gray-500/70"}`, children: category }, category))) })] }), _jsx("p", { className: "mt-4", children: networkProfileDoc?.state.global.description })] })), _jsxs("div", { className: "flex flex-wrap gap-3 justify-center", children: [_jsx(Button, { color: "dark" // Customize button appearance
-                                                , size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Workstream Document", "aria-description": "Create Workstream Document", onClick: () => {
-                                                    // setModalDocumentType("powerhouse/workstream");
-                                                    // setOpenModal(true);
-                                                    showCreateDocumentModal("powerhouse/workstream");
+                                                , size: "medium", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Workstream Document", "aria-description": "Create Workstream Document", onClick: () => {
+                                                    setModalDocumentType("powerhouse/workstream");
+                                                    setOpenModal(true);
                                                 }, disabled: !isNetworkProfileCreated, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(WorkstreamIcon, { className: "w-7 h-7 text-white" }), "Create Workstream Document"] }) }), _jsx(Button, { color: "dark" // Customize button appearance
-                                                , size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Network Profile Document", "aria-description": "Create Network Profile Document", onClick: () => {
-                                                    // setModalDocumentType("powerhouse/network-profile");
-                                                    // setOpenModal(true);
-                                                    showCreateDocumentModal("powerhouse/network-profile");
+                                                , size: "medium", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Network Profile Document", "aria-description": "Create Network Profile Document", onClick: () => {
+                                                    setModalDocumentType("powerhouse/network-profile");
+                                                    setOpenModal(true);
                                                 }, disabled: isNetworkProfileCreated, children: _jsx("span", { className: "flex items-center gap-2", children: "Create Network Profile Document" }) })] })] }), networkAdminDocuments && networkAdminDocuments.length > 0 && (_jsxs("div", { className: "w-full", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-gray-700", children: "\uD83D\uDCC4 Documents" }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200 shadow-sm", children: _jsxs("table", { className: "w-full bg-white", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Name" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Type" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Actions" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: networkAdminDocuments.map((document) => {
                                                         // Find the corresponding file node for actions
                                                         const fileNode = fileChildren?.find((file) => file.id === document.header.id);
@@ -317,18 +328,16 @@ export function DriveExplorer(props) {
                 return;
             }
             if (documentType === "powerhouse/workstream") {
-                // const networkProfileDoc = networkAdminDocuments?.find(
-                //   (doc) => doc.header.documentType === "powerhouse/network-profile"
-                // ) as NetworkProfileDocument | undefined;
-                // const actionsToDispatch = [
-                //   editWorkstream({ title: fileName }),
-                //   editClientInfo({
-                //     clientId: networkProfileDoc?.header.id || "",
-                //     name: networkProfileDoc?.state.global.name || "",
-                //     icon: networkProfileDoc?.state.global.icon || "",
-                //   }),
-                // ];
-                // await dispatchActions(actionsToDispatch, node.id);
+                const networkProfileDoc = networkAdminDocuments?.find((doc) => doc.header.documentType === "powerhouse/network-profile");
+                const actionsToDispatch = [
+                    editWorkstream({ title: fileName }),
+                    editClientInfo({
+                        clientId: networkProfileDoc?.header.id || "",
+                        name: networkProfileDoc?.state.global.name || "",
+                        icon: networkProfileDoc?.state.global.icon || "",
+                    }),
+                ];
+                await dispatchActions(actionsToDispatch, node.id);
             }
             selectedDocumentModel.current = null;
             console.log("Created document node", node);
@@ -357,5 +366,5 @@ export function DriveExplorer(props) {
                         setActiveSidebarNodeId("workstreams");
                         setSelectedRootNode("workstreams");
                     } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "h-full", children: props.children ||
-                            displayActiveNode(selectedFolder?.id || selectedRootNode) }) })] })) }));
+                            displayActiveNode(selectedFolder?.id || selectedRootNode) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] })) }));
 }

package/dist/editors/network-admin/components/icons/PaymentIcon.d.ts

@@ -1,3 +1,3 @@
-import type React from "react";
+import React from "react";
 export declare const PaymentIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=PaymentIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/PaymentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAe/D,CAAC"}
+{"version":3,"file":"PaymentIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/PaymentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAe/D,CAAC"}

package/dist/editors/network-admin/components/icons/RfpIcon.d.ts

@@ -1,3 +1,3 @@
-import type React from "react";
+import React from "react";
 export declare const RfpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=RfpIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RfpIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/RfpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAK3D,CAAC"}
+{"version":3,"file":"RfpIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/RfpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAK3D,CAAC"}

package/dist/editors/network-admin/components/icons/SowIcon.d.ts

@@ -1,3 +1,3 @@
-import type React from "react";
+import React from "react";
 export declare const SowIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=SowIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SowIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/SowIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAI3D,CAAC"}
+{"version":3,"file":"SowIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/SowIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAI3D,CAAC"}

package/dist/editors/network-admin/components/icons/WorkstreamIcon.d.ts

@@ -1,3 +1,3 @@
-import type React from "react";
+import React from "react";
 export declare const WorkstreamIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=WorkstreamIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkstreamIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/WorkstreamIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAWlE,CAAC"}
+{"version":3,"file":"WorkstreamIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/WorkstreamIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAWlE,CAAC"}

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

@@ -1,3 +1,4 @@
-import type { EditorProps } from "document-model";
-export declare function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare const Editor: import("react").ComponentType<{
+    children?: any;
+}>;
 //# 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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAGxC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/editor.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;EAA8B,CAAC"}

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

@@ -1,8 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSetPHDriveEditorConfig } from "@powerhousedao/reactor-browser";
+import { withDropZone } from "@powerhousedao/design-system";
 import { DriveExplorer } from "./components/DriveExplorer.js";
-import { editorConfig } from "./config.js";
-export function Editor(props) {
-    useSetPHDriveEditorConfig(editorConfig);
-    return _jsx(DriveExplorer, { ...props });
-}
+export const Editor = withDropZone(DriveExplorer);

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

@@ -1,3 +1,3 @@
-import { type EditorModule } from "document-model";
-export declare const module: EditorModule;
+import { type DriveEditorModule } from "@powerhousedao/reactor-browser";
+export declare const module: DriveEditorModule;
 //# sourceMappingURL=index.d.ts.map

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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YAOpB,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"}

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

@@ -1,10 +1,22 @@
-import {} from "document-model";
 import { Editor } from "./editor.js";
 export const module = {
     Component: Editor,
     documentTypes: ["powerhouse/document-drive"],
     config: {
         id: "network-admin",
-        name: "Network Admin Editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+        documentTypes: [
+            // List all document types that can be dropped
+            "powerhouse/network-profile",
+            "powerhouse/workstream",
+            "powerhouse/scopeofwork",
+            "payment-terms",
+            "powerhouse/rfp",
+        ],
+        dragAndDrop: {
+            enabled: true, // Enable drag-and-drop functionality
+        },
     },
 };

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/editors/network-profile/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAoBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AA8MjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CAqP7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAelD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AA8MjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA4O7B"}

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

@@ -4,8 +4,6 @@ import { toast, ToastContainer } from "@powerhousedao/design-system";
 import { actions, } from "../../document-models/network-profile/index.js";
 import { useCallback, useState, useEffect } from "react";
 import { useSelectedNetworkProfileDocument } from "../hooks/useNetworkProfileDocument.js";
-import { DocumentToolbar } from "@powerhousedao/design-system";
-import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
 // Category options for the dropdown
 const categoryOptions = [
     { value: "DEFI", label: "DeFi" },
@@ -128,39 +126,33 @@ export default function Editor() {
         }
         dispatch(action);
     }, [dispatch]);
-    // Get the parent folder node for the currently selected node
-    const parentFolder = useParentFolderForSelectedNode();
-    // Set the selected node to the parent folder node (close the editor)
-    function handleClose() {
-        setSelectedNode(parentFolder?.id);
-    }
-    return (_jsxs("div", { className: "w-full bg-gray-50 min-h-screen", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Network Profile" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Network Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
-                                                if (e.target.value !== state?.name) {
-                                                    handleFieldChange("name", e.target.value);
-                                                }
-                                            }, placeholder: "Enter network name" })] }), _jsx(ImageUrlInput, { label: "Icon:", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "PowerhouseIcon.jpg", fileSize: "200KB" }), _jsx(ImageUrlInput, { label: "Logo:", value: state?.logo || "", onChange: (value) => handleFieldChange("logo", value), placeholder: "PowerhouseLogo.jpg", fileSize: "2MB" }), _jsx(ImageUrlInput, { label: "Large Logo:", value: state?.logoBig || "", onChange: (value) => handleFieldChange("logoBig", value), placeholder: "LargeLogo.jpg", fileSize: "10MB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Website:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.website || "", onBlur: (e) => {
-                                                const value = e.target.value || null;
-                                                if (value !== state?.website) {
-                                                    handleFieldChange("website", value);
-                                                }
-                                            }, placeholder: "Enter website URL" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
-                                                if (e.target.value !== state?.description) {
-                                                    handleFieldChange("description", e.target.value);
-                                                }
-                                            }, placeholder: "Enter network description", rows: 4 })] }), _jsx("div", { children: _jsx(Select, { label: "Category:", options: categoryOptions, value: state?.category?.[0] || undefined, onChange: (value) => handleFieldChange("category", [value]) }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "Social Media Links" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "X Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.x || "", onBlur: (e) => {
-                                                        const value = e.target.value || null;
-                                                        if (value !== state?.x) {
-                                                            handleFieldChange("x", value);
-                                                        }
-                                                    }, placeholder: "https://x.com/YourHandle" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Discord Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.discord || "", onBlur: (e) => {
-                                                        const value = e.target.value || null;
-                                                        if (value !== state?.discord) {
-                                                            handleFieldChange("discord", value);
-                                                        }
-                                                    }, placeholder: "https://discord.com/invite/YourServer" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "YouTube Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.youtube || "", onBlur: (e) => {
-                                                        const value = e.target.value || null;
-                                                        if (value !== state?.youtube) {
-                                                            handleFieldChange("youtube", value);
-                                                        }
-                                                    }, placeholder: "https://www.youtube.com/YourChannel" })] })] })] }) }), _jsx(ToastContainer, {})] })] }));
+    return (_jsx("div", { className: "w-full bg-gray-50 min-h-screen", children: _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Network Profile" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Network Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
+                                            if (e.target.value !== state?.name) {
+                                                handleFieldChange("name", e.target.value);
+                                            }
+                                        }, placeholder: "Enter network name" })] }), _jsx(ImageUrlInput, { label: "Icon:", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "PowerhouseIcon.jpg", fileSize: "200KB" }), _jsx(ImageUrlInput, { label: "Logo:", value: state?.logo || "", onChange: (value) => handleFieldChange("logo", value), placeholder: "PowerhouseLogo.jpg", fileSize: "2MB" }), _jsx(ImageUrlInput, { label: "Large Logo:", value: state?.logoBig || "", onChange: (value) => handleFieldChange("logoBig", value), placeholder: "LargeLogo.jpg", fileSize: "10MB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Website:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.website || "", onBlur: (e) => {
+                                            const value = e.target.value || null;
+                                            if (value !== state?.website) {
+                                                handleFieldChange("website", value);
+                                            }
+                                        }, placeholder: "Enter website URL" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
+                                            if (e.target.value !== state?.description) {
+                                                handleFieldChange("description", e.target.value);
+                                            }
+                                        }, placeholder: "Enter network description", rows: 4 })] }), _jsx("div", { children: _jsx(Select, { label: "Category:", options: categoryOptions, value: state?.category?.[0] || undefined, onChange: (value) => handleFieldChange("category", [value]) }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "Social Media Links" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "X Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.x || "", onBlur: (e) => {
+                                                    const value = e.target.value || null;
+                                                    if (value !== state?.x) {
+                                                        handleFieldChange("x", value);
+                                                    }
+                                                }, placeholder: "https://x.com/YourHandle" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Discord Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.discord || "", onBlur: (e) => {
+                                                    const value = e.target.value || null;
+                                                    if (value !== state?.discord) {
+                                                        handleFieldChange("discord", value);
+                                                    }
+                                                }, placeholder: "https://discord.com/invite/YourServer" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "YouTube Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.youtube || "", onBlur: (e) => {
+                                                    const value = e.target.value || null;
+                                                    if (value !== state?.youtube) {
+                                                        handleFieldChange("youtube", value);
+                                                    }
+                                                }, placeholder: "https://www.youtube.com/YourChannel" })] })] })] }) }), _jsx(ToastContainer, {})] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YAOpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -4,7 +4,9 @@ export const module = {
     documentTypes: ["powerhouse/network-profile"],
     config: {
         id: "network-profile-editor",
-        name: "Network Profile Editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
     },
 };
 export default module;