@powerhousedao/network-admin 0.0.18 → 0.0.20

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

@@ -1,4 +1,4 @@
-/**
+/**1
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */

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":"AA4BA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAigBvC"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAuCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CA8jBvC"}

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

@@ -1,11 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CreateDocumentModal, } from "@powerhousedao/design-system";
+import { Button, CreateDocumentModal } from "@powerhousedao/design-system";
 import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
-import { addDocument, setSelectedNode, useAllFolderNodes, useFileChildNodes, useSelectedDrive, useSelectedFolder, dispatchActions, useSelectedDocument, useSelectedDriveDocuments, renameNode, showDeleteNodeModal, useSelectedDriveId, } from "@powerhousedao/reactor-browser";
+import { addDocument, setSelectedNode, useAllFolderNodes, useFileChildNodes, useSelectedDrive, useSelectedFolder, dispatchActions, useSelectedDocument, useSelectedDriveDocuments, showDeleteNodeModal, useSelectedDriveId, useNodeActions, } 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";
-/**
+const WorkstreamStatusEnums = [
+    "RFP_DRAFT",
+    "PREWORK_RFC",
+    "RFP_CANCELLED",
+    "OPEN_FOR_PROPOSALS",
+    "PROPOSAL_SUBMITTED",
+    "NOT_AWARDED",
+    "AWARDED",
+    "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)
  */
@@ -13,6 +24,7 @@ export function DriveExplorer(props) {
     // === DOCUMENT EDITOR STATE ===
     // Customize document opening/closing behavior here
     const [activeDocumentId, setActiveDocumentId] = useState();
+    const [activeSidebarNodeId, setActiveSidebarNodeId] = useState("workstreams");
     const [openModal, setOpenModal] = useState(false);
     const [selectedRootNode, setSelectedRootNode] = useState("workstreams");
     const [modalDocumentType, setModalDocumentType] = useState("powerhouse/workstream");
@@ -23,6 +35,7 @@ export function DriveExplorer(props) {
     const selectedFolder = useSelectedFolder(); // Currently selected folder
     const allDocuments = useSelectedDriveDocuments();
     const selectedDriveId = useSelectedDriveId();
+    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
@@ -38,18 +51,13 @@ export function DriveExplorer(props) {
     useEffect(() => {
         if (globalSelectedDocument?.header?.id) {
             setActiveDocumentId(globalSelectedDocument.header.id);
+            // Also update the sidebar node ID to match
+            setActiveSidebarNodeId(`editor-${globalSelectedDocument.header.id}`);
         }
     }, [globalSelectedDocument]);
     // 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";
-    // rename node
-    const onRenameNode = async (nodeId, newName) => {
-        const renamedNode = await renameNode(selectedDriveId || "", nodeId, newName);
-        if (renamedNode) {
-            console.log("Renamed node", renamedNode);
-        }
-    };
     // 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
@@ -66,26 +74,70 @@ export function DriveExplorer(props) {
             id: "workstreams",
             title: "Workstreams",
             children: [
-                // Add workstream documents
-                ...workstreamDocs.map((doc) => ({
-                    id: `editor-${doc.header.id}`,
-                    title: `${doc.state?.global?.code || ""} - ${doc.state?.global?.title || doc.header.name}`,
-                })),
-                // Add scope of work documents
-                ...scopeOfWorkDocs.map((doc) => ({
-                    id: `editor-${doc.header.id}`,
-                    title: `${doc.state?.global?.title || doc.header.name}`,
-                })),
-                // Add RFP documents
-                ...rfpDocs.map((doc) => ({
-                    id: `editor-${doc.header.id}`,
-                    title: `${doc.state?.global?.code || ""} - ${doc.state?.global?.title || doc.header.name}`,
-                })),
-                // Add payment terms documents
-                ...paymentTermsDocs.map((doc) => ({
-                    id: `editor-${doc.header.id}`,
-                    title: `${doc.state?.global?.code || ""} - ${doc.state?.global?.title || doc.header.name}`,
-                })),
+                ...WorkstreamStatusEnums.map((status) => {
+                    const statusTitle = status
+                        .toLowerCase()
+                        .split("_")
+                        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                        .join(" ");
+                    return {
+                        id: `workstream-status-${status}`,
+                        title: statusTitle +
+                            (workstreamDocs.filter((doc) => doc.state?.global?.status === status).length > 0
+                                ? ` (${workstreamDocs.filter((doc) => doc.state?.global?.status === status).length})`
+                                : ""),
+                        children: [
+                            ...workstreamDocs
+                                .filter((doc) => doc.state?.global?.status === status)
+                                .map((doc) => {
+                                let sow = null;
+                                let paymentTerms = null;
+                                let rfp = null;
+                                if (doc.state?.global?.initialProposal) {
+                                    sow = doc.state?.global?.initialProposal.sow;
+                                    paymentTerms = doc.state?.global?.initialProposal
+                                        .paymentTerms;
+                                }
+                                if (doc.state?.global?.rfp) {
+                                    rfp = doc.state?.global?.rfp?.id;
+                                }
+                                const sowDoc = allDocuments?.find((doc) => doc.header.id === sow);
+                                const rfpDoc = allDocuments?.find((doc) => doc.header.id === rfp);
+                                const pmtDoc = allDocuments?.find((doc) => doc.header.id === paymentTerms);
+                                // Only include documents that actually exist
+                                const wstrChildDocs = [sowDoc, rfpDoc, pmtDoc].filter((doc) => doc !== undefined && doc !== null);
+                                return {
+                                    id: `editor-${doc.header.id}`,
+                                    title: `${doc.state?.global?.code ? doc.state?.global?.code + " - " : ""}${doc.state?.global?.title || doc.header.name}`,
+                                    children: wstrChildDocs.map((childDoc) => ({
+                                        id: `editor-${childDoc.header.id}`,
+                                        title: `${childDoc.state?.global?.code ? childDoc.state?.global?.code + " - " : ""}${childDoc.state?.global?.title || childDoc.header.name}`,
+                                    })),
+                                };
+                            }),
+                        ],
+                    };
+                }),
+                // // Add workstream documents
+                // ...workstreamDocs.map((doc) => ({
+                //   id: `editor-${doc.header.id}`,
+                //   title: `${(doc.state as any)?.global?.code || ""} - ${(doc.state as any)?.global?.title || doc.header.name}`,
+                // })),
+                // // Add scope of work documents
+                // ...scopeOfWorkDocs.map((doc) => ({
+                //   id: `editor-${doc.header.id}`,
+                //   title: `${(doc.state as any)?.global?.title || doc.header.name}`,
+                // })),
+                // // Add RFP documents
+                // ...rfpDocs.map((doc) => ({
+                //   id: `editor-${doc.header.id}`,
+                //   title: `${(doc.state as any)?.global?.code || ""} - ${(doc.state as any)?.global?.title || doc.header.name}`,
+                // })),
+                // // Add payment terms documents
+                // ...paymentTermsDocs.map((doc) => ({
+                //   id: `editor-${doc.header.id}`,
+                //   title: `${(doc.state as any)?.global?.code || ""} - ${(doc.state as any)?.global?.title || doc.header.name}`,
+                // })),
             ],
         };
         const networkInfoNode = {
@@ -121,6 +173,8 @@ export function DriveExplorer(props) {
         const newNode = findNodeById(sidebarNodes, nodeId);
         if (!newNode)
             return;
+        // Always update the active sidebar node ID
+        setActiveSidebarNodeId(newNode.id);
         if (newNode.id === "workstreams") {
             setActiveDocumentId(undefined);
             setSelectedRootNode("workstreams");
@@ -179,34 +233,35 @@ export function DriveExplorer(props) {
                                                 , 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: isWorkstreamCreated, children: _jsx("span", { children: "Create Workstream Document" }) }), _jsx(Button, { color: "dark" // Customize button appearance
+                                                }, children: _jsx("span", { children: "Create Workstream Document" }) }), _jsx(Button, { color: "dark" // Customize button appearance
                                                 , 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", { 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);
-                                                        return (_jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "px-2 py-2", children: _jsx("div", { className: "text-sm font-medium text-gray-900 truncate max-w-xs", title: document.header.name, children: document.header.name }) }), _jsx("td", { className: "px-2 py-2", children: _jsx("div", { className: "text-sm text-gray-500 truncate max-w-xs", title: document.header.documentType, children: document.header.documentType }) }), _jsx("td", { className: "px-2 py-2", children: _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx("button", { onClick: () => {
+                                                        return (_jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "px-2 py-2", children: _jsx("div", { className: "text-sm font-medium text-gray-900 truncate max-w-xs", title: fileNode?.name || document.header.name, children: fileNode?.name || document.header.name }) }), _jsx("td", { className: "px-2 py-2", children: _jsx("div", { className: "text-sm text-gray-500 truncate max-w-xs", title: document.header.documentType, children: document.header.documentType }) }), _jsx("td", { className: "px-2 py-2", children: _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx("button", { onClick: () => {
                                                                                     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: async () => {
                                                                                     if (!fileNode || !fileNode.id)
                                                                                         return;
-                                                                                    const newName = prompt("Enter new name:", document.header.name || "");
+                                                                                    const currentName = fileNode.name || document.header.name;
+                                                                                    const newName = prompt("Enter new name:", currentName);
                                                                                     if (newName &&
                                                                                         newName.trim() &&
-                                                                                        newName !== document.header.name) {
+                                                                                        newName !== currentName) {
                                                                                         try {
-                                                                                            await onRenameNode(fileNode.id || "", newName.trim());
+                                                                                            await onRenameNode(newName.trim(), fileNode);
                                                                                         }
                                                                                         catch (error) {
                                                                                             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.id || "");
+                                                                                    if (fileNode && fileNode.id) {
+                                                                                        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));
                                                     }) })] }) })] }))] }) }));
@@ -260,12 +315,11 @@ export function DriveExplorer(props) {
     return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: isScopeOfWorkFullView && activeDocumentId ? (_jsx("div", { className: "h-full w-full", children: _jsx(EditorContainer, { handleClose: () => {
                     setActiveDocumentId(undefined);
                     setSelectedNode(undefined); // Clear global selection
-                }, hideToolbar: false, activeDocumentId: activeDocumentId, setActiveDocumentId: setActiveDocumentId }) })) : (
+                }, hideToolbar: false, activeDocumentId: activeDocumentId, setActiveDocumentId: setActiveDocumentId, setActiveSidebarNodeId: setActiveSidebarNodeId }) })) : (
         /* === NORMAL VIEW WITH SIDEBAR === */
-        _jsxs("div", { className: "flex h-full", children: [_jsx(Sidebar, { className: String.raw `
-              [&_.sidebar\\_\\_item--active]:bg-yellow-500
-            `, 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: () => {
+        _jsxs("div", { className: "flex h-full", children: [_jsx(Sidebar, { nodes: sidebarNodes, activeNodeId: activeSidebarNodeId, onActiveNodeChange: (node) => handleActiveNodeChange(node.id), sidebarTitle: "Network Admin", showSearchBar: true, allowPinning: true, resizable: true, initialWidth: 300, maxWidth: 500, enableMacros: 4, handleOnTitleClick: () => {
                         setActiveDocumentId(undefined);
+                        setActiveSidebarNodeId("workstreams");
                         setSelectedRootNode("workstreams");
-                    } }), _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 })] })) }));
+                    } }), _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, setActiveSidebarNodeId: setActiveSidebarNodeId })) : (displayActiveNode(selectedFolder?.id || selectedRootNode)) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] })) }));
 }

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

@@ -8,5 +8,6 @@ export declare const EditorContainer: (props: {
     hideToolbar?: boolean;
     activeDocumentId: string;
     setActiveDocumentId: (id: string) => void;
+    setActiveSidebarNodeId: (id: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditorContainer.d.ts.map

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":"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"}
+{"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;IAC1C,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,4CAkMA,CAAC"}

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

@@ -11,7 +11,7 @@ import { ScopeOfWork } from "@powerhousedao/project-management/document-models";
  * Customize toolbar actions and editor context here.
  */
 export const EditorContainer = (props) => {
-    const { handleClose, hideToolbar = false, activeDocumentId, setActiveDocumentId, } = props;
+    const { handleClose, hideToolbar = false, activeDocumentId, setActiveDocumentId, setActiveSidebarNodeId, } = props;
     // UI state for revision history and timeline
     const [selectedTimelineItem, setSelectedTimelineItem] = useState(null);
     const [showRevisionHistory, setShowRevisionHistory] = useState(false);
@@ -95,5 +95,5 @@ export const EditorContainer = (props) => {
         _jsxs(Suspense, { fallback: loadingContent, children: [!hideToolbar && (_jsx(DocumentToolbar, { onClose: handleClose, onExport: onExport, onShowRevisionHistory: () => setShowRevisionHistory(true), onSwitchboardLinkClick: () => { }, title: selectedDocument.header.name, timelineButtonVisible: editorModule.config.timelineEnabled, timelineItems: timelineItems.data, onTimelineItemClick: setSelectedTimelineItem })), _jsx(EditorComponent, { context: {
                         readMode: !!selectedTimelineItem,
                         selectedTimelineRevision: getRevisionFromDate(selectedTimelineItem?.startDate, selectedTimelineItem?.endDate, selectedDocument.operations.global),
-                    }, dispatch: dispatch, document: selectedDocument, error: console.error, createRfp: createRfpDocument, setActiveDocumentId: setActiveDocumentId, createSow: createSowDocument, createPaymentTerms: createPaymentTermsDocument, documentId: selectedDocument.header.id })] })) }));
+                    }, dispatch: dispatch, document: selectedDocument, error: console.error, setActiveSidebarNodeId: setActiveSidebarNodeId, setActiveDocumentId: setActiveDocumentId, createSow: createSowDocument, createPaymentTerms: createPaymentTermsDocument, documentId: selectedDocument.header.id }, selectedDocument.header.id)] })) }));
 };

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,iBAoBpB,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,iBAiBpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -11,9 +11,6 @@ export const module = {
             // 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

package/dist/editors/workstream/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/workstream/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiC1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAejC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAq0BxC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/workstream/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAgCtE,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAejC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CA23BxC"}

package/dist/editors/workstream/editor.js

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, toast, ToastContainer } from "@powerhousedao/design-system";
 import { TextInput, Select, PHIDInput, Icon, ObjectSetTable, } from "@powerhousedao/document-engineering";
 import { actions, } from "../../document-models/workstream/index.js";
+import { actions as rfpActions, } from "../../document-models/request-for-proposals/index.js";
+import { ScopeOfWork } from "@powerhousedao/project-management/document-models";
 import { generateId } from "document-model";
-import { useNodes, useDocumentById, } from "@powerhousedao/reactor-browser";
+import { useDocumentById, useSelectedDrive, addDocument, useSelectedDriveDocuments, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { useEffect, useMemo, useState } from "react";
 // Status options for the dropdown
 const statusOptions = [
@@ -20,11 +22,39 @@ const statusOptions = [
 export default function Editor(props) {
     const [doc, dispatch] = useDocumentById(props.documentId);
     // Try to get dispatch from context or props
-    const state = doc.state.global;
-    const createRfpDocument = props.createRfp;
+    const [state, setState] = useState(doc.state.global);
+    useEffect(() => {
+        setState(doc.state.global);
+    }, [doc.state.global]);
     const setActiveDocumentId = props.setActiveDocumentId;
-    const createSowDocument = props.createSow;
-    const createPaymentTermsDocument = props.createPaymentTerms;
+    const setActiveSidebarNodeId = props.setActiveSidebarNodeId;
+    const [selectedDrive] = useSelectedDrive();
+    const createRfpDocument = async () => {
+        const createdNode = await addDocument(selectedDrive?.header.id || "", `RFP-${state.title || ""}`, "powerhouse/rfp", undefined, undefined, undefined, "request-for-proposals-editor");
+        console.log("Created RFP document", createdNode);
+        if (createdNode) {
+            await dispatchActions(rfpActions.editRfp({
+                title: `RFP-${state.title || ""}`,
+            }), createdNode.id);
+        }
+        return createdNode;
+    };
+    const createSowDocument = async () => {
+        const createdNode = await addDocument(selectedDrive?.header.id || "", `SOW-${state.title || ""}`, "powerhouse/scopeofwork", undefined, undefined, undefined, "scope-of-work-editor");
+        console.log("Created SOW document", createdNode);
+        if (createdNode) {
+            await dispatchActions(ScopeOfWork.actions.editScopeOfWork({
+                title: `SOW-${state.title || ""}`,
+            }), createdNode.id);
+        }
+        return createdNode;
+    };
+    const createPaymentTermsDocument = async () => {
+        const createdNode = await addDocument(selectedDrive?.header.id || "", `Payment Terms-${state.title || ""}`, "payment-terms", undefined, undefined, undefined, "payment-terms-editor");
+        console.log("Created Payment Terms document", createdNode);
+        // Note: Payment Terms might not have actions to initialize, so we just create it
+        return createdNode;
+    };
     // Local state to track newly created SOW document ID
     const [newlyCreatedSowId, setNewlyCreatedSowId] = useState(null);
     // Local state to track newly created Payment Terms document ID
@@ -55,30 +85,16 @@ export default function Editor(props) {
             setNewlyCreatedRfpId(null);
         }
     }, [state.rfp?.id, newlyCreatedRfpId]);
-    // Checking if there is an RFP document for this workstream
-    const nodes = useNodes() || [];
-    const workstreamDocument = nodes.find((node) => node.id === doc.header.id);
-    const fileNodes = nodes.filter((node) => node.kind === "file");
-    const rfpDocumentNode = fileNodes.find((node) => {
-        if (!workstreamDocument && !node.parentFolder)
-            return false;
-        return (node.parentFolder === workstreamDocument?.parentFolder &&
-            node.documentType === "powerhouse/rfp");
-    });
-    const sowDocumentNode = fileNodes.find((node) => {
-        if (!workstreamDocument && !node.parentFolder)
-            return false;
-        return (node.parentFolder === workstreamDocument?.parentFolder &&
-            node.documentType === "powerhouse/scopeofwork");
-    });
-    const paymentTermsDocumentNode = fileNodes.find((node) => {
-        if (!workstreamDocument && !node.parentFolder)
-            return false;
-        return (node.parentFolder === workstreamDocument?.parentFolder &&
-            node.documentType === "payment-terms");
-    });
+    const allDocuments = useSelectedDriveDocuments();
+    let rfpDocumentNode = undefined;
+    if (state.rfp?.id) {
+        rfpDocumentNode = allDocuments?.find((doc) => {
+            return (doc.header.documentType === "powerhouse/rfp" &&
+                doc.header.id === state.rfp?.id);
+        });
+    }
     // Get RFP document data using useDocumentById hook - always call with stable ID
-    const rfpDocumentId = rfpDocumentNode?.id || "";
+    const rfpDocumentId = rfpDocumentNode?.header.id || "";
     const rfpDocumentData = useDocumentById(rfpDocumentId);
     const [rfpDocumentDataState] = rfpDocumentData || [];
     // State to track RFP document
@@ -86,30 +102,41 @@ export default function Editor(props) {
     // Effect to update RFP document when nodes or document data changes
     useEffect(() => {
         if (rfpDocumentNode &&
-            rfpDocumentNode.id &&
-            rfpDocumentNode.id !== "" &&
+            rfpDocumentNode.header.id &&
+            rfpDocumentNode.header.id !== "" &&
             rfpDocumentDataState?.state?.global) {
-            setRfpDocument({
+            const newRfpDocument = {
                 ...rfpDocumentNode,
                 document: (rfpDocumentDataState?.state)
                     .global,
+            };
+            // Only update if the ID changed or if we don't have a document yet
+            setRfpDocument((prev) => {
+                if (!prev || prev.header.id !== newRfpDocument.header.id) {
+                    return newRfpDocument;
+                }
+                // Update if the document content changed
+                if (JSON.stringify(prev.document) !==
+                    JSON.stringify(newRfpDocument.document)) {
+                    return newRfpDocument;
+                }
+                return prev;
             });
         }
         else if (!rfpDocumentNode ||
-            !rfpDocumentNode.id ||
-            rfpDocumentNode.id === "") {
-            setRfpDocument(undefined);
+            !rfpDocumentNode.header.id ||
+            rfpDocumentNode.header.id === "") {
+            setRfpDocument((prev) => (prev === undefined ? prev : undefined));
         }
-    }, [rfpDocumentNode, rfpDocumentDataState, fileNodes]);
+    }, [rfpDocumentNode, rfpDocumentDataState]);
     const searchRfpDocuments = (userInput) => {
-        const results = fileNodes.filter((node) => (node.kind === "file" &&
-            node.documentType === "powerhouse/rfp" &&
-            node.name.toLowerCase().includes(userInput.toLowerCase())) ||
-            node.id.toLowerCase().includes(userInput.toLowerCase()));
-        return results.map((doc) => ({
-            value: doc.id,
-            title: doc.name,
-            path: nodes.find((node) => node.id === doc.parentFolder)?.name || "",
+        const results = allDocuments?.filter((node) => (node.header.documentType === "powerhouse/rfp" &&
+            node.header.name.toLowerCase().includes(userInput.toLowerCase())) ||
+            node.header.id.toLowerCase().includes(userInput.toLowerCase()));
+        return results?.map((doc) => ({
+            value: doc.header.id,
+            title: doc.header.name,
+            path: "",
         }));
     };
     // Handle workstream field changes
@@ -293,11 +320,11 @@ export default function Editor(props) {
                                         }, 
                                         // search options as the user types
                                         fetchOptionsCallback: async (userInput) => {
-                                            const results = searchRfpDocuments(userInput);
-                                            if (results.length === 0) {
+                                            const results = searchRfpDocuments(userInput) || [];
+                                            if (results?.length === 0) {
                                                 return Promise.reject(new Error("No RFP documents found"));
                                             }
-                                            return results.map((doc) => ({
+                                            return results?.map((doc) => ({
                                                 value: doc.value, // unique document ID
                                                 title: doc.title, // document title or name
                                                 path: {
@@ -311,7 +338,7 @@ export default function Editor(props) {
                                         // get details of a specific option by its ID/value
                                         fetchSelectedOptionCallback: async (documentId) => {
                                             console.log("fetching selected option", documentId);
-                                            const [doc] = searchRfpDocuments(documentId);
+                                            const doc = searchRfpDocuments(documentId)?.[0];
                                             if (!doc) {
                                                 return Promise.reject(new Error("RFP document not found"));
                                             }
@@ -327,17 +354,18 @@ export default function Editor(props) {
                                             };
                                         }, initialOptions: [
                                             {
-                                                value: rfpDocument.id,
+                                                value: rfpDocument.header.id,
                                                 title: rfpDocument.document.title,
                                                 path: {
                                                     text: rfpDocument.document.title,
-                                                    url: rfpDocument.id,
+                                                    url: rfpDocument.header.id,
                                                 },
                                                 description: "",
                                                 icon: "File",
                                             },
                                         ] }) }), _jsx("div", { className: "flex items-center", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(Icon, { className: "hover:cursor-pointer hover:bg-gray-500", name: "Moved", size: 18, onClick: () => {
-                                                    setActiveDocumentId(rfpDocumentNode?.id || "");
+                                                    setActiveDocumentId(rfpDocument?.header.id);
+                                                    setActiveSidebarNodeId(`editor-${rfpDocument?.header.id}`);
                                                 } }), _jsx("span", { children: "RFP Editor" })] }) })] })] })) : (_jsxs("div", { className: "bg-white rounded-lg p-6 mt-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-2xl text-gray-900 mb-4", children: "Request for Proposal" }), _jsx("div", { className: "mt-4", children: _jsx(Button, { color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Save Workstream", "aria-description": "Save Workstream", onClick: async () => {
                                     const createdNode = await createRfpDocument();
                                     if (createdNode) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/workstream/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,eAAO,MAAM,MAAM,EAAE,YASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/workstream/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/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -1182,11 +1182,6 @@
       }
     }
   }
-  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:bg-yellow-500 {
-    & .sidebar\_\_item--active {
-      background-color: var(--color-yellow-500);
-    }
-  }
 }
 /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/network-admin",
   "description": "Network Admin package for Powerhouse",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [