@powerhousedao/network-admin 0.0.19 → 0.0.21

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":"AA6BA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CA4fvC"}
+{"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,2CAykBvC"}

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, 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");
@@ -39,6 +51,8 @@ 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)
@@ -60,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);
+                                // get alternative proposals
+                                let alternativeProposals = null;
+                                if (doc.state?.global?.alternativeProposals) {
+                                    alternativeProposals = doc.state?.global
+                                        ?.alternativeProposals;
+                                }
+                                // Only include documents that actually exist
+                                const wstrChildDocs = [sowDoc, rfpDoc, pmtDoc].filter((doc) => doc !== undefined && doc !== null);
+                                const returnableChildren = {
+                                    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}`,
+                                    })),
+                                };
+                                if (alternativeProposals.length > 0) {
+                                    const altSowDoc = allDocuments?.find((doc) => doc.header.id === alternativeProposals[0].sow);
+                                    const altPaymentTermsDoc = allDocuments?.find((doc) => doc.header.id === alternativeProposals[0].paymentTerms);
+                                    const altChildDocs = [altSowDoc, altPaymentTermsDoc].filter((doc) => doc !== undefined && doc !== null);
+                                    returnableChildren.children.push({
+                                        id: "alternative-proposals",
+                                        title: "Alternative Proposals",
+                                        children: altChildDocs.map((childDoc) => ({
+                                            id: `editor-${childDoc.header.id}`,
+                                            title: `${childDoc.state?.global?.code ? childDoc.state?.global?.code + " - " : ""}${childDoc.state?.global?.title || childDoc.header.name}`,
+                                        })),
+                                    });
+                                }
+                                return returnableChildren;
+                            }),
+                        ],
+                    };
+                }),
             ],
         };
         const networkInfoNode = {
@@ -115,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");
@@ -173,7 +233,7 @@ 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);
@@ -255,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,iBAmBpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -12,7 +12,6 @@ export const module = {
             "powerhouse/network-profile",
             "powerhouse/workstream",
             "powerhouse/scopeofwork",
-            "powerhouse/rfp",
             "payment-terms",
         ],
         dragAndDrop: {

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;AAiCtE,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAsBjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAyiCxC"}

package/dist/editors/workstream/editor.js

@@ -1,9 +1,11 @@
 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 { TextInput, Select, OIDInput, Icon, ObjectSetTable, buildEnumCellEditor, } 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 = [
@@ -17,14 +19,48 @@ const statusOptions = [
     { value: "IN_PROGRESS", label: "In Progress" },
     { value: "FINISHED", label: "Finished" },
 ];
+const statusStyles = {
+    DRAFT: "bg-[#fcdfbd] text-[#ffa033] rounded px-2 py-1 font-semibold",
+    SUBMITTED: "bg-[#bfdffd] text-[#339cff] rounded px-2 py-1 font-semibold",
+    ACCEPTED: "bg-[#c8ecd1] text-[#4fc86f] rounded px-2 py-1 font-semibold",
+    REJECTED: "bg-[#ffaea8] text-[#de3333] rounded px-2 py-1 font-semibold",
+};
 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
@@ -32,21 +68,17 @@ export default function Editor(props) {
     // Local state to track newly created RFP document ID
     const [newlyCreatedRfpId, setNewlyCreatedRfpId] = useState(null);
     // Local state to track manual input values
-    const [manualSowInput, setManualSowInput] = useState("");
-    const [manualPaymentTermsInput, setManualPaymentTermsInput] = useState("");
     const [manualAuthorInput, setManualAuthorInput] = useState("");
     // Effect to clear local state when global state is updated
     useEffect(() => {
         if (state.initialProposal?.sow && newlyCreatedSowId) {
             setNewlyCreatedSowId(null);
-            setManualSowInput("");
         }
     }, [state.initialProposal?.sow, newlyCreatedSowId]);
     // Effect to clear local state when global state is updated
     useEffect(() => {
         if (state.initialProposal?.paymentTerms && newlyCreatedPaymentTermsId) {
             setNewlyCreatedPaymentTermsId(null);
-            setManualPaymentTermsInput("");
         }
     }, [state.initialProposal?.paymentTerms, newlyCreatedPaymentTermsId]);
     // Effect to clear local state when global state is updated
@@ -55,30 +87,32 @@ 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);
+        });
+    }
+    // Find SOW document node
+    let sowDocumentNode = undefined;
+    if (state.initialProposal?.sow) {
+        sowDocumentNode = allDocuments?.find((doc) => {
+            return (doc.header.documentType === "powerhouse/scopeofwork" &&
+                doc.header.id === state.initialProposal?.sow);
+        });
+    }
+    // Find Payment Terms document node
+    let paymentTermsDocumentNode = undefined;
+    if (state.initialProposal?.paymentTerms) {
+        paymentTermsDocumentNode = allDocuments?.find((doc) => {
+            return (doc.header.documentType === "payment-terms" &&
+                doc.header.id === state.initialProposal?.paymentTerms);
+        });
+    }
     // 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 +120,68 @@ 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" &&
+            (!userInput ||
+                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: "",
+        }));
+    };
+    const searchSowDocuments = (userInput) => {
+        const results = allDocuments?.filter((node) => node.header.documentType === "powerhouse/scopeofwork" &&
+            (!userInput ||
+                node.header.name.toLowerCase().includes(userInput.toLowerCase()) ||
+                node.header.id.toLowerCase().includes(userInput.toLowerCase()) ||
+                (node.state?.global?.title
+                    ?.toLowerCase()
+                    .includes(userInput.toLowerCase()) ??
+                    false)));
+        return results?.map((doc) => ({
+            value: doc.header.id,
+            title: doc.state?.global?.title || doc.header.name,
+            path: "",
+        }));
+    };
+    const searchPaymentTermsDocuments = (userInput) => {
+        const results = allDocuments?.filter((node) => node.header.documentType === "payment-terms" &&
+            (!userInput ||
+                node.header.name.toLowerCase().includes(userInput.toLowerCase()) ||
+                node.header.id.toLowerCase().includes(userInput.toLowerCase())));
+        return results?.map((doc) => ({
+            value: doc.header.id,
+            title: doc.state?.global?.title || doc.header.name,
+            path: "",
         }));
     };
     // Handle workstream field changes
@@ -200,8 +272,8 @@ export default function Editor(props) {
                 return false;
             },
             renderCell: (value, context) => {
-                if (value === "") {
-                    return (_jsx("div", { className: "font-light italic text-left text-gray-500", children: "+ Double-click to add new author" }));
+                if (value === undefined) {
+                    return (_jsx("div", { className: "font-light italic text-left text-gray-500 text-xs", children: "+ Double-click to add new author" }));
                 }
                 return _jsx("div", { className: "text-left", children: value });
             },
@@ -209,6 +281,7 @@ export default function Editor(props) {
         {
             field: "sow",
             title: "SOW",
+            type: "oid",
             editable: true,
             align: "center",
             onSave: (newValue, context) => {
@@ -225,6 +298,7 @@ export default function Editor(props) {
         {
             field: "paymentTerms",
             title: "Payment Terms",
+            type: "oid",
             editable: true,
             align: "center",
             onSave: (newValue, context) => {
@@ -241,25 +315,33 @@ export default function Editor(props) {
         {
             field: "status",
             title: "Status",
-            editable: false,
+            editable: true,
             align: "center",
-            width: 100,
-            renderCell: (value, context) => {
+            type: "enum",
+            valueGetter: (row) => row.status,
+            onSave: (newValue, context) => {
+                if (newValue !== context.row.status) {
+                    dispatch(actions.editAlternativeProposal({
+                        id: context.row.id,
+                        status: newValue,
+                    }));
+                    return true;
+                }
+                return false;
+            },
+            renderCellEditor: buildEnumCellEditor({
+                className: "w-[130px]",
+                options: [
+                    { value: "DRAFT", label: "Draft" },
+                    { value: "SUBMITTED", label: "Submitted" },
+                    { value: "ACCEPTED", label: "Accepted" },
+                    { value: "REJECTED", label: "Rejected" },
+                ],
+            }),
+            renderCell: (value) => {
                 if (!value)
                     return null;
-                return (_jsx(Select, { options: [
-                        { value: "DRAFT", label: "Draft" },
-                        { value: "SUBMITTED", label: "Submitted" },
-                        { value: "ACCEPTED", label: "Accepted" },
-                        { value: "REJECTED", label: "Rejected" },
-                    ], value: value || "DRAFT", onChange: (value) => {
-                        if (value !== value) {
-                            dispatch(actions.editAlternativeProposal({
-                                id: context.row.id,
-                                status: value,
-                            }));
-                        }
-                    } }));
+                return (_jsx("div", { className: `text-center ${statusStyles[value]}`, children: value }));
             },
         },
     ], []);
@@ -283,7 +365,7 @@ export default function Editor(props) {
                                                         if (e.target.value !== state.client?.icon) {
                                                             handleClientChange("icon", e.target.value);
                                                         }
-                                                    }, placeholder: "Enter client icon URL" })] })] })] })] }), rfpDocument ? (_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" }), _jsxs("div", { className: "w-full flex flex-row items-center gap-8", children: [_jsx("div", { className: "w-[350px]", children: _jsx(PHIDInput, { name: "Request for Proposal", label: "RFP Document", placeholder: "Search for RFP Document", variant: "withValueTitleAndDescription", value: newlyCreatedRfpId || state.rfp?.id || "", onBlur: (e) => {
+                                                    }, placeholder: "Enter client icon URL" })] })] })] })] }), rfpDocument ? (_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" }), _jsxs("div", { className: "w-full flex flex-row items-center gap-8", children: [_jsx("div", { className: "w-[350px]", children: _jsx(OIDInput, { name: "Request for Proposal", label: "RFP Document", placeholder: "Search for RFP Document", variant: "withValueTitleAndDescription", value: newlyCreatedRfpId || state.rfp?.id || "", onBlur: (e) => {
                                             if (e.target.value !== state.rfp?.id) {
                                                 dispatch(actions.setRequestForProposal({
                                                     rfpId: e.target.value,
@@ -293,11 +375,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 +393,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 +409,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) {
@@ -362,20 +445,74 @@ export default function Editor(props) {
                                                         },
                                                     }));
                                                 }
-                                            } }) }), _jsxs("div", { className: "flex-1", children: [_jsx(TextInput, { label: "Sow", value: newlyCreatedSowId ||
-                                                    manualSowInput ||
-                                                    state.initialProposal?.sow ||
-                                                    "", onChange: (e) => {
-                                                    setManualSowInput(e.target.value);
-                                                    setNewlyCreatedSowId(null); // Clear newly created ID when user starts typing
-                                                }, onBlur: (e) => {
+                                            } }) }), _jsx("div", { className: "flex-1", children: _jsx(Select, { label: "Status", options: [
+                                                { value: "DRAFT", label: "Draft" },
+                                                { value: "SUBMITTED", label: "Submitted" },
+                                                { value: "ACCEPTED", label: "Accepted" },
+                                                { value: "REJECTED", label: "Rejected" },
+                                            ], value: state.initialProposal.status || "DRAFT", onChange: (value) => {
+                                                if (value !== state.initialProposal.status) {
+                                                    dispatch(actions.editInitialProposal({
+                                                        id: state.initialProposal.id,
+                                                        status: value,
+                                                    }));
+                                                }
+                                            } }) })] }), _jsxs("div", { className: "flex flex-row gap-4 mb-6", children: [_jsxs("div", { className: "flex-1", children: [_jsx(OIDInput, { name: "Scope of Work", label: "Scope Of Work", placeholder: "Search for SOW Document", variant: "withValueTitleAndDescription", value: newlyCreatedSowId || state.initialProposal?.sow || "", onBlur: (e) => {
                                                     if (e.target.value !== state.initialProposal?.sow) {
                                                         dispatch(actions.editInitialProposal({
                                                             id: state.initialProposal?.id || "",
                                                             sowId: e.target.value,
                                                         }));
                                                     }
-                                                } }), _jsx("button", { className: "text-sm bg-gray-100 rounded-md p-1 hover:bg-gray-200", onClick: async () => {
+                                                }, 
+                                                // search options as the user types
+                                                fetchOptionsCallback: async (userInput) => {
+                                                    const results = searchSowDocuments(userInput || "") || [];
+                                                    if (results?.length === 0) {
+                                                        return Promise.reject(new Error("No SOW documents found"));
+                                                    }
+                                                    return results?.map((doc) => ({
+                                                        value: doc.value, // unique document ID
+                                                        title: doc.title, // document title or name
+                                                        path: {
+                                                            text: doc.path,
+                                                            url: doc.value,
+                                                        }, // document path or location
+                                                        description: "", // document description or summary
+                                                        icon: "File", // document icon
+                                                    }));
+                                                }, 
+                                                // get details of a specific option by its ID/value
+                                                fetchSelectedOptionCallback: async (documentId) => {
+                                                    const doc = searchSowDocuments(documentId)?.[0];
+                                                    if (!doc) {
+                                                        return Promise.reject(new Error("SOW document not found"));
+                                                    }
+                                                    return {
+                                                        value: doc.value,
+                                                        title: doc.title,
+                                                        path: {
+                                                            text: doc.path,
+                                                            url: doc.title,
+                                                        },
+                                                        description: "",
+                                                        icon: "File",
+                                                    };
+                                                }, initialOptions: sowDocumentNode
+                                                    ? [
+                                                        {
+                                                            value: sowDocumentNode.header.id,
+                                                            title: sowDocumentNode.state?.global
+                                                                ?.title || sowDocumentNode.header.name,
+                                                            path: {
+                                                                text: sowDocumentNode.header.name,
+                                                                url: sowDocumentNode.header.id,
+                                                            },
+                                                            description: "",
+                                                            icon: "File",
+                                                        },
+                                                    ]
+                                                    : undefined }), _jsx("button", { className: "text-sm bg-gray-100 rounded-md mt-1 p-1 hover:bg-gray-200", onClick: async () => {
                                                     console.log("Creating sow");
                                                     const createdNode = await createSowDocument();
                                                     if (createdNode) {
@@ -386,20 +523,65 @@ export default function Editor(props) {
                                                             sowId: createdNode.id,
                                                         }));
                                                     }
-                                                }, children: "Create sow" })] }), _jsxs("div", { className: "flex-1", children: [_jsx(TextInput, { label: "Payment Terms", value: newlyCreatedPaymentTermsId ||
-                                                    manualPaymentTermsInput ||
+                                                }, children: "Create sow" })] }), _jsxs("div", { className: "flex-1", children: [_jsx(OIDInput, { name: "Payment Terms", label: "Payment Terms", placeholder: "Search for Payment Terms Document", variant: "withValueTitleAndDescription", value: newlyCreatedPaymentTermsId ||
                                                     state.initialProposal?.paymentTerms ||
-                                                    "", onChange: (e) => {
-                                                    setManualPaymentTermsInput(e.target.value);
-                                                    setNewlyCreatedPaymentTermsId(null); // Clear newly created ID when user starts typing
-                                                }, onBlur: (e) => {
+                                                    "", onBlur: (e) => {
                                                     if (e.target.value !== state.initialProposal?.paymentTerms) {
                                                         dispatch(actions.editInitialProposal({
                                                             id: state.initialProposal?.id || "",
                                                             paymentTermsId: e.target.value,
                                                         }));
                                                     }
-                                                } }), _jsx("button", { className: "text-sm bg-gray-100 rounded-md p-1 hover:bg-gray-200", onClick: async () => {
+                                                }, 
+                                                // search options as the user types
+                                                fetchOptionsCallback: async (userInput) => {
+                                                    const results = searchPaymentTermsDocuments(userInput || "") || [];
+                                                    if (results?.length === 0) {
+                                                        return Promise.reject(new Error("No Payment Terms documents found"));
+                                                    }
+                                                    return results?.map((doc) => ({
+                                                        value: doc.value, // unique document ID
+                                                        title: doc.title, // document title or name
+                                                        path: {
+                                                            text: doc.path,
+                                                            url: doc.value,
+                                                        }, // document path or location
+                                                        description: "", // document description or summary
+                                                        icon: "File", // document icon
+                                                    }));
+                                                }, 
+                                                // get details of a specific option by its ID/value
+                                                fetchSelectedOptionCallback: async (documentId) => {
+                                                    const doc = searchPaymentTermsDocuments(documentId)?.[0];
+                                                    if (!doc) {
+                                                        return Promise.reject(new Error("Payment Terms document not found"));
+                                                    }
+                                                    return {
+                                                        value: doc.value,
+                                                        title: doc.title,
+                                                        path: {
+                                                            text: doc.path,
+                                                            url: doc.title,
+                                                        },
+                                                        description: "",
+                                                        icon: "File",
+                                                    };
+                                                }, initialOptions: paymentTermsDocumentNode
+                                                    ? [
+                                                        {
+                                                            value: paymentTermsDocumentNode.header.id,
+                                                            title: paymentTermsDocumentNode.state
+                                                                ?.global?.title ||
+                                                                paymentTermsDocumentNode.header.name,
+                                                            path: {
+                                                                text: paymentTermsDocumentNode.header.name,
+                                                                url: paymentTermsDocumentNode.header.id,
+                                                            },
+                                                            description: "",
+                                                            icon: "File",
+                                                        },
+                                                    ]
+                                                    : undefined }), _jsx("button", { className: "text-sm bg-gray-100 rounded-md mt-1 p-1 hover:bg-gray-200", onClick: async () => {
                                                     console.log("Creating payment terms");
                                                     const createdNode = await createPaymentTermsDocument();
                                                     if (createdNode) {
@@ -410,19 +592,7 @@ export default function Editor(props) {
                                                             paymentTermsId: createdNode.id,
                                                         }));
                                                     }
-                                                }, children: "Create Payment Terms" })] }), _jsx("div", { className: "flex-1", children: _jsx(Select, { label: "Status", options: [
-                                                { value: "DRAFT", label: "Draft" },
-                                                { value: "SUBMITTED", label: "Submitted" },
-                                                { value: "ACCEPTED", label: "Accepted" },
-                                                { value: "REJECTED", label: "Rejected" },
-                                            ], value: state.initialProposal.status || "DRAFT", onChange: (value) => {
-                                                if (value !== state.initialProposal.status) {
-                                                    dispatch(actions.editInitialProposal({
-                                                        id: state.initialProposal.id,
-                                                        status: value,
-                                                    }));
-                                                }
-                                            } }) })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-medium text-gray-900 mb-4", children: "Alternative Proposals" }), _jsx(ObjectSetTable, { columns: alternativeProposalsColumns, data: alternativeProposalsData, allowRowSelection: true, onDelete: (data) => {
+                                                }, children: "Create Payment Terms" })] })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-medium text-gray-900 mb-4", children: "Alternative Proposals" }), _jsx(ObjectSetTable, { columns: alternativeProposalsColumns, data: alternativeProposalsData, allowRowSelection: true, onDelete: (data) => {
                                             if (data.length > 0) {
                                                 data.forEach((d) => {
                                                     dispatch(actions.removeAlternativeProposal({

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 {
@@ -456,6 +456,9 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-\[130px\] {
+    width: 130px;
+  }
   .w-\[150px\] {
     width: 150px;
   }
@@ -671,6 +674,18 @@
   .border-red-700 {
     border-color: var(--color-red-700);
   }
+  .bg-\[\#bfdffd\] {
+    background-color: #bfdffd;
+  }
+  .bg-\[\#c8ecd1\] {
+    background-color: #c8ecd1;
+  }
+  .bg-\[\#fcdfbd\] {
+    background-color: #fcdfbd;
+  }
+  .bg-\[\#ffaea8\] {
+    background-color: #ffaea8;
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -749,6 +764,9 @@
   .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);
   }
@@ -827,6 +845,18 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-\[\#4fc86f\] {
+    color: #4fc86f;
+  }
+  .text-\[\#339cff\] {
+    color: #339cff;
+  }
+  .text-\[\#de3333\] {
+    color: #de3333;
+  }
+  .text-\[\#ffa033\] {
+    color: #ffa033;
+  }
   .text-blue-600 {
     color: var(--color-blue-600);
   }
@@ -1182,11 +1212,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.19",
+  "version": "0.0.21",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [