@powerhousedao/network-admin 0.0.23 → 0.0.24

package/dist/editors/payment-terms/retainer-tab.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
-import { TextInput, Select, Textarea, DatePicker } from "@powerhousedao/document-engineering";
+import { TextInput, Select, Textarea, DatePicker, } from "@powerhousedao/document-engineering";
 import { Button, toast } from "@powerhousedao/design-system";
 export function RetainerTab({ state, dispatch, actions }) {
     const [isEditing, setIsEditing] = useState(false);
@@ -10,16 +10,17 @@ export function RetainerTab({ state, dispatch, actions }) {
         startDate: state.retainerDetails?.startDate || "",
         endDate: state.retainerDetails?.endDate || "",
         autoRenew: state.retainerDetails?.autoRenew || false,
-        servicesIncluded: state.retainerDetails?.servicesIncluded || ""
+        servicesIncluded: state.retainerDetails?.servicesIncluded || "",
     });
     const billingFrequencyOptions = useMemo(() => [
         { label: "Weekly", value: "WEEKLY" },
         { label: "Biweekly", value: "BIWEEKLY" },
-        { label: "Monthly", value: "MONTHLY" }
+        { label: "Monthly", value: "MONTHLY" },
     ], []);
     const handleSubmit = useCallback((e) => {
         e.preventDefault();
-        if (!formData.retainerAmount || isNaN(parseFloat(formData.retainerAmount))) {
+        if (!formData.retainerAmount ||
+            isNaN(parseFloat(formData.retainerAmount))) {
             toast("Please enter a valid retainer amount", {
                 type: "error",
             });
@@ -39,17 +40,19 @@ export function RetainerTab({ state, dispatch, actions }) {
         }
         // Convert date strings to ISO format for the schema
         const startDate = new Date(formData.startDate).toISOString();
-        const endDate = formData.endDate ? new Date(formData.endDate).toISOString() : undefined;
+        const endDate = formData.endDate
+            ? new Date(formData.endDate).toISOString()
+            : undefined;
         dispatch(actions.setRetainerDetails({
             retainerAmount: {
                 value: parseFloat(formData.retainerAmount),
-                unit: state.currency
+                unit: state.currency,
             },
             billingFrequency: formData.billingFrequency,
             startDate: startDate,
             endDate: endDate,
             autoRenew: formData.autoRenew,
-            servicesIncluded: formData.servicesIncluded
+            servicesIncluded: formData.servicesIncluded,
         }));
         toast("Retainer configuration saved", {
             type: "success",
@@ -63,16 +66,21 @@ export function RetainerTab({ state, dispatch, actions }) {
             startDate: state.retainerDetails?.startDate || "",
             endDate: state.retainerDetails?.endDate || "",
             autoRenew: state.retainerDetails?.autoRenew || false,
-            servicesIncluded: state.retainerDetails?.servicesIncluded || ""
+            servicesIncluded: state.retainerDetails?.servicesIncluded || "",
         });
         setIsEditing(false);
     }, [state.retainerDetails]);
     if (!isEditing) {
-        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Retainer Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.retainerDetails ? "Edit Configuration" : "Configure Retainer" })] }), state.retainerDetails ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Retainer Amount" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.retainerAmount
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Retainer Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.retainerDetails
+                                ? "Edit Configuration"
+                                : "Configure Retainer" })] }), state.retainerDetails ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Retainer Amount" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.retainerAmount
                                         ? `${state.retainerDetails.retainerAmount.value} ${state.retainerDetails.retainerAmount.unit}`
                                         : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Billing Frequency" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.billingFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Start Date" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.startDate })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "End Date" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.endDate || "Ongoing" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Auto Renew" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.autoRenew ? "Yes" : "No" })] }), _jsxs("div", { className: "col-span-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Services Included" }), _jsx("div", { className: "bg-gray-50 dark:bg-gray-700 p-3 rounded border dark:border-gray-600", children: _jsx("p", { className: "text-sm dark:text-white", children: state.retainerDetails.servicesIncluded }) })] })] })) : (_jsxs("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No retainer configuration set up yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Retainer\" to get started." })] }))] }));
     }
-    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "flex justify-between items-center mb-4", children: _jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Configure Retainer" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsx(TextInput, { label: "Retainer Amount *", type: "number", value: formData.retainerAmount, onChange: (e) => setFormData({ ...formData, retainerAmount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(Select, { label: "Billing Frequency *", options: billingFrequencyOptions, value: formData.billingFrequency, onChange: (value) => setFormData({ ...formData, billingFrequency: value }) }), _jsx(DatePicker, { value: formData.startDate ? new Date(formData.startDate) : undefined, onChange: (e) => {
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "flex justify-between items-center mb-4", children: _jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Configure Retainer" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsx(TextInput, { label: "Retainer Amount *", type: "number", value: formData.retainerAmount, onChange: (e) => setFormData({ ...formData, retainerAmount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(Select, { label: "Billing Frequency *", options: billingFrequencyOptions, value: formData.billingFrequency, onChange: (value) => setFormData({
+                            ...formData,
+                            billingFrequency: value,
+                        }) }), _jsx(DatePicker, { value: formData.startDate ? new Date(formData.startDate) : undefined, onChange: (e) => {
                             const date = e.target.value ? new Date(e.target.value) : null;
                             setFormData({ ...formData, startDate: date?.toISOString() || "" });
                         }, name: "start-date", placeholder: "Select start date", required: true }), _jsx(DatePicker, { value: formData.endDate ? new Date(formData.endDate) : undefined, onChange: (e) => {

package/dist/editors/request-for-proposals/editor.d.ts

@@ -1,4 +1,4 @@
 import type { EditorProps } from "document-model";
 export type IProps = EditorProps;
-export default function Editor(props: any): import("react/jsx-runtime").JSX.Element;
+export default function Editor(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/request-for-proposals/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/request-for-proposals/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgB1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAYjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CA8HxC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/request-for-proposals/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAe1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAYjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA8H7B"}

package/dist/editors/request-for-proposals/editor.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { actions, } from "../../document-models/request-for-proposals/index.js";
-import { useDocumentById } from "@powerhousedao/reactor-browser";
 import { DatePicker, Select, TextInput, } from "@powerhousedao/document-engineering";
 import { MarkdownEditor } from "./markdown-editor.js";
+import { useSelectedRequestForProposalsDocument } from "../hooks/useRequestForProposalsDocument.js";
 const statusOptions = [
     { label: "DRAFT", value: "DRAFT" },
     { label: "REQUEST_FOR_COMMMENTS", value: "REQUEST_FOR_COMMMENTS" },
@@ -12,8 +12,8 @@ const statusOptions = [
     { label: "NOT_AWARDED", value: "NOT_AWARDED" },
     { label: "CLOSED", value: "CLOSED" },
 ];
-export default function Editor(props) {
-    const [doc, dispatch] = useDocumentById(props.documentId);
+export default function Editor() {
+    const [doc, dispatch] = useSelectedRequestForProposalsDocument();
     const state = doc?.state.global;
     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: "Request for Proposals" }) }), _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) {

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

@@ -1,4 +1,4 @@
 import type { EditorProps } from "document-model";
 export type IProps = EditorProps;
-export default function Editor(props: any): import("react/jsx-runtime").JSX.Element;
+export default function Editor(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/workstream/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAiCtE,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAsBjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAuiCxC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/workstream/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAGZ,MAAM,gBAAgB,CAAC;AAmCxB,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAsBjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA+hC7B"}

package/dist/editors/workstream/editor.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, toast, ToastContainer } from "@powerhousedao/design-system";
-import { TextInput, Select, OIDInput, Icon, ObjectSetTable, buildEnumCellEditor, } from "@powerhousedao/document-engineering";
+import { TextInput, Select, OIDInput, ObjectSetTable, buildEnumCellEditor, } from "@powerhousedao/document-engineering";
 import { actions, } from "../../document-models/workstream/index.js";
 import { actions as rfpActions, } from "../../document-models/request-for-proposals/index.js";
 import { ScopeOfWork } from "@powerhousedao/project-management/document-models";
 import { generateId } from "document-model";
 import { useDocumentById, useSelectedDrive, addDocument, useSelectedDriveDocuments, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { useEffect, useMemo, useState } from "react";
+import { useSelectedWorkstreamDocument } from "../hooks/useWorkstreamDocument.js";
 // Status options for the dropdown
 const statusOptions = [
     { value: "RFP_DRAFT", label: "RFP Draft (RFP_DRAFT)" },
@@ -25,15 +26,13 @@ const statusStyles = {
     ACCEPTED: "bg-[#c8ecd1] text-[#4fc86f] rounded px-2 py-1 font-semibold",
     REJECTED: "bg-[#ffaea8] text-[#de3333] rounded px-2 py-1 font-semibold",
 };
-export default function Editor(props) {
-    const [doc, dispatch] = useDocumentById(props.documentId);
+export default function Editor() {
+    const [doc, dispatch] = useSelectedWorkstreamDocument();
     // Try to get dispatch from context or props
     const [state, setState] = useState(doc.state.global);
     useEffect(() => {
         setState(doc.state.global);
     }, [doc.state.global]);
-    const setActiveDocumentId = props.setActiveDocumentId;
-    const setActiveSidebarNodeId = props.setActiveSidebarNodeId;
     const [selectedDrive] = useSelectedDrive();
     const createRfpDocument = async () => {
         const createdNode = await addDocument(selectedDrive?.header.id || "", `RFP-${state.title || ""}`, "powerhouse/rfp", undefined, undefined, undefined, "request-for-proposals-editor");
@@ -125,8 +124,7 @@ export default function Editor(props) {
             rfpDocumentDataState?.state?.global) {
             const newRfpDocument = {
                 ...rfpDocumentNode,
-                document: (rfpDocumentDataState?.state)
-                    .global,
+                document: (rfpDocumentDataState?.state).global,
             };
             // Only update if the ID changed or if we don't have a document yet
             setRfpDocument((prev) => {
@@ -169,7 +167,8 @@ export default function Editor(props) {
                     false)));
         return results?.map((doc) => ({
             value: doc.header.id,
-            title: doc.state?.global?.title || doc.header.name,
+            title: doc.state
+                ?.global?.title || doc.header.name,
             path: "",
         }));
     };
@@ -180,7 +179,7 @@ export default function Editor(props) {
                 node.header.id.toLowerCase().includes(userInput.toLowerCase())));
         return results?.map((doc) => ({
             value: doc.header.id,
-            title: doc.state?.global?.title || doc.header.name,
+            title: doc.header.name,
             path: "",
         }));
     };
@@ -260,11 +259,11 @@ export default function Editor(props) {
             title: "Author",
             editable: true,
             onSave: (newValue, context) => {
-                if (newValue !== context.row.title) {
+                if (newValue !== context.row.author.name) {
                     dispatch(actions.editAlternativeProposal({
                         id: context.row.id,
                         proposalAuthor: {
-                            id: context.row.authorId,
+                            id: context.row.author.id,
                             name: newValue,
                         },
                     }));
@@ -272,7 +271,7 @@ export default function Editor(props) {
                 }
                 return false;
             },
-            renderCell: (value, context) => {
+            renderCell: (value) => {
                 if (value === undefined) {
                     return (_jsx("div", { className: "font-light italic text-left text-gray-500 text-xs", children: "+ Double-click to add new author" }));
                 }
@@ -286,7 +285,7 @@ export default function Editor(props) {
             editable: true,
             align: "center",
             onSave: (newValue, context) => {
-                if (newValue !== context.row.title) {
+                if (newValue !== context.row.sow) {
                     dispatch(actions.editAlternativeProposal({
                         id: context.row.id,
                         sowId: newValue,
@@ -303,7 +302,7 @@ export default function Editor(props) {
             editable: true,
             align: "center",
             onSave: (newValue, context) => {
-                if (newValue !== context.row.title) {
+                if (newValue !== context.row.paymentTerms) {
                     dispatch(actions.editAlternativeProposal({
                         id: context.row.id,
                         paymentTermsId: newValue,
@@ -366,63 +365,60 @@ export default function Editor(props) {
                                                         if (e.target.value !== state.client?.icon) {
                                                             handleClientChange("icon", e.target.value);
                                                         }
-                                                    }, placeholder: "Enter client icon URL" })] })] })] })] }), _jsxs("div", { className: "bg-white rounded-lg p-6 mt-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-2xl text-gray-900 mb-4", children: "Request for Proposal" }), _jsxs("div", { className: "w-full flex flex-row items-center gap-8", children: [_jsx("div", { className: "w-[350px]", children: _jsx(OIDInput, { name: "Request for Proposal", label: "RFP Document", placeholder: "Search for RFP Document", variant: "withValueTitleAndDescription", value: newlyCreatedRfpId || state.rfp?.id || "", onBlur: (e) => {
-                                            if (e.target.value !== state.rfp?.id) {
-                                                dispatch(actions.setRequestForProposal({
-                                                    rfpId: e.target.value,
-                                                    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: {
-                                                    text: doc.path,
-                                                    url: doc.value,
-                                                }, // document path or location
-                                                description: "", // document description or summary
-                                                icon: "File", // document icon
-                                            }));
-                                        }, 
-                                        // get details of a specific option by its ID/value
-                                        fetchSelectedOptionCallback: async (documentId) => {
-                                            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: {
-                                                    text: doc.path,
-                                                    url: doc.title,
-                                                },
-                                                description: "",
-                                                icon: "File",
-                                            };
-                                        }, initialOptions: [
-                                            {
-                                                value: rfpDocument?.header.id || "",
+                                                    }, placeholder: "Enter client icon URL" })] })] })] })] }), _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) => {
+                                        if (e.target.value !== state.rfp?.id) {
+                                            dispatch(actions.setRequestForProposal({
+                                                rfpId: e.target.value,
                                                 title: rfpDocument?.document.title || "",
-                                                path: {
-                                                    text: rfpDocument?.document.title || "",
-                                                    url: rfpDocument?.header.id || "",
-                                                },
-                                                description: "",
-                                                icon: "File",
+                                            }));
+                                        }
+                                    }, 
+                                    // 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: {
+                                                text: doc.path,
+                                                url: doc.value,
+                                            }, // document path or location
+                                            description: "", // document description or summary
+                                            icon: "File", // document icon
+                                        }));
+                                    }, 
+                                    // get details of a specific option by its ID/value
+                                    fetchSelectedOptionCallback: async (documentId) => {
+                                        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: {
+                                                text: doc.path,
+                                                url: doc.title,
                                             },
-                                        ] }) }), rfpDocument ? (_jsx("div", { className: "flex items-center", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(Icon, { className: "hover:cursor-pointer hover:bg-gray-500", name: "Moved", size: 18, onClick: () => {
-                                                    setActiveDocumentId(rfpDocument?.header.id);
-                                                    setActiveSidebarNodeId(`editor-${rfpDocument?.header.id}`);
-                                                } }), _jsx("span", { children: "RFP Editor" })] }) })) : ("")] }), !rfpDocument ? (_jsx("div", { className: "mt-4", children: _jsx(Button, { color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Save Workstream", "aria-description": "Save Workstream", onClick: async () => {
+                                            description: "",
+                                            icon: "File",
+                                        };
+                                    }, initialOptions: [
+                                        {
+                                            value: rfpDocument?.header.id || "",
+                                            title: rfpDocument?.document.title || "",
+                                            path: {
+                                                text: rfpDocument?.document.title || "",
+                                                url: rfpDocument?.header.id || "",
+                                            },
+                                            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", title: "Save Workstream", "aria-description": "Save Workstream", onClick: async () => {
                                     const createdNode = await createRfpDocument();
                                     if (createdNode) {
                                         // Set local state to immediately show the new RFP ID
@@ -452,9 +448,9 @@ export default function Editor(props) {
                                                 { value: "ACCEPTED", label: "Accepted" },
                                                 { value: "REJECTED", label: "Rejected" },
                                             ], value: state.initialProposal.status || "DRAFT", onChange: (value) => {
-                                                if (value !== state.initialProposal.status) {
+                                                if (value !== state.initialProposal?.status) {
                                                     dispatch(actions.editInitialProposal({
-                                                        id: state.initialProposal.id,
+                                                        id: state.initialProposal?.id || "",
                                                         status: value,
                                                     }));
                                                 }
@@ -503,8 +499,8 @@ export default function Editor(props) {
                                                     ? [
                                                         {
                                                             value: sowDocumentNode.header.id,
-                                                            title: sowDocumentNode.state?.global
-                                                                ?.title || sowDocumentNode.header.name,
+                                                            title: sowDocumentNode.state?.global?.title ||
+                                                                sowDocumentNode.header.name,
                                                             path: {
                                                                 text: sowDocumentNode.header.name,
                                                                 url: sowDocumentNode.header.id,
@@ -571,9 +567,7 @@ export default function Editor(props) {
                                                     ? [
                                                         {
                                                             value: paymentTermsDocumentNode.header.id,
-                                                            title: paymentTermsDocumentNode.state
-                                                                ?.global?.title ||
-                                                                paymentTermsDocumentNode.header.name,
+                                                            title: paymentTermsDocumentNode.header.name,
                                                             path: {
                                                                 text: paymentTermsDocumentNode.header.name,
                                                                 url: paymentTermsDocumentNode.header.id,

package/dist/style.css

@@ -333,24 +333,6 @@
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
-  .container {
-    width: 100%;
-    @media (width >= 40rem) {
-      max-width: 40rem;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem;
-    }
-    @media (width >= 96rem) {
-      max-width: 96rem;
-    }
-  }
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -408,9 +390,6 @@
   .inline {
     display: inline;
   }
-  .inline-flex {
-    display: inline-flex;
-  }
   .table {
     display: table;
   }
@@ -981,13 +960,6 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
-  .hover\:cursor-pointer {
-    &:hover {
-      @media (hover: hover) {
-        cursor: pointer;
-      }
-    }
-  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -1009,13 +981,6 @@
       }
     }
   }
-  .hover\:bg-gray-500 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-500);
-      }
-    }
-  }
   .hover\:bg-gray-600 {
     &:hover {
       @media (hover: hover) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/network-admin",
   "description": "Network Admin package for Powerhouse",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -59,7 +59,7 @@
     "@powerhousedao/common": "^5.0.0-staging.22",
     "@powerhousedao/design-system": "^5.0.0-staging.22",
     "@powerhousedao/document-engineering": "^1.38.0",
-    "@powerhousedao/project-management": "0.0.41",
+    "@powerhousedao/project-management": "0.0.43",
     "@uiw/react-md-editor": "^4.0.8",
     "document-model": "^5.0.0-staging.22",
     "error": "^10.4.0",

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

@@ -1,13 +0,0 @@
-/**
- * Document editor container that wraps individual document editors.
- * Handles document loading, toolbar, revision history, and dynamic editor loading.
- * Customize toolbar actions and editor context here.
- */
-export declare const EditorContainer: (props: {
-    handleClose: () => void;
-    hideToolbar?: boolean;
-    activeDocumentId: string;
-    setActiveDocumentId: (id: string) => void;
-    setActiveSidebarNodeId: (id: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EditorContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/EditorContainer.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,4CAkMA,CAAC"}

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

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getRevisionFromDate, useTimelineItems } from "@powerhousedao/common";
-import { DocumentToolbar, RevisionHistory, } from "@powerhousedao/design-system";
-import { exportFile, useEditorModuleById, useSelectedDrive, useDocumentById, addDocument, useNodes, useFallbackEditorModule, dispatchActions, } from "@powerhousedao/reactor-browser";
-import { Suspense, useCallback, useState } from "react";
-import { actions as rfpActions } from "../../../document-models/request-for-proposals/index.js";
-import { ScopeOfWork } from "@powerhousedao/project-management/document-models";
-/**
- * Document editor container that wraps individual document editors.
- * Handles document loading, toolbar, revision history, and dynamic editor loading.
- * Customize toolbar actions and editor context here.
- */
-export const EditorContainer = (props) => {
-    const { handleClose, hideToolbar = false, activeDocumentId, setActiveDocumentId, setActiveSidebarNodeId, } = props;
-    // UI state for revision history and timeline
-    const [selectedTimelineItem, setSelectedTimelineItem] = useState(null);
-    const [showRevisionHistory, setShowRevisionHistory] = useState(false);
-    const [selectedDocument, dispatch] = useDocumentById(props.activeDocumentId);
-    const [selectedDrive] = useSelectedDrive();
-    const nodes = useNodes();
-    const folderId = nodes?.find((node) => node.id === selectedDocument?.header.id)
-        ?.parentFolder || undefined;
-    const createRfpDocument = useCallback(async () => {
-        const rfpDocName = `RFP-${(selectedDocument?.state).global?.title || "Untitled"}`;
-        const rfpDocCode = `RFP-${(selectedDocument?.state).global?.code || ""}`;
-        try {
-            const createdNode = await addDocument(selectedDrive?.header.id || "", rfpDocName, "powerhouse/rfp", folderId, undefined, undefined, "request-for-proposals-editor");
-            if (!createdNode?.id) {
-                console.error("Error creating RFP document", rfpDocName);
-                return null;
-            }
-            await dispatchActions(rfpActions.editRfp({ title: rfpDocName, code: rfpDocCode }), createdNode.id);
-            return createdNode;
-        }
-        catch (error) {
-            console.error("Error creating RFP document", error);
-            return null;
-        }
-    }, [selectedDrive, (selectedDocument?.state).global, folderId]);
-    const createSowDocument = useCallback(async () => {
-        const sowDocName = `SOW-${(selectedDocument?.state).global?.title || "Untitled"}`;
-        try {
-            const createdNode = await addDocument(selectedDrive?.header.id || "", sowDocName, "powerhouse/scopeofwork", folderId, undefined, undefined, "scope-of-work-editor");
-            if (!createdNode?.id) {
-                console.error("Error creating SOW document", sowDocName);
-                return null;
-            }
-            await dispatchActions(ScopeOfWork.actions.editScopeOfWork({ title: sowDocName }), createdNode.id);
-            return createdNode;
-        }
-        catch (error) {
-            console.error("Error creating SOW document", error);
-            return null;
-        }
-    }, [selectedDrive, (selectedDocument?.state).global, folderId]);
-    const createPaymentTermsDocument = useCallback(async () => {
-        const paymentTermsDocName = `Payment Terms-${(selectedDocument?.state).global?.title || "Untitled"}`;
-        try {
-            const createdNode = await addDocument(selectedDrive?.header.id || "", paymentTermsDocName, "payment-terms", folderId, undefined, undefined, "payment-terms-editor");
-            if (!createdNode?.id) {
-                console.error("Error creating Payment Terms document", paymentTermsDocName);
-                return null;
-            }
-            return createdNode;
-        }
-        catch (error) {
-            console.error("Error creating Payment Terms document", error);
-            return null;
-        }
-    }, [selectedDrive, (selectedDocument?.state).global, folderId]);
-    // Timeline data for revision history
-    const timelineItems = useTimelineItems(selectedDocument?.header.id, selectedDocument?.header.createdAtUtcIso, selectedDrive?.header.id);
-    let preferredEditor = useFallbackEditorModule(selectedDocument?.header.documentType);
-    const editorModule = useEditorModuleById(selectedDocument?.header.meta?.preferredEditor ||
-        preferredEditor?.id ||
-        undefined);
-    // Document export functionality - customize export behavior here
-    const onExport = useCallback(async () => {
-        if (selectedDocument) {
-            await exportFile(selectedDocument);
-        }
-    }, [selectedDocument]);
-    // Loading state component
-    const loadingContent = (_jsx("div", { className: "flex h-full flex-1 items-center justify-center", children: _jsx("div", { children: "sth is wrong fix yourself" }) }));
-    if (!selectedDocument)
-        return loadingContent;
-    // Dynamically load the appropriate editor component for this document type
-    const EditorComponent = editorModule?.Component;
-    if (!EditorComponent)
-        return loadingContent;
-    return (_jsx("div", { className: "", children: showRevisionHistory ? (
-        // Revision history view
-        _jsx(RevisionHistory, { documentId: selectedDocument.header.id, documentTitle: selectedDocument.header.name, globalOperations: selectedDocument.operations.global, localOperations: selectedDocument.operations.local, onClose: () => setShowRevisionHistory(false) }, selectedDocument.header.id)) : (
-        // Main editor view
-        _jsxs(Suspense, { fallback: loadingContent, children: [!hideToolbar && (_jsx(DocumentToolbar, { onClose: handleClose, onExport: onExport, onShowRevisionHistory: () => setShowRevisionHistory(true), onSwitchboardLinkClick: () => { }, title: selectedDocument.header.name, timelineButtonVisible: editorModule.config.timelineEnabled, timelineItems: timelineItems.data, onTimelineItemClick: setSelectedTimelineItem })), _jsx(EditorComponent, { context: {
-                        readMode: !!selectedTimelineItem,
-                        selectedTimelineRevision: getRevisionFromDate(selectedTimelineItem?.startDate, selectedTimelineItem?.endDate, selectedDocument.operations.global),
-                    }, dispatch: dispatch, document: selectedDocument, error: console.error, setActiveSidebarNodeId: setActiveSidebarNodeId, setActiveDocumentId: setActiveDocumentId, createSow: createSowDocument, createPaymentTerms: createPaymentTermsDocument, documentId: selectedDocument.header.id }, selectedDocument.header.id)] })) }));
-};