@powerhousedao/network-admin 1.0.0-dev.6 → 1.0.0-dev.7

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

@@ -1,27 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, useCallback, useRef } from "react";
-import { Sidebar, SidebarProvider, Button, } from "@powerhousedao/document-engineering";
-import { setSelectedNode, isFileNodeKind, isFolderNodeKind, useNodesInSelectedDriveOrFolder, useSelectedDrive, useSelectedFolder, useUserPermissions, useDocumentsInSelectedDrive, useFileNodesInSelectedDrive, useNodeActions, useSelectedDocument, showDeleteNodeModal, addDocument, showCreateDocumentModal, } from "@powerhousedao/reactor-browser";
-import {} from "document-drive";
+import { useState, useEffect, useCallback, useRef } from "react";
+import { Button } from "@powerhousedao/document-engineering";
+import { setSelectedNode, useSelectedDrive, useSelectedFolder, useUserPermissions, useDocumentsInSelectedDrive, useFileNodesInSelectedDrive, useNodeActions, useSelectedDocumentSafe, showDeleteNodeModal, addDocument, dispatchActions, } from "@powerhousedao/reactor-browser";
+import { CreateDocumentModal } from "@powerhousedao/design-system/connect";
+import { isValidName } from "document-drive";
 import {} from "document-model";
-import { PaymentIcon } from "./icons/PaymentIcon.js";
-import { RfpIcon } from "./icons/RfpIcon.js";
-import { SowIcon } from "./icons/SowIcon.js";
 import { WorkstreamIcon } from "./icons/WorkstreamIcon.js";
-import { Earth } from "lucide-react";
-import { CreateDocument } from "./CreateDocument.js";
+import { actions as workstreamActions } from "@powerhousedao/network-admin/document-models/workstream";
+import { actions as networkProfileActions } from "@powerhousedao/network-admin/document-models/network-profile";
 import { FolderTree } from "./FolderTree.js";
-const WorkstreamStatusEnums = [
-    "RFP_DRAFT",
-    "PREWORK_RFC",
-    "RFP_CANCELLED",
-    "OPEN_FOR_PROPOSALS",
-    "PROPOSAL_SUBMITTED",
-    "NOT_AWARDED",
-    "AWARDED",
-    "IN_PROGRESS",
-    "FINISHED",
-];
 /**
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
@@ -34,6 +21,8 @@ export function DriveExplorer(props) {
     const [openModal, setOpenModal] = useState(false);
     const [selectedRootNode, setSelectedRootNode] = useState("workstreams");
     const [modalDocumentType, setModalDocumentType] = useState("powerhouse/workstream");
+    const [profileNameInput, setProfileNameInput] = useState("");
+    const [isCreatingProfile, setIsCreatingProfile] = useState(false);
     const selectedDocumentModel = useRef(null);
     // === STATE MANAGEMENT HOOKS ===
     // Core state hooks for drive navigation
@@ -43,7 +32,7 @@ export function DriveExplorer(props) {
     const fileChildren = useFileNodesInSelectedDrive();
     const { onRenameNode } = useNodeActions();
     // Listen to global selected document state (for external editors like Scope of Work)
-    const [globalSelectedDocument] = useSelectedDocument();
+    const [globalSelectedDocument] = useSelectedDocumentSafe();
     const networkAdminDocuments = allDocuments?.filter((doc) => doc.header.documentType === "powerhouse/network-profile" ||
         doc.header.documentType === "powerhouse/workstream" ||
         doc.header.documentType === "powerhouse/scopeofwork" ||
@@ -60,180 +49,6 @@ export function DriveExplorer(props) {
     }, [globalSelectedDocument]);
     // Check if current active document is a Scope of Work (should show in full view)
     const isScopeOfWorkFullView = globalSelectedDocument?.header.documentType === "powerhouse/scopeofwork";
-    // Convert network admin documents to SidebarNode format
-    const sidebarNodes = useMemo(() => {
-        // Group documents by type
-        const workstreamDocs = (networkAdminDocuments?.filter((doc) => doc.header.documentType === "powerhouse/workstream") ?? []);
-        const networkProfileDocs = (networkAdminDocuments?.filter((doc) => doc.header.documentType === "powerhouse/network-profile") ?? []);
-        const workstreamsNode = {
-            id: "workstreams",
-            title: "Workstreams",
-            children: [
-                ...WorkstreamStatusEnums.map((status) => {
-                    const statusTitle = status
-                        .toLowerCase()
-                        .split("_")
-                        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-                        .join(" ");
-                    return {
-                        id: `workstream-status-${status}`,
-                        title: statusTitle +
-                            (workstreamDocs.filter((doc) => doc.state.global.status === status).length > 0
-                                ? ` (${workstreamDocs.filter((doc) => doc.state.global.status === status).length})`
-                                : ""),
-                        children: workstreamDocs
-                            .filter((doc) => doc.state.global.status === status)
-                            .map((doc) => {
-                            let sow = null;
-                            let paymentTerms = null;
-                            let rfp = null;
-                            if (doc.state.global.initialProposal) {
-                                sow = doc.state.global.initialProposal.sow;
-                                paymentTerms = doc.state.global.initialProposal.paymentTerms;
-                            }
-                            if (doc.state.global.rfp) {
-                                rfp = doc.state.global.rfp.id;
-                            }
-                            const sowDoc = allDocuments?.find((doc) => doc.header.id === sow);
-                            const rfpDoc = allDocuments?.find((doc) => doc.header.id === rfp);
-                            const pmtDoc = allDocuments?.find((doc) => doc.header.id === paymentTerms);
-                            // get alternative proposals
-                            const alternativeProposals = doc.state.global.alternativeProposals;
-                            const returnableChildren = {
-                                id: `editor-${doc.header.id}`,
-                                title: `${doc.state.global.code ? doc.state.global.code + " - " : ""}${doc.state.global.title || doc.header.name}`,
-                                icon: _jsx(WorkstreamIcon, { className: "w-5 h-5" }),
-                                children: rfpDoc
-                                    ? [
-                                        {
-                                            id: `editor-${rfpDoc.header.id}`,
-                                            title: "Request For Proposal",
-                                            icon: _jsx(RfpIcon, { className: "w-5 h-5" }),
-                                        },
-                                    ]
-                                    : [],
-                            };
-                            // if sowDoc or pmtDoc is included in the wstrChildDocs, then add a child with the title "Initial Proposal"
-                            const children = [];
-                            if (sowDoc) {
-                                children.push({
-                                    id: `editor-${sowDoc.header.id}`,
-                                    title: "Scope of Work",
-                                    icon: _jsx(SowIcon, { className: "w-5 h-5" }),
-                                });
-                            }
-                            if (pmtDoc) {
-                                children.push({
-                                    id: `editor-${pmtDoc.header.id}`,
-                                    title: "Payment Terms",
-                                    icon: _jsx(PaymentIcon, { className: "w-5 h-5" }),
-                                });
-                            }
-                            if (children.length) {
-                                returnableChildren.children = [
-                                    ...(returnableChildren.children ?? []),
-                                    {
-                                        id: "initial-proposal",
-                                        title: "Initial Proposal",
-                                        children: children,
-                                    },
-                                ];
-                            }
-                            if (alternativeProposals.length > 0) {
-                                returnableChildren.children = [
-                                    ...(returnableChildren.children ?? []),
-                                    {
-                                        id: "alternative-proposals",
-                                        title: `Alternative Proposals (${alternativeProposals.length})`,
-                                        children: alternativeProposals.map((proposal) => {
-                                            // Find documents for this specific proposal
-                                            const proposalSowDoc = allDocuments?.find((doc) => doc.header.id === proposal.sow);
-                                            const proposalPaymentTermsDoc = allDocuments?.find((doc) => doc.header.id === proposal.paymentTerms);
-                                            // Filter to only include documents that exist
-                                            const proposalChildDocs = [
-                                                proposalSowDoc,
-                                                proposalPaymentTermsDoc,
-                                            ].filter((doc) => doc !== undefined && doc !== null);
-                                            return {
-                                                id: `alternative-proposal-${proposal.id}`,
-                                                title: `${proposal.author.name}`,
-                                                children: proposalChildDocs.map((childDoc) => {
-                                                    const dynamicTitle = childDoc.header.documentType ===
-                                                        "powerhouse/scopeofwork"
-                                                        ? "Scope of Work"
-                                                        : childDoc.header.documentType ===
-                                                            "payment-terms"
-                                                            ? "Payment Terms"
-                                                            : "";
-                                                    return {
-                                                        id: `editor-${childDoc.header.id}`,
-                                                        title: dynamicTitle,
-                                                        icon: childDoc.header.documentType ===
-                                                            "powerhouse/scopeofwork" ? (_jsx(SowIcon, { className: "w-5 h-5" })) : (_jsx(PaymentIcon, { className: "w-5 h-5" })),
-                                                    };
-                                                }),
-                                            };
-                                        }),
-                                    },
-                                ];
-                            }
-                            return returnableChildren;
-                        }),
-                    };
-                }),
-            ],
-        };
-        const networkInfoNode = {
-            id: "network-information",
-            title: "Network Information",
-            children: [
-                // Add network profile documents
-                ...networkProfileDocs.map((doc) => ({
-                    id: `editor-${doc.header.id}`,
-                    title: "Network Profile",
-                    icon: _jsx(Earth, { className: "w-5 h-5" }),
-                })),
-            ],
-        };
-        return [workstreamsNode, networkInfoNode];
-    }, [networkAdminDocuments]);
-    // Handle sidebar node selection
-    const handleActiveNodeChange = useCallback((nodeId) => {
-        console.log("nodeId", nodeId);
-        // Find the node by ID
-        const findNodeById = (nodes, id) => {
-            for (const node of nodes) {
-                if (node.id === id) {
-                    return node;
-                }
-                if (node.children) {
-                    const found = findNodeById(node.children, id);
-                    if (found)
-                        return found;
-                }
-            }
-            return null;
-        };
-        const newNode = findNodeById(sidebarNodes, nodeId);
-        if (!newNode)
-            return;
-        // Always update the active sidebar node ID
-        setActiveSidebarNodeId(newNode.id);
-        if (newNode.id === "workstreams") {
-            setSelectedNode(undefined);
-            setSelectedRootNode("workstreams");
-        }
-        else if (newNode.id === "network-information") {
-            setSelectedNode(undefined);
-            setSelectedRootNode("network-information");
-            // Handle network information display
-        }
-        else if (newNode.id.startsWith("editor-")) {
-            // Extract file ID from editor-{file.id} format
-            const fileId = newNode.id.replace("editor-", "");
-            setSelectedNode(fileId);
-        }
-    }, [setSelectedNode, sidebarNodes]);
     // === EVENT HANDLERS ===
     // Display function that switches views based on active node ID
     const displayActiveNode = (activeNodeId) => {
@@ -257,17 +72,10 @@ export function DriveExplorer(props) {
                                                                 ? "bg-purple-600/30 text-purple-600 border-purple-600/70"
                                                                 : category.toLowerCase() === "defi"
                                                                     ? "bg-blue-600/30 text-blue-600 border-blue-600/70"
-                                                                    : "bg-gray-500/30 text-gray-500 border-gray-500/70"}`, children: category }, category))) })] }), _jsx("p", { className: "mt-4", children: networkProfileDoc?.state.global.description })] })), _jsxs("div", { className: "flex flex-wrap gap-3 justify-center", children: [_jsx(Button, { color: "dark" // Customize button appearance
-                                                , size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Workstream Document", "aria-description": "Create Workstream Document", onClick: () => {
-                                                    // setModalDocumentType("powerhouse/workstream");
-                                                    // setOpenModal(true);
-                                                    showCreateDocumentModal("powerhouse/workstream");
-                                                }, disabled: !isNetworkProfileCreated, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(WorkstreamIcon, { className: "w-7 h-7 text-white" }), "Create Workstream Document"] }) }), _jsx(Button, { color: "dark" // Customize button appearance
-                                                , size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Network Profile Document", "aria-description": "Create Network Profile Document", onClick: () => {
-                                                    // setModalDocumentType("powerhouse/network-profile");
-                                                    // setOpenModal(true);
-                                                    showCreateDocumentModal("powerhouse/network-profile");
-                                                }, disabled: isNetworkProfileCreated, children: _jsx("span", { className: "flex items-center gap-2", children: "Create Network Profile Document" }) })] })] }), networkAdminDocuments && networkAdminDocuments.length > 0 && (_jsxs("div", { className: "w-full", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-gray-700", children: "\uD83D\uDCC4 Documents" }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200 shadow-sm", children: _jsxs("table", { className: "w-full bg-white", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Name" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Type" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Actions" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: networkAdminDocuments.map((document) => {
+                                                                    : "bg-gray-500/30 text-gray-500 border-gray-500/70"}`, children: category }, category))) })] }), _jsx("p", { className: "mt-4", children: networkProfileDoc?.state.global.description })] })), _jsx("div", { className: "flex flex-wrap gap-3 justify-center", children: _jsx(Button, { color: "dark", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Workstream Document", "aria-description": "Create Workstream Document", onClick: () => {
+                                                setModalDocumentType("powerhouse/workstream");
+                                                setOpenModal(true);
+                                            }, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(WorkstreamIcon, { className: "w-7 h-7 text-white" }), "Create Workstream Document"] }) }) })] }), networkAdminDocuments && networkAdminDocuments.length > 0 && (_jsxs("div", { className: "w-full", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-gray-700", children: "Documents" }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200 shadow-sm", children: _jsxs("table", { className: "w-full bg-white", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Name" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Type" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Actions" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: networkAdminDocuments.map((document) => {
                                                         // Find the corresponding file node for actions
                                                         const fileNode = fileChildren?.find((file) => file.id === document.header.id);
                                                         return (_jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "px-2 py-2", children: _jsx("div", { className: "text-sm font-medium text-gray-900 truncate max-w-xs", title: fileNode?.name || document.header.name, children: fileNode?.name || document.header.name }) }), _jsx("td", { className: "px-2 py-2", children: _jsx("div", { className: "text-sm text-gray-500 truncate max-w-xs", title: document.header.documentType, children: document.header.documentType }) }), _jsx("td", { className: "px-2 py-2", children: _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx("button", { onClick: () => {
@@ -302,60 +110,93 @@ export function DriveExplorer(props) {
     // Handle document creation from modal
     const onCreateDocument = useCallback(async (fileName) => {
         setOpenModal(false);
-        // Use the document type that was set when the modal was opened
         const documentType = modalDocumentType;
-        // Determine editor type based on document type
         const editorType = documentType === "powerhouse/network-profile"
             ? "network-profile-editor"
             : "workstream-editor";
-        console.log(`Creating ${documentType} document: ${fileName}`);
         try {
-            const node = await addDocument(selectedDrive?.header.id || "", fileName, documentType, undefined, // creating in root folder
-            undefined, undefined, editorType);
+            const node = await addDocument(selectedDrive?.header.id || "", fileName, documentType, undefined, undefined, undefined, editorType);
             if (!node?.id) {
                 console.error("Error creating document", fileName);
                 return;
             }
             if (documentType === "powerhouse/workstream") {
-                // const networkProfileDoc = networkAdminDocuments?.find(
-                //   (doc) => doc.header.documentType === "powerhouse/network-profile"
-                // ) as NetworkProfileDocument | undefined;
-                // const actionsToDispatch = [
-                //   editWorkstream({ title: fileName }),
-                //   editClientInfo({
-                //     clientId: networkProfileDoc?.header.id || "",
-                //     name: networkProfileDoc?.state.global.name || "",
-                //     icon: networkProfileDoc?.state.global.icon || "",
-                //   }),
-                // ];
-                // await dispatchActions(actionsToDispatch, node.id);
+                const networkProfileDoc = networkAdminDocuments?.find((doc) => doc.header.documentType === "powerhouse/network-profile");
+                const actionsToDispatch = [
+                    workstreamActions.editWorkstream({ title: fileName }),
+                    workstreamActions.editClientInfo({
+                        clientId: networkProfileDoc?.header.id || "",
+                        name: networkProfileDoc?.state.global.name || "",
+                        icon: networkProfileDoc?.state.global.icon || "",
+                    }),
+                ];
+                await dispatchActions(actionsToDispatch, node.id);
             }
             selectedDocumentModel.current = null;
-            console.log("Created document node", node);
-            if (node) {
-                // Customize: Auto-open created document by uncommenting below
-                // setActiveDocumentId(node.id);
-                // Refresh the sidebar by triggering a re-render
-                // Set the root node based on the document type that was created
-                if (documentType === "powerhouse/network-profile") {
-                    setSelectedRootNode("network-information");
-                }
-                else {
-                    setSelectedRootNode("workstreams");
-                }
+            if (documentType === "powerhouse/network-profile") {
+                setSelectedRootNode("network-information");
+            }
+            else {
+                setSelectedRootNode("workstreams");
             }
         }
         catch (error) {
             console.error("Failed to create document:", error);
         }
-    }, [selectedDrive?.header.id, modalDocumentType]);
+    }, [selectedDrive?.header.id, modalDocumentType, networkAdminDocuments]);
+    // Handle network profile creation from welcome form
+    const handleCreateProfile = useCallback(async (e) => {
+        e.preventDefault();
+        const name = profileNameInput.trim();
+        if (!name || isCreatingProfile)
+            return;
+        setIsCreatingProfile(true);
+        try {
+            const node = await addDocument(selectedDrive?.header.id || "", name, "powerhouse/network-profile", undefined, undefined, undefined, "network-profile-editor");
+            if (!node?.id) {
+                console.error("Error creating network profile document");
+                return;
+            }
+            await dispatchActions([networkProfileActions.setProfileName({ name })], node.id);
+            setProfileNameInput("");
+            setSelectedRootNode("network-information");
+        }
+        catch (error) {
+            console.error("Failed to create network profile:", error);
+        }
+        finally {
+            setIsCreatingProfile(false);
+        }
+    }, [profileNameInput, isCreatingProfile, selectedDrive?.header.id]);
+    // Create builders document
+    const createBuildersDocument = useCallback(async () => {
+        try {
+            const isCreated = allDocuments?.some((doc) => doc.header.documentType === "powerhouse/builders");
+            if (isCreated) {
+                return null;
+            }
+            const node = await addDocument(selectedDrive?.header.id || "", "Builders", "powerhouse/builders", undefined, undefined, undefined, "builders-editor");
+            if (!node?.id) {
+                console.error("Error creating builders document");
+                return null;
+            }
+            return node;
+        }
+        catch (error) {
+            console.error("Failed to create builders document:", error);
+            return null;
+        }
+    }, [selectedDrive?.header.id, allDocuments]);
     // === RENDER ===
-    return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: isScopeOfWorkFullView && props.children ? (_jsx("div", { className: "h-full w-full", children: props.children })) : (
+    // If no network profile exists, show the creation form
+    if (!isNetworkProfileCreated) {
+        const isValid = isValidName(profileNameInput);
+        return (_jsx("div", { className: "flex h-full items-center justify-center px-4 py-12", children: _jsxs("div", { className: "relative w-full max-w-2xl overflow-hidden rounded-2xl border border-slate-200/50 bg-gradient-to-br from-slate-50 via-purple-50/30 to-indigo-50/40 p-12 shadow-xl shadow-slate-200/50 backdrop-blur-sm", children: [_jsx("div", { className: "absolute -right-20 -top-20 h-64 w-64 rounded-full bg-gradient-to-br from-purple-400/20 to-indigo-400/20 blur-3xl" }), _jsx("div", { className: "absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-gradient-to-br from-indigo-300/20 to-purple-300/20 blur-2xl" }), _jsxs("div", { className: "relative z-10 text-center", children: [_jsx("div", { className: "mb-6 inline-flex items-center justify-center rounded-full bg-gradient-to-r from-purple-600 to-indigo-600 p-3 shadow-lg shadow-purple-500/30", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "text-white", children: _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }), _jsx("h2", { className: "mb-4 text-3xl font-bold tracking-tight text-slate-900", children: "Create your Network Profile" }), _jsx("p", { className: "mb-8 text-lg leading-relaxed text-slate-600", children: "Get started by creating a network profile to manage workstreams, builders, and documents." }), _jsxs("form", { onSubmit: handleCreateProfile, className: "mx-auto max-w-md", children: [!isValid && profileNameInput && (_jsx("div", { className: "mb-2 text-sm text-red-500", children: "Document name must be valid URL characters." })), _jsx("input", { type: "text", value: profileNameInput, onChange: (e) => setProfileNameInput(e.target.value), placeholder: "Network profile name", maxLength: 100, disabled: isCreatingProfile, className: "mb-6 w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-base text-slate-900 placeholder-slate-400 shadow-sm outline-none transition-all focus:border-purple-500 focus:ring-2 focus:ring-purple-500/20 disabled:opacity-50" }), _jsxs("button", { type: "submit", disabled: !isValid || isCreatingProfile, className: "group relative w-full overflow-hidden rounded-xl bg-gradient-to-r from-purple-600 to-indigo-600 px-8 py-4 text-base font-semibold text-white shadow-lg shadow-purple-500/40 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/50 active:scale-100 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:hover:shadow-lg", children: [_jsxs("span", { className: "relative z-10 flex items-center justify-center gap-2", children: [_jsx("span", { children: isCreatingProfile
+                                                            ? "Creating..."
+                                                            : "Create Network Profile" }), !isCreatingProfile && (_jsx("svg", { className: "h-5 w-5 transition-transform duration-300 group-hover:translate-x-1", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 7l5 5m0 0l-5 5m5-5H6" }) }))] }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-purple-700 to-indigo-700 opacity-0 transition-opacity duration-300 group-hover:opacity-100" })] })] })] })] }) }));
+    }
+    return (_jsx("div", { className: "h-full", children: isScopeOfWorkFullView && props.children ? (_jsx("div", { className: "h-full w-full", children: props.children })) : (
         /* === NORMAL VIEW WITH SIDEBAR === */
-        _jsxs("div", { className: "flex h-full", children: [_jsx(Sidebar, { nodes: sidebarNodes, activeNodeId: activeSidebarNodeId, onActiveNodeChange: (node) => handleActiveNodeChange(node.id), sidebarTitle: "Network Admin", showSearchBar: true, allowPinning: true, resizable: true, initialWidth: 300, maxWidth: 500, enableMacros: 4, handleOnTitleClick: () => {
-                        setSelectedNode(undefined);
-                        setActiveSidebarNodeId("workstreams");
-                        setSelectedRootNode("workstreams");
-                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "h-full", children: props.children ||
-                            displayActiveNode(selectedFolder?.id || selectedRootNode) }) })] })) }));
+        _jsxs("div", { className: "flex h-full", children: [_jsx(FolderTree, { activeSidebarNodeId: activeSidebarNodeId, setActiveSidebarNodeId: setActiveSidebarNodeId, setSelectedRootNode: setSelectedRootNode, createBuildersDocument: createBuildersDocument }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "h-full", children: props.children ||
+                            displayActiveNode(selectedFolder?.id || selectedRootNode) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] })) }));
 }

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

@@ -1,6 +1,14 @@
+import type { FileNode } from "document-drive";
+interface FolderTreeProps {
+    activeSidebarNodeId: string;
+    setActiveSidebarNodeId: (id: string) => void;
+    setSelectedRootNode: (node: string) => void;
+    createBuildersDocument: () => Promise<FileNode | null | undefined>;
+}
 /**
  * Hierarchical folder tree navigation component using Sidebar from document-engineering.
  * Displays folders and files in a tree structure with expand/collapse functionality, search, and resize support.
  */
-export declare function FolderTree(): import("react/jsx-runtime").JSX.Element;
+export declare function FolderTree({ activeSidebarNodeId, setActiveSidebarNodeId, setSelectedRootNode, createBuildersDocument, }: FolderTreeProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=FolderTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/FolderTree.tsx"],"names":[],"mappings":"AAyDA;;;GAGG;AACH,wBAAgB,UAAU,4CA0CzB"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/FolderTree.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA0B/C,UAAU,eAAe;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,sBAAsB,EAAE,MAAM,OAAO,CAAC,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACpE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,GACvB,EAAE,eAAe,2CA4QjB"}