@powerhousedao/network-admin 1.0.0-dev.3 → 1.0.0-staging.4

package/dist/editors/workstream/editor.js

@@ -1,14 +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 "./project-management-import.js";
+import { ScopeOfWork } from "@powerhousedao/project-management/document-models";
 import { generateId } from "document-model/core";
-import { useDocumentById, useSelectedDrive, addDocument, useDocumentsInSelectedDrive, useParentFolderForSelectedNode, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { useDocumentById, useSelectedDriveSafe, addDocument, useDocumentsInSelectedDrive, useParentFolderForSelectedNode, setSelectedNode, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { useEffect, useMemo, useState, useCallback } from "react";
-import { useSelectedWorkstreamDocument } from "../hooks/useWorkstreamDocument.js";
-import { DocumentToolbar } from "@powerhousedao/design-system";
+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)" },
@@ -31,110 +31,107 @@ export default function Editor() {
     const [doc, dispatch] = useSelectedWorkstreamDocument();
     // Try to get dispatch from context or props
     const [state, setState] = useState(doc.state.global);
+    const [clientInputValue, setClientInputValue] = useState(doc.state.global.client?.id || "");
     useEffect(() => {
         setState(doc.state.global);
     }, [doc.state.global]);
-    const [selectedDrive] = useSelectedDrive();
-    const [newNode, setNewNode] = useState(null);
+    useEffect(() => {
+        setClientInputValue(state.client?.id || "");
+    }, [state.client?.id]);
+    const [selectedDrive] = useSelectedDriveSafe();
     // Local state to track newly created document IDs
     const [newlyCreatedSowId, setNewlyCreatedSowId] = useState(null);
     const [newlyCreatedPaymentTermsId, setNewlyCreatedPaymentTermsId] = useState(null);
     const [newlyCreatedRfpId, setNewlyCreatedRfpId] = useState(null);
-    // 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);
-    }
     // Loading states to prevent double-clicks
     const [isCreatingRfp, setIsCreatingRfp] = useState(false);
     const [isCreatingSow, setIsCreatingSow] = useState(false);
     const [isCreatingPaymentTerms, setIsCreatingPaymentTerms] = useState(false);
-    const [document, dispatchAction] = useDocumentById(newNode?.id);
-    const updateRFPDocWithDispatch = () => {
-        dispatchAction(rfpActions.editRfp({
-            title: `RFP-${state.title || ""}`,
-        }));
-    };
-    const updateSOWDocWithDispatch = () => {
-        dispatchAction(ScopeOfWork.actions.editScopeOfWork({
-            title: `SOW-${state.title || ""}`,
-        }));
-    };
-    useEffect(() => {
-        if (newNode) {
-            if (newNode.documentType === "powerhouse/rfp") {
-                updateRFPDocWithDispatch();
-            }
-            else if (newNode.documentType === "powerhouse/scopeofwork") {
-                updateSOWDocWithDispatch();
-            }
-            setNewNode(null);
-        }
-    }, [newNode]);
     const createRfpDocument = useCallback(async () => {
         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);
             if (createdNode) {
-                setNewNode(createdNode);
+                await dispatchActions(rfpActions.editRfp({
+                    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);
             if (createdNode) {
-                setNewNode(createdNode);
+                await dispatchActions(ScopeOfWork.actions.editScopeOfWork({
+                    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]);
-    const getDocumentNameById = useCallback((documentId) => {
-        const document = useDocumentById(documentId);
-        const [documentData] = document || [];
-        return documentData?.header.name || "";
-    }, [useDocumentById]);
+    }, [
+        isCreatingPaymentTerms,
+        selectedDrive?.header.id,
+        state.title,
+        doc.header.id,
+    ]);
     // Local state to track manual input values
     const [manualAuthorInput, setManualAuthorInput] = useState("");
     // Effect to clear local state when global state is updated
@@ -156,6 +153,11 @@ export default function Editor() {
         }
     }, [state.rfp?.id, newlyCreatedRfpId]);
     const allDocuments = useDocumentsInSelectedDrive();
+    const getDocumentNameById = useCallback((documentId) => {
+        // Use allDocuments array instead of hooks to avoid violating Rules of Hooks
+        const document = allDocuments?.find((doc) => doc.header.id === documentId);
+        return document?.header.name || "";
+    }, [allDocuments]);
     let rfpDocumentNode = undefined;
     if (state.rfp?.id) {
         rfpDocumentNode = allDocuments?.find((doc) => {
@@ -225,6 +227,17 @@ export default function Editor() {
             path: "",
         }));
     };
+    const searchClientDocuments = (userInput) => {
+        const results = allDocuments?.filter((node) => node.header.documentType === "powerhouse/network-profile" &&
+            (!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 ||
@@ -343,10 +356,23 @@ export default function Editor() {
         return {
             value: doc.header.id,
             title: title || doc.header.name,
-            path: {
-                text: doc.header.name,
-                url: doc.header.id,
-            },
+            path: "",
+            description: "",
+        };
+    }, [allDocuments]);
+    const getClientOptionById = useCallback((documentId) => {
+        if (!documentId)
+            return undefined;
+        const doc = allDocuments?.find((document) => {
+            return (document.header.documentType === "powerhouse/network-profile" &&
+                document.header.id === documentId);
+        });
+        if (!doc)
+            return undefined;
+        return {
+            value: doc.header.id,
+            title: doc.header.name,
+            path: "",
             description: "",
         };
     }, [allDocuments]);
@@ -362,13 +388,11 @@ export default function Editor() {
         return {
             value: doc.header.id,
             title: doc.header.name,
-            path: {
-                text: doc.header.name,
-                url: doc.header.id,
-            },
+            path: "",
             description: "",
         };
     }, [allDocuments]);
+    const clientInitialOption = useMemo(() => getClientOptionById(state.client?.id), [getClientOptionById, state.client?.id]);
     const alternativeProposalsColumns = useMemo(() => [
         {
             field: "authorName",
@@ -404,7 +428,7 @@ export default function Editor() {
                 if (newValue !== context.row.sow) {
                     dispatch(actions.editAlternativeProposal({
                         id: context.row.id,
-                        sowId: newValue,
+                        sowId: newValue || null,
                     }));
                     return true;
                 }
@@ -413,14 +437,56 @@ export default function Editor() {
             renderCellEditor: (value, onChange, context) => {
                 const currentValue = value || "";
                 const initialOption = getSowOptionById(currentValue);
+                let latestValue = currentValue;
+                const handleSave = (valueToSave) => {
+                    // Use provided value or fallback to latest tracked value
+                    const valueToUse = valueToSave !== undefined ? valueToSave : latestValue;
+                    const normalizedValue = valueToUse || null;
+                    const currentRowValue = context.row.sow || null;
+                    if (normalizedValue !== currentRowValue) {
+                        onChange(normalizedValue);
+                        dispatch(actions.editAlternativeProposal({
+                            id: context.row.id,
+                            sowId: normalizedValue || null,
+                        }));
+                    }
+                };
                 return (_jsx(PHIDInput, { value: currentValue, onChange: (newValue) => {
+                        latestValue = newValue || "";
                         onChange(newValue);
                     }, onBlur: (e) => {
-                        if (e.target.value !== context.row.sow) {
-                            dispatch(actions.editAlternativeProposal({
-                                id: context.row.id,
-                                sowId: e.target.value,
-                            }));
+                        // Use a small delay to ensure value is set after dropdown closes
+                        setTimeout(() => {
+                            const inputValue = e.target?.value || latestValue;
+                            handleSave(inputValue);
+                        }, 100);
+                    }, onKeyDown: async (e) => {
+                        if (e.key === "Enter") {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            const inputValue = e.target?.value || latestValue;
+                            // Fetch the actual document value from search results instead of using raw input
+                            if (inputValue) {
+                                const searchResults = searchSowDocuments(inputValue) || [];
+                                const foundDoc = searchResults.find((doc) => doc.value === inputValue ||
+                                    doc.title
+                                        .toLowerCase()
+                                        .includes(inputValue.toLowerCase())) || searchResults[0];
+                                if (foundDoc) {
+                                    handleSave(foundDoc.value);
+                                }
+                                else {
+                                    // If no match found, clear the value
+                                    handleSave("");
+                                }
+                            }
+                            else {
+                                handleSave(""); // Clear if empty
+                            }
+                            // Blur the input to exit edit mode
+                            setTimeout(() => {
+                                e.target?.blur();
+                            }, 0);
                         }
                     }, placeholder: "Search for SOW Document", className: "w-full", variant: "withValueTitleAndDescription", initialOptions: initialOption ? [initialOption] : undefined, fetchOptionsCallback: async (userInput) => {
                         const results = searchSowDocuments(userInput || "") || [];
@@ -430,10 +496,7 @@ export default function Editor() {
                         return results.map((doc) => ({
                             value: doc.value,
                             title: doc.title,
-                            path: {
-                                text: doc.path,
-                                url: doc.value,
-                            },
+                            path: "",
                             description: "",
                         }));
                     }, fetchSelectedOptionCallback: async (documentId) => {
@@ -444,10 +507,7 @@ export default function Editor() {
                         return {
                             value: doc.value,
                             title: doc.title,
-                            path: {
-                                text: doc.path,
-                                url: doc.value,
-                            },
+                            path: "",
                             description: "",
                         };
                     } }));
@@ -468,7 +528,7 @@ export default function Editor() {
                 if (newValue !== context.row.paymentTerms) {
                     dispatch(actions.editAlternativeProposal({
                         id: context.row.id,
-                        paymentTermsId: newValue,
+                        paymentTermsId: newValue || null,
                     }));
                     return true;
                 }
@@ -477,14 +537,56 @@ export default function Editor() {
             renderCellEditor: (value, onChange, context) => {
                 const currentValue = value || "";
                 const initialOption = getPaymentTermsOptionById(currentValue);
+                let latestValue = currentValue;
+                const handleSave = (valueToSave) => {
+                    // Use provided value or fallback to latest tracked value
+                    const valueToUse = valueToSave !== undefined ? valueToSave : latestValue;
+                    const normalizedValue = valueToUse || null;
+                    const currentRowValue = context.row.paymentTerms || null;
+                    if (normalizedValue !== currentRowValue) {
+                        onChange(normalizedValue);
+                        dispatch(actions.editAlternativeProposal({
+                            id: context.row.id,
+                            paymentTermsId: normalizedValue || null,
+                        }));
+                    }
+                };
                 return (_jsx(PHIDInput, { value: currentValue, onChange: (newValue) => {
+                        latestValue = newValue || "";
                         onChange(newValue);
                     }, onBlur: (e) => {
-                        if (e.target.value !== context.row.paymentTerms) {
-                            dispatch(actions.editAlternativeProposal({
-                                id: context.row.id,
-                                paymentTermsId: e.target.value,
-                            }));
+                        // Use a small delay to ensure value is set after dropdown closes
+                        setTimeout(() => {
+                            const inputValue = e.target?.value || latestValue;
+                            handleSave(inputValue);
+                        }, 100);
+                    }, onKeyDown: async (e) => {
+                        if (e.key === "Enter") {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            const inputValue = e.target?.value || latestValue;
+                            // Fetch the actual document value from search results instead of using raw input
+                            if (inputValue) {
+                                const searchResults = searchPaymentTermsDocuments(inputValue) || [];
+                                const foundDoc = searchResults.find((doc) => doc.value === inputValue ||
+                                    doc.title
+                                        .toLowerCase()
+                                        .includes(inputValue.toLowerCase())) || searchResults[0];
+                                if (foundDoc) {
+                                    handleSave(foundDoc.value);
+                                }
+                                else {
+                                    // If no match found, clear the value
+                                    handleSave("");
+                                }
+                            }
+                            else {
+                                handleSave(""); // Clear if empty
+                            }
+                            // Blur the input to exit edit mode
+                            setTimeout(() => {
+                                e.target?.blur();
+                            }, 0);
                         }
                     }, placeholder: "Search for Payment Terms Document", className: "w-full", variant: "withValueTitleAndDescription", initialOptions: initialOption ? [initialOption] : undefined, fetchOptionsCallback: async (userInput) => {
                         const results = searchPaymentTermsDocuments(userInput || "") || [];
@@ -494,10 +596,7 @@ export default function Editor() {
                         return results.map((doc) => ({
                             value: doc.value,
                             title: doc.title,
-                            path: {
-                                text: doc.path,
-                                url: doc.value,
-                            },
+                            path: "",
                             description: "",
                         }));
                     }, fetchSelectedOptionCallback: async (documentId) => {
@@ -508,10 +607,7 @@ export default function Editor() {
                         return {
                             value: doc.value,
                             title: doc.title,
-                            path: {
-                                text: doc.path,
-                                url: doc.value,
-                            },
+                            path: "",
                             description: "",
                         };
                     } }));
@@ -561,6 +657,12 @@ export default function Editor() {
         searchPaymentTermsDocuments,
         searchSowDocuments,
     ]);
+    // 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);
@@ -569,11 +671,30 @@ export default function Editor() {
                                                 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", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Client ID" }), _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: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z", clipRule: "evenodd" }) }) }), _jsx(TextInput, { className: "flex-1", defaultValue: state.client?.id || "", onBlur: (e) => {
-                                                            if (e.target.value !== state.client?.id) {
-                                                                handleClientIdChange(e.target.value);
-                                                            }
-                                                        }, placeholder: "Enter client ID" }), _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: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }) }) })] })] }), _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) => {
+                                            }, 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);
                                                     }
@@ -581,7 +702,7 @@ export default function Editor() {
                                                                     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: "withValueTitleAndDescription", value: newlyCreatedRfpId || state.rfp?.id || "", onBlur: (e) => {
+                                                                }, 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,
@@ -598,10 +719,7 @@ export default function Editor() {
                                             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
+                                                path: "",
                                                 description: "", // document description or summary
                                                 icon: "File", // document icon
                                             }));
@@ -616,10 +734,7 @@ export default function Editor() {
                                             return {
                                                 value: doc.value,
                                                 title: doc.title,
-                                                path: {
-                                                    text: doc.path,
-                                                    url: doc.title,
-                                                },
+                                                path: "",
                                                 description: "",
                                                 icon: "File",
                                             };
@@ -627,25 +742,32 @@ export default function Editor() {
                                             {
                                                 value: rfpDocument?.header.id || "",
                                                 title: rfpDocument?.document.title || "",
-                                                path: {
-                                                    text: rfpDocument?.document.title || "",
-                                                    url: rfpDocument?.header.id || "",
-                                                },
+                                                path: "",
                                                 description: "",
                                                 icon: "File",
                                             },
-                                        ] }) }) }), !rfpDocument ? (_jsx("div", { className: "mt-4", children: _jsx(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: 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,
-                                            }));
+                                        ] }) }) }), !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) => {
@@ -676,7 +798,7 @@ export default function Editor() {
                                                         if (e.target.value !== state.initialProposal?.sow) {
                                                             dispatch(actions.editInitialProposal({
                                                                 id: state.initialProposal?.id || "",
-                                                                sowId: e.target.value,
+                                                                sowId: e.target.value || null,
                                                             }));
                                                         }
                                                     }, 
@@ -689,10 +811,7 @@ export default function Editor() {
                                                         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
+                                                            path: "",
                                                             description: "", // document description or summary
                                                             icon: "File", // document icon
                                                         }));
@@ -706,10 +825,7 @@ export default function Editor() {
                                                         return {
                                                             value: doc.value,
                                                             title: doc.title,
-                                                            path: {
-                                                                text: doc.path,
-                                                                url: doc.title,
-                                                            },
+                                                            path: "",
                                                             description: "",
                                                             icon: "File",
                                                         };
@@ -719,32 +835,41 @@ export default function Editor() {
                                                                 value: sowDocumentNode.header.id,
                                                                 title: sowDocumentNode.state?.global?.title ||
                                                                     sowDocumentNode.header.name,
-                                                                path: {
-                                                                    text: sowDocumentNode.header.name,
-                                                                    url: sowDocumentNode.header.id,
-                                                                },
+                                                                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);
-                                                            dispatch(actions.editInitialProposal({
-                                                                id: state.initialProposal?.id || "",
-                                                                sowId: createdNode.id,
-                                                            }));
+                                                        : 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,
+                                                                paymentTermsId: e.target.value || null,
                                                             }));
                                                         }
                                                     }, 
@@ -757,10 +882,7 @@ export default function Editor() {
                                                         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
+                                                            path: "",
                                                             description: "", // document description or summary
                                                             icon: "File", // document icon
                                                         }));
@@ -774,10 +896,7 @@ export default function Editor() {
                                                         return {
                                                             value: doc.value,
                                                             title: doc.title,
-                                                            path: {
-                                                                text: doc.path,
-                                                                url: doc.title,
-                                                            },
+                                                            path: "",
                                                             description: "",
                                                             icon: "File",
                                                         };
@@ -786,34 +905,42 @@ export default function Editor() {
                                                             {
                                                                 value: paymentTermsDocumentNode.header.id,
                                                                 title: paymentTermsDocumentNode.header.name,
-                                                                path: {
-                                                                    text: paymentTermsDocumentNode.header.name,
-                                                                    url: paymentTermsDocumentNode.header.id,
-                                                                },
+                                                                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,
-                                                            }));
+                                                        : 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,
-                                                        }));
-                                                    });
+                                                    // Batch all deletion actions together
+                                                    dispatch(data.map((d) => actions.removeAlternativeProposal({
+                                                        id: d.id,
+                                                    })));
                                                 }
                                             }, onAdd: (data) => {
                                                 if (data.authorName) {
@@ -825,9 +952,7 @@ export default function Editor() {
                                                         },
                                                     }));
                                                 }
-                                            } })] })] })) : (_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: () => {
+                                            } })] })] })) : (_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(),