@powerhousedao/network-admin 0.0.37 → 0.0.39

package/dist/editors/workstream/editor.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, toast, ToastContainer } from "@powerhousedao/design-system";
-import { TextInput, Select, OIDInput, PHIDInput, ObjectSetTable, buildEnumCellEditor, } from "@powerhousedao/document-engineering";
+import { toast, ToastContainer } from "@powerhousedao/design-system/connect";
+import { TextInput, Select, OIDInput, PHIDInput, ObjectSetTable, buildEnumCellEditor, Button, } 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 { useDocumentById, useSelectedDrive, addDocument, useSelectedDriveDocuments, dispatchActions, } from "@powerhousedao/reactor-browser";
+import { generateId } from "document-model/core";
+import { useDocumentById, useSelectedDrive, addDocument, useDocumentsInSelectedDrive, useParentFolderForSelectedNode, setSelectedNode, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { useEffect, useMemo, useState, useCallback } from "react";
-import { useSelectedWorkstreamDocument } from "../hooks/useWorkstreamDocument.js";
+import { useSelectedWorkstreamDocument } from "../../document-models/workstream/hooks.js";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
 // Status options for the dropdown
 const statusOptions = [
     { value: "RFP_DRAFT", label: "RFP Draft (RFP_DRAFT)" },
@@ -50,6 +51,8 @@ export default function Editor() {
         if (isCreatingRfp)
             return null; // Prevent double-calls
         setIsCreatingRfp(true);
+        // Store current document ID to restore selection after document creation
+        const currentDocId = doc.header.id;
         try {
             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);
@@ -58,20 +61,26 @@ export default function Editor() {
                     title: `RFP-${state.title || ""}`,
                 }), createdNode.id);
             }
+            // Restore selection to current workstream document to prevent navigation
+            setSelectedNode(currentDocId);
             return createdNode;
         }
         catch (error) {
             console.error("Failed to create RFP document:", error);
+            // Restore selection even on error
+            setSelectedNode(currentDocId);
             return null;
         }
         finally {
             setIsCreatingRfp(false);
         }
-    }, [isCreatingRfp, selectedDrive?.header.id, state.title]);
+    }, [isCreatingRfp, selectedDrive?.header.id, state.title, doc.header.id]);
     const createSowDocument = useCallback(async () => {
         if (isCreatingSow)
             return null; // Prevent double-calls
         setIsCreatingSow(true);
+        // Store current document ID to restore selection after document creation
+        const currentDocId = doc.header.id;
         try {
             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);
@@ -80,34 +89,44 @@ export default function Editor() {
                     title: `SOW-${state.title || ""}`,
                 }), createdNode.id);
             }
+            // Restore selection to current workstream document to prevent navigation
+            setSelectedNode(currentDocId);
             return createdNode;
         }
         catch (error) {
             console.error("Failed to create SOW document:", error);
+            // Restore selection even on error
+            setSelectedNode(currentDocId);
             return null;
         }
         finally {
             setIsCreatingSow(false);
         }
-    }, [isCreatingSow, selectedDrive?.header.id, state.title]);
+    }, [isCreatingSow, selectedDrive?.header.id, state.title, doc.header.id]);
     const createPaymentTermsDocument = useCallback(async () => {
         if (isCreatingPaymentTerms)
             return null; // Prevent double-calls
         setIsCreatingPaymentTerms(true);
+        // Store current document ID to restore selection after document creation
+        const currentDocId = doc.header.id;
         try {
             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
+            // Restore selection to current workstream document to prevent navigation
+            setSelectedNode(currentDocId);
             return createdNode;
         }
         catch (error) {
             console.error("Failed to create Payment Terms document:", error);
+            // Restore selection even on error
+            setSelectedNode(currentDocId);
             return null;
         }
         finally {
             setIsCreatingPaymentTerms(false);
         }
-    }, [isCreatingPaymentTerms, selectedDrive?.header.id, state.title]);
+    }, [isCreatingPaymentTerms, selectedDrive?.header.id, state.title, doc.header.id]);
     const getDocumentNameById = useCallback((documentId) => {
         const document = useDocumentById(documentId);
         const [documentData] = document || [];
@@ -133,7 +152,7 @@ export default function Editor() {
             setNewlyCreatedRfpId(null);
         }
     }, [state.rfp?.id, newlyCreatedRfpId]);
-    const allDocuments = useSelectedDriveDocuments();
+    const allDocuments = useDocumentsInSelectedDrive();
     let rfpDocumentNode = undefined;
     if (state.rfp?.id) {
         rfpDocumentNode = allDocuments?.find((doc) => {
@@ -549,264 +568,306 @@ export default function Editor() {
         searchPaymentTermsDocuments,
         searchSowDocuments,
     ]);
-    return (_jsx("div", { className: "w-full bg-gray-50", children: _jsxs("div", { className: "p-6 max-w-4xl mx-auto min-h-screen", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Workstream" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsxs("div", { className: "flex flex-row gap-6", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Code" }), _jsx(TextInput, { className: "w-full", defaultValue: state.code || "", onBlur: (e) => {
-                                            if (e.target.value !== state.code) {
-                                                handleWorkstreamChange("code", e.target.value);
-                                            }
-                                        }, placeholder: "Enter workstream code" })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Title" }), _jsx(TextInput, { className: "w-full", defaultValue: state.title || "", onBlur: (e) => {
-                                            if (e.target.value !== state.title) {
-                                                handleWorkstreamChange("title", e.target.value);
-                                            }
-                                        }, placeholder: "Enter workstream title" })] }), _jsx("div", { className: "flex-1", children: _jsx(Select, { label: "Status", options: statusOptions, value: state.status, onChange: (value) => handleStatusChange(value) }) })] }) }), _jsxs("div", { className: "bg-white border border-gray-300 rounded-lg p-6 shadow-sm", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900 mb-4", children: "Client" }), _jsxs("div", { className: "space-y-4 w-[350px]", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Client" }), _jsx(PHIDInput, { value: clientInputValue, onChange: (newValue) => {
-                                                setClientInputValue(newValue || "");
-                                            }, onBlur: (e) => {
-                                                if (e.target.value !== (state.client?.id || "")) {
-                                                    handleClientIdChange(e.target.value);
-                                                }
-                                            }, placeholder: "Search for Client Profile", className: "w-full", variant: "withValueTitleAndDescription", initialOptions: clientInitialOption ? [clientInitialOption] : undefined, fetchOptionsCallback: async (userInput) => {
-                                                const results = searchClientDocuments(userInput || "") || [];
-                                                if (results.length === 0) {
-                                                    return Promise.reject(new Error("No client profiles found"));
-                                                }
-                                                return results.map((doc) => ({
-                                                    value: doc.value,
-                                                    title: doc.title,
-                                                    path: "",
-                                                    description: "",
-                                                }));
-                                            }, fetchSelectedOptionCallback: async (documentId) => {
-                                                const option = getClientOptionById(documentId);
-                                                if (!option) {
-                                                    return Promise.reject(new Error("Client profile not found"));
-                                                }
-                                                return option;
-                                            } })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Name" }), _jsx(TextInput, { className: "w-full", defaultValue: state.client?.name || "", onBlur: (e) => {
-                                                if (e.target.value !== state.client?.name) {
-                                                    handleClientChange("name", e.target.value);
-                                                }
-                                            }, placeholder: "Enter client name" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Icon" }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("svg", { className: "w-5 h-5 text-gray-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z", clipRule: "evenodd" }) }) }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(TextInput, { className: "flex-1", defaultValue: state.client?.icon || "", onBlur: (e) => {
-                                                                if (e.target.value !== state.client?.icon) {
-                                                                    handleClientChange("icon", e.target.value);
-                                                                }
-                                                            }, placeholder: "Enter client icon URL" }), state.client?.icon ? (_jsx("img", { src: state.client?.icon, alt: "Client Icon", className: "w-10 h-10 object-cover" })) : ("")] })] })] })] })] }), _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: "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: "withValueAndTitle", value: newlyCreatedRfpId || state.rfp?.id || "", onBlur: (e) => {
-                                        if (e.target.value !== state.rfp?.id) {
-                                            dispatch(actions.setRequestForProposal({
-                                                rfpId: e.target.value,
-                                                title: rfpDocument?.document.title || "",
-                                            }));
-                                        }
-                                    }, 
-                                    // search options as the user types
-                                    fetchOptionsCallback: async (userInput) => {
-                                        const results = searchRfpDocuments(userInput || "") || [];
-                                        if (results?.length === 0) {
-                                            return Promise.reject(new Error("No RFP documents found"));
-                                        }
-                                        return results?.map((doc) => ({
-                                            value: doc.value, // unique document ID
-                                            title: doc.title, // document title or name
-                                            path: "",
-                                            description: "", // document description or summary
-                                            icon: "File", // document icon
-                                        }));
-                                    }, 
-                                    // get details of a specific option by its ID/value
-                                    fetchSelectedOptionCallback: async (documentId) => {
-                                        console.log("fetching selected option", documentId);
-                                        const doc = searchRfpDocuments(documentId)?.[0];
-                                        if (!doc) {
-                                            return Promise.reject(new Error("RFP document not found"));
-                                        }
-                                        return {
-                                            value: doc.value,
-                                            title: doc.title,
-                                            path: "",
-                                            description: "",
-                                            icon: "File",
-                                        };
-                                    }, initialOptions: [
-                                        {
-                                            value: rfpDocument?.header.id || "",
-                                            title: rfpDocument?.document.title || "",
-                                            path: "",
-                                            description: "",
-                                            icon: "File",
-                                        },
-                                    ] }) }) }), !rfpDocument ? (_jsx("div", { className: "mt-4", children: _jsx(Button, { color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white disabled:opacity-50 disabled:cursor-not-allowed", title: "Save Workstream", "aria-description": "Save Workstream", disabled: isCreatingRfp, onClick: async () => {
-                                    const createdNode = await createRfpDocument();
-                                    if (createdNode) {
-                                        // Set local state to immediately show the new RFP ID
-                                        setNewlyCreatedRfpId(createdNode.id);
-                                        dispatch(actions.setRequestForProposal({
-                                            rfpId: createdNode.id,
-                                            title: createdNode.name,
-                                        }));
-                                    }
-                                }, children: isCreatingRfp ? "Creating..." : "Create RFP Document" }) })) : ("")] }), rfpDocument ? (_jsx("div", { children: state.initialProposal ? (_jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-2xl text-gray-900 mb-4", children: "Initial Proposal" }), _jsxs("div", { className: "flex flex-row gap-4 mb-6", children: [_jsx("div", { className: "flex-1", children: _jsx(TextInput, { label: "Author", value: manualAuthorInput ||
-                                                state.initialProposal?.author?.name ||
-                                                "", onChange: (e) => {
-                                                setManualAuthorInput(e.target.value);
-                                            }, onBlur: (e) => {
-                                                if (e.target.value !== state.initialProposal?.author?.name) {
-                                                    dispatch(actions.editInitialProposal({
-                                                        id: state.initialProposal?.id || "",
-                                                        proposalAuthor: {
-                                                            id: generateId(),
-                                                            name: e.target.value,
-                                                        },
-                                                    }));
+    // Get the parent folder node for the currently selected node
+    const parentFolder = useParentFolderForSelectedNode();
+    // Set the selected node to the parent folder node (close the editor)
+    function handleClose() {
+        setSelectedNode(parentFolder?.id);
+    }
+    return (_jsxs("div", { className: "w-full bg-gray-50", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "p-6 max-w-4xl mx-auto min-h-screen", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Workstream" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsxs("div", { className: "flex flex-row gap-6", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Code" }), _jsx(TextInput, { className: "w-full", defaultValue: state.code || "", onBlur: (e) => {
+                                                if (e.target.value !== state.code) {
+                                                    handleWorkstreamChange("code", e.target.value);
                                                 }
-                                            } }) }), _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,
-                                                    }));
+                                            }, placeholder: "Enter workstream code" })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Title" }), _jsx(TextInput, { className: "w-full", defaultValue: state.title || "", onBlur: (e) => {
+                                                if (e.target.value !== state.title) {
+                                                    handleWorkstreamChange("title", e.target.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,
-                                                        }));
+                                            }, placeholder: "Enter workstream title" })] }), _jsx("div", { className: "flex-1", children: _jsx(Select, { label: "Status", options: statusOptions, value: state.status, onChange: (value) => handleStatusChange(value) }) })] }) }), _jsxs("div", { className: "bg-white border border-gray-300 rounded-lg p-6 shadow-sm", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900 mb-4", children: "Client" }), _jsxs("div", { className: "space-y-4 w-[350px]", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Client" }), _jsx(PHIDInput, { value: clientInputValue, onChange: (newValue) => {
+                                                    setClientInputValue(newValue || "");
+                                                }, onBlur: (e) => {
+                                                    if (e.target.value !== (state.client?.id || "")) {
+                                                        handleClientIdChange(e.target.value);
                                                     }
-                                                }, 
-                                                // 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: "",
-                                                        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"));
+                                                }, placeholder: "Search for Client Profile", className: "w-full", variant: "withValueTitleAndDescription", initialOptions: clientInitialOption ? [clientInitialOption] : undefined, fetchOptionsCallback: async (userInput) => {
+                                                    const results = searchClientDocuments(userInput || "") || [];
+                                                    if (results.length === 0) {
+                                                        return Promise.reject(new Error("No client profiles found"));
                                                     }
-                                                    return {
+                                                    return results.map((doc) => ({
                                                         value: doc.value,
                                                         title: doc.title,
                                                         path: "",
                                                         description: "",
-                                                        icon: "File",
-                                                    };
-                                                }, initialOptions: sowDocumentNode
-                                                    ? [
-                                                        {
-                                                            value: sowDocumentNode.header.id,
-                                                            title: sowDocumentNode.state?.global?.title ||
-                                                                sowDocumentNode.header.name,
-                                                            path: "",
-                                                            description: "",
-                                                            icon: "File",
-                                                        },
-                                                    ]
-                                                    : undefined }), _jsx("button", { className: "text-sm bg-gray-100 rounded-md mt-1 p-1 hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed", disabled: isCreatingSow, onClick: async () => {
-                                                    console.log("Creating sow");
-                                                    const createdNode = await createSowDocument();
-                                                    if (createdNode) {
-                                                        // Set local state to immediately show the new SOW ID
-                                                        setNewlyCreatedSowId(createdNode.id);
+                                                    }));
+                                                }, fetchSelectedOptionCallback: async (documentId) => {
+                                                    const option = getClientOptionById(documentId);
+                                                    if (!option) {
+                                                        return Promise.reject(new Error("Client profile not found"));
+                                                    }
+                                                    return option;
+                                                } })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Name" }), _jsx(TextInput, { className: "w-full", defaultValue: state.client?.name || "", onBlur: (e) => {
+                                                    if (e.target.value !== state.client?.name) {
+                                                        handleClientChange("name", e.target.value);
+                                                    }
+                                                }, placeholder: "Enter client name" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Icon" }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("svg", { className: "w-5 h-5 text-gray-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z", clipRule: "evenodd" }) }) }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(TextInput, { className: "flex-1", defaultValue: state.client?.icon || "", onBlur: (e) => {
+                                                                    if (e.target.value !== state.client?.icon) {
+                                                                        handleClientChange("icon", e.target.value);
+                                                                    }
+                                                                }, placeholder: "Enter client icon URL" }), state.client?.icon ? (_jsx("img", { src: state.client?.icon, alt: "Client Icon", className: "w-10 h-10 object-cover" })) : ("")] })] })] })] })] }), _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: "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: "withValueAndTitle", value: newlyCreatedRfpId || state.rfp?.id || "", onBlur: (e) => {
+                                            if (e.target.value !== state.rfp?.id) {
+                                                dispatch(actions.setRequestForProposal({
+                                                    rfpId: e.target.value,
+                                                    title: rfpDocument?.document.title || "",
+                                                }));
+                                            }
+                                        }, 
+                                        // search options as the user types
+                                        fetchOptionsCallback: async (userInput) => {
+                                            const results = searchRfpDocuments(userInput || "") || [];
+                                            if (results?.length === 0) {
+                                                return Promise.reject(new Error("No RFP documents found"));
+                                            }
+                                            return results?.map((doc) => ({
+                                                value: doc.value, // unique document ID
+                                                title: doc.title, // document title or name
+                                                path: "",
+                                                description: "", // document description or summary
+                                                icon: "File", // document icon
+                                            }));
+                                        }, 
+                                        // get details of a specific option by its ID/value
+                                        fetchSelectedOptionCallback: async (documentId) => {
+                                            console.log("fetching selected option", documentId);
+                                            const doc = searchRfpDocuments(documentId)?.[0];
+                                            if (!doc) {
+                                                return Promise.reject(new Error("RFP document not found"));
+                                            }
+                                            return {
+                                                value: doc.value,
+                                                title: doc.title,
+                                                path: "",
+                                                description: "",
+                                                icon: "File",
+                                            };
+                                        }, initialOptions: [
+                                            {
+                                                value: rfpDocument?.header.id || "",
+                                                title: rfpDocument?.document.title || "",
+                                                path: "",
+                                                description: "",
+                                                icon: "File",
+                                            },
+                                        ] }) }) }), !rfpDocument ? (_jsx("div", { className: "mt-4", children: _jsx(Button, { type: "button", color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white disabled:opacity-50 disabled:cursor-not-allowed", title: "Save Workstream", "aria-description": "Save Workstream", disabled: isCreatingRfp, onClick: (e) => {
+                                        if (e) {
+                                            e.preventDefault();
+                                            e.stopPropagation();
+                                        }
+                                        (async () => {
+                                            try {
+                                                const createdNode = await createRfpDocument();
+                                                if (createdNode) {
+                                                    // Set local state to immediately show the new RFP ID
+                                                    setNewlyCreatedRfpId(createdNode.id);
+                                                    dispatch(actions.setRequestForProposal({
+                                                        rfpId: createdNode.id,
+                                                        title: createdNode.name,
+                                                    }));
+                                                }
+                                            }
+                                            catch (error) {
+                                                console.error("Error creating RFP document:", error);
+                                            }
+                                        })();
+                                        return false;
+                                    }, children: isCreatingRfp ? "Creating..." : "Create RFP Document" }) })) : ("")] }), rfpDocument ? (_jsx("div", { children: state.initialProposal ? (_jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-2xl text-gray-900 mb-4", children: "Initial Proposal" }), _jsxs("div", { className: "flex flex-row gap-4 mb-6", children: [_jsx("div", { className: "flex-1", children: _jsx(TextInput, { label: "Author", value: manualAuthorInput ||
+                                                    state.initialProposal?.author?.name ||
+                                                    "", onChange: (e) => {
+                                                    setManualAuthorInput(e.target.value);
+                                                }, onBlur: (e) => {
+                                                    if (e.target.value !== state.initialProposal?.author?.name) {
                                                         dispatch(actions.editInitialProposal({
                                                             id: state.initialProposal?.id || "",
-                                                            sowId: createdNode.id,
+                                                            proposalAuthor: {
+                                                                id: generateId(),
+                                                                name: e.target.value,
+                                                            },
                                                         }));
                                                     }
-                                                }, children: isCreatingSow ? "Creating..." : "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 ||
-                                                    "", onBlur: (e) => {
-                                                    if (e.target.value !== state.initialProposal?.paymentTerms) {
+                                                } }) }), _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 || "",
-                                                            paymentTermsId: e.target.value,
+                                                            status: value,
                                                         }));
                                                     }
-                                                }, 
-                                                // 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: "",
-                                                        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: "",
-                                                        description: "",
-                                                        icon: "File",
-                                                    };
-                                                }, initialOptions: paymentTermsDocumentNode
-                                                    ? [
-                                                        {
-                                                            value: paymentTermsDocumentNode.header.id,
-                                                            title: paymentTermsDocumentNode.header.name,
+                                                } }) })] }), _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,
+                                                            }));
+                                                        }
+                                                    }, 
+                                                    // 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: "",
+                                                            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: "",
                                                             description: "",
                                                             icon: "File",
-                                                        },
-                                                    ]
-                                                    : undefined }), _jsx("button", { className: "text-sm bg-gray-100 rounded-md mt-1 p-1 hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed", disabled: isCreatingPaymentTerms, onClick: async () => {
-                                                    console.log("Creating payment terms");
-                                                    const createdNode = await createPaymentTermsDocument();
-                                                    if (createdNode) {
-                                                        // Set local state to immediately show the new Payment Terms ID
-                                                        setNewlyCreatedPaymentTermsId(createdNode.id);
-                                                        dispatch(actions.editInitialProposal({
-                                                            id: state.initialProposal?.id || "",
-                                                            paymentTermsId: createdNode.id,
+                                                        };
+                                                    }, initialOptions: sowDocumentNode
+                                                        ? [
+                                                            {
+                                                                value: sowDocumentNode.header.id,
+                                                                title: sowDocumentNode.state?.global?.title ||
+                                                                    sowDocumentNode.header.name,
+                                                                path: "",
+                                                                description: "",
+                                                                icon: "File",
+                                                            },
+                                                        ]
+                                                        : undefined }), _jsx("button", { type: "button", className: "text-sm bg-gray-100 rounded-md mt-1 p-1 hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed", disabled: isCreatingSow, onClick: (e) => {
+                                                        if (e) {
+                                                            e.preventDefault();
+                                                            e.stopPropagation();
+                                                        }
+                                                        (async () => {
+                                                            try {
+                                                                console.log("Creating sow");
+                                                                const createdNode = await createSowDocument();
+                                                                if (createdNode) {
+                                                                    // Set local state to immediately show the new SOW ID
+                                                                    setNewlyCreatedSowId(createdNode.id);
+                                                                    dispatch(actions.editInitialProposal({
+                                                                        id: state.initialProposal?.id || "",
+                                                                        sowId: createdNode.id,
+                                                                    }));
+                                                                }
+                                                            }
+                                                            catch (error) {
+                                                                console.error("Error creating SOW document:", error);
+                                                            }
+                                                        })();
+                                                        return false;
+                                                    }, children: isCreatingSow ? "Creating..." : "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 ||
+                                                        "", onBlur: (e) => {
+                                                        if (e.target.value !== state.initialProposal?.paymentTerms) {
+                                                            dispatch(actions.editInitialProposal({
+                                                                id: state.initialProposal?.id || "",
+                                                                paymentTermsId: e.target.value,
+                                                            }));
+                                                        }
+                                                    }, 
+                                                    // 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: "",
+                                                            description: "", // document description or summary
+                                                            icon: "File", // document icon
                                                         }));
-                                                    }
-                                                }, children: isCreatingPaymentTerms
-                                                    ? "Creating..."
-                                                    : "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({
-                                                        id: d.id,
-                                                    }));
-                                                });
-                                            }
-                                        }, onAdd: (data) => {
-                                            if (data.authorName) {
-                                                dispatch(actions.addAlternativeProposal({
-                                                    id: generateId(),
-                                                    proposalAuthor: {
+                                                    }, 
+                                                    // 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: "",
+                                                            description: "",
+                                                            icon: "File",
+                                                        };
+                                                    }, initialOptions: paymentTermsDocumentNode
+                                                        ? [
+                                                            {
+                                                                value: paymentTermsDocumentNode.header.id,
+                                                                title: paymentTermsDocumentNode.header.name,
+                                                                path: "",
+                                                                description: "",
+                                                                icon: "File",
+                                                            },
+                                                        ]
+                                                        : undefined }), _jsx("button", { type: "button", className: "text-sm bg-gray-100 rounded-md mt-1 p-1 hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed", disabled: isCreatingPaymentTerms, onClick: (e) => {
+                                                        if (e) {
+                                                            e.preventDefault();
+                                                            e.stopPropagation();
+                                                        }
+                                                        (async () => {
+                                                            try {
+                                                                console.log("Creating payment terms");
+                                                                const createdNode = await createPaymentTermsDocument();
+                                                                if (createdNode) {
+                                                                    // Set local state to immediately show the new Payment Terms ID
+                                                                    setNewlyCreatedPaymentTermsId(createdNode.id);
+                                                                    dispatch(actions.editInitialProposal({
+                                                                        id: state.initialProposal?.id || "",
+                                                                        paymentTermsId: createdNode.id,
+                                                                    }));
+                                                                }
+                                                            }
+                                                            catch (error) {
+                                                                console.error("Error creating Payment Terms document:", error);
+                                                            }
+                                                        })();
+                                                        return false;
+                                                    }, children: isCreatingPaymentTerms
+                                                        ? "Creating..."
+                                                        : "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({
+                                                            id: d.id,
+                                                        }));
+                                                    });
+                                                }
+                                            }, onAdd: (data) => {
+                                                if (data.authorName) {
+                                                    dispatch(actions.addAlternativeProposal({
                                                         id: generateId(),
-                                                        name: data.authorName,
-                                                    },
-                                                }));
-                                            }
-                                        } })] })] })) : (_jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-2xl text-gray-900 mb-4", children: "Initial Proposal" }), _jsx("div", { className: "mt-4", children: _jsx(Button, { color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Initial Proposal", "aria-description": "Create Initial Proposal", onClick: () => {
-                                        console.log("Creating initial proposal");
-                                        dispatch(actions.editInitialProposal({
-                                            id: generateId(),
-                                        }));
-                                    }, children: "Create Initial Proposal" }) })] })) })) : null, _jsx(ToastContainer, {})] }) }));
+                                                        proposalAuthor: {
+                                                            id: generateId(),
+                                                            name: data.authorName,
+                                                        },
+                                                    }));
+                                                }
+                                            } })] })] })) : (_jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-2xl text-gray-900 mb-4", children: "Initial Proposal" }), _jsx("div", { className: "mt-4", children: _jsx(Button, { color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Initial Proposal", "aria-description": "Create Initial Proposal", onClick: () => {
+                                            console.log("Creating initial proposal");
+                                            dispatch(actions.editInitialProposal({
+                                                id: generateId(),
+                                            }));
+                                        }, children: "Create Initial Proposal" }) })] })) })) : null, _jsx(ToastContainer, {})] })] }));
 }