@powerhousedao/network-admin 0.0.11 → 0.0.12

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

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAwCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAkmCvC"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAyCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAylCvC"}

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, CreateDocumentModal, useDrop, } from "@powerhousedao/design-system";
-import { addDocument, setSelectedNode, useAllFolderNodes, useDocumentModelModules, useDriveContext, useDriveSharingType, useEditorModules, useFileChildNodes, useFolderChildNodes, useSelectedDrive, useSelectedFolder, useSelectedNodePath, useUserPermissions, useAllDocuments, } from "@powerhousedao/reactor-browser";
+import { addDocument, setSelectedNode, useAllFolderNodes, useDocumentModelModules, useDriveContext, useDriveSharingType, useEditorModules, useFileChildNodes, useFolderChildNodes, useSelectedDrive, useSelectedFolder, useSelectedNodePath, useUserPermissions, useAllDocuments, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { twMerge } from "tailwind-merge";
 import { useCallback, useRef, useState, useMemo } from "react";
 import { EditorContainer } from "./EditorContainer.js";
-import { createDocument as createNewWorkstreamDocument } from "../../../document-models/workstream/gen/utils.js";
 import { IsolatedSidebarProvider } from "./IsolatedSidebarProvider.js";
 import { IsolatedSidebar } from "./IsolatedSidebar.js";
+import { editWorkstream } from "../../../document-models/workstream/gen/creators.js";
 /**
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
@@ -122,7 +122,7 @@ export function DriveExplorer(props) {
                                     file.documentType !== "powerhouse/network-profile")
                                     .map((file) => ({
                                     id: `editor-${file.id}`,
-                                    title: `📄 ${file.state?.code || ""} - ${file.state?.title || file.name}`,
+                                    title: `${file.state?.code || ""} - ${file.state?.title || file.name}`,
                                 })),
                             ],
                         })),
@@ -132,7 +132,7 @@ export function DriveExplorer(props) {
                             file.documentType !== "powerhouse/network-profile")
                             .map((file) => ({
                             id: `editor-${file.id}`,
-                            title: `📄 ${file.state?.code || ""} - ${file.state?.title || file.name}`,
+                            title: `${file.state?.code || ""} - ${file.state?.title || file.name}`,
                         })),
                     ],
                 })),
@@ -142,7 +142,7 @@ export function DriveExplorer(props) {
                     file.documentType !== "powerhouse/network-profile")
                     .map((file) => ({
                     id: `editor-${file.id}`,
-                    title: `📄 ${file.state?.code || ""} - ${file.state?.title || file.name}`,
+                    title: `${file.state?.code || ""} - ${file.state?.title || file.name}`,
                 })),
             ],
         };
@@ -179,7 +179,7 @@ export function DriveExplorer(props) {
                                     file.parentFolder === childFolder.id)
                                     .map((file) => ({
                                     id: `editor-${file.id}`,
-                                    title: `📄 ${file.name}`,
+                                    title: `${file.name}`,
                                 })),
                             ],
                         })),
@@ -189,7 +189,7 @@ export function DriveExplorer(props) {
                             file.parentFolder === folder.id)
                             .map((file) => ({
                             id: `editor-${file.id}`,
-                            title: `📄 ${file.name}`,
+                            title: `${file.name}`,
                         })),
                     ],
                 })),
@@ -199,7 +199,7 @@ export function DriveExplorer(props) {
                     file.documentType === "powerhouse/network-profile")
                     .map((file) => ({
                     id: `editor-${file.id}`,
-                    title: `📄 ${file.name}`,
+                    title: `${file.name}`,
                 })),
             ],
         };
@@ -453,22 +453,12 @@ export function DriveExplorer(props) {
                 console.log("Created workstream folder:", folder);
                 setLastCreatedFolder(folder);
             }
-            const createdDocument = createNewWorkstreamDocument({
-                global: {
-                    code: "",
-                    title: fileName,
-                    status: "RFP_DRAFT",
-                    client: null,
-                    rfp: null,
-                    initialProposal: null,
-                    alternativeProposals: [],
-                    sow: null,
-                    paymentTerms: null,
-                    paymentRequests: [],
-                },
-                local: {},
-            });
-            const node = await addDocument(selectedDrive?.header.id || "", fileName, documentType, folder?.id, createdDocument, undefined, editorType);
+            const node = await addDocument(selectedDrive?.header.id || "", fileName, documentType, folder?.id, undefined, undefined, editorType);
+            if (!node?.id) {
+                console.error("Error creating document", fileName);
+                return;
+            }
+            await dispatchActions(editWorkstream({ title: fileName }), node.id);
             selectedDocumentModel.current = null;
             console.log("Created document node", node);
             if (node) {

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

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

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

@@ -1,11 +1,10 @@
 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, } from "@powerhousedao/reactor-browser";
+import { exportFile, useEditorModuleById, useSelectedDrive, useDocumentById, addDocument, useNodes, useFallbackEditorModule, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { Suspense, useCallback, useState } from "react";
-import { createDocument as createNewRFPDocument } from "../../../document-models/request-for-proposals/gen/utils.js";
+import { actions as rfpActions } from "../../../document-models/request-for-proposals/index.js";
 import { ScopeOfWork } from "@powerhousedao/project-management/document-models";
-import { createDocument as createNewPaymentTermsDocument } from "../../../document-models/payment-terms/gen/utils.js";
 /**
  * Document editor container that wraps individual document editors.
  * Handles document loading, toolbar, revision history, and dynamic editor loading.
@@ -25,30 +24,12 @@ export const EditorContainer = (props) => {
         const rfpDocName = `RFP-${(selectedDocument?.state).global?.title || "Untitled"}`;
         const rfpDocCode = `RFP-${(selectedDocument?.state).global?.code || ""}`;
         try {
-            const createdDocument = createNewRFPDocument({
-                global: {
-                    issuer: "",
-                    title: rfpDocName,
-                    code: rfpDocCode,
-                    summary: "",
-                    briefing: "",
-                    rfpCommenter: [],
-                    eligibilityCriteria: "",
-                    evaluationCriteria: "",
-                    budgetRange: {
-                        min: null,
-                        max: null,
-                        currency: null,
-                    },
-                    contextDocuments: [],
-                    status: "DRAFT",
-                    proposals: [],
-                    deadline: null,
-                    tags: null,
-                },
-                local: {},
-            });
-            const createdNode = await addDocument(selectedDrive?.header.id || "", rfpDocName, "powerhouse/rfp", folderId, createdDocument, undefined, "request-for-proposals-editor");
+            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) {
@@ -59,19 +40,12 @@ export const EditorContainer = (props) => {
     const createSowDocument = useCallback(async () => {
         const sowDocName = `SOW-${(selectedDocument?.state).global?.title || "Untitled"}`;
         try {
-            const createdDocument = ScopeOfWork.utils.createDocument({
-                global: {
-                    title: sowDocName,
-                    description: "",
-                    status: "DRAFT",
-                    deliverables: [],
-                    projects: [],
-                    roadmaps: [],
-                    contributors: [],
-                },
-                local: {},
-            });
-            const createdNode = await addDocument(selectedDrive?.header.id || "", sowDocName, "powerhouse/scopeofwork", folderId, createdDocument, undefined, "scope-of-work-editor");
+            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) {
@@ -82,25 +56,11 @@ export const EditorContainer = (props) => {
     const createPaymentTermsDocument = useCallback(async () => {
         const paymentTermsDocName = `Payment Terms-${(selectedDocument?.state).global?.title || "Untitled"}`;
         try {
-            const createdDocument = createNewPaymentTermsDocument({
-                global: {
-                    status: "DRAFT",
-                    proposer: "",
-                    payer: "",
-                    currency: "USD",
-                    paymentModel: "MILESTONE",
-                    totalAmount: null,
-                    milestoneSchedule: [],
-                    costAndMaterials: null,
-                    retainerDetails: null,
-                    escrowDetails: null,
-                    evaluation: null,
-                    bonusClauses: [],
-                    penaltyClauses: [],
-                },
-                local: {},
-            });
-            const createdNode = await addDocument(selectedDrive?.header.id || "", paymentTermsDocName, "payment-terms", folderId, createdDocument, undefined, "payment-terms-editor");
+            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) {

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

@@ -1 +1 @@
-{"version":3,"file":"IsolatedSidebar.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/IsolatedSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAgTA,CAAC"}
+{"version":3,"file":"IsolatedSidebar.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/IsolatedSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAyTA,CAAC"}

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

@@ -16,6 +16,7 @@ export const IsolatedSidebar = ({ nodes, activeNodeId, onActiveNodeChange, sideb
     }, [isCollapsed]);
     const handleNodeClick = useCallback((nodeId) => {
         sidebarContext.toggleNode(nodeId);
+        sidebarContext.syncActiveNodeId(nodeId);
         if (onActiveNodeChange) {
             onActiveNodeChange(nodeId);
         }
@@ -53,7 +54,7 @@ export const IsolatedSidebar = ({ nodes, activeNodeId, onActiveNodeChange, sideb
         }
     }, [sidebarContext]);
     const renderNode = (node, depth = 0) => {
-        const isActive = activeNodeId === node.id;
+        const isActive = activeNodeId === node.id || sidebarContext.activeNodeId === node.id;
         const isExpanded = sidebarContext.expandedNodes.has(node.id);
         const hasChildren = node.children && node.children.length > 0;
         // Check if this node is the active search result
@@ -63,14 +64,14 @@ export const IsolatedSidebar = ({ nodes, activeNodeId, onActiveNodeChange, sideb
         // Check if this node matches the search term
         const nodeName = node.name || node.title || "";
         const matchesSearch = searchTerm && nodeName.toLowerCase().includes(searchTerm.toLowerCase());
-        return (_jsxs("div", { className: "select-none", children: [_jsxs("div", { className: `flex items-center py-2 px-3 cursor-pointer hover:bg-gray-200 rounded-md mx-2 ${isActive
-                        ? "bg-blue-100 text-blue-600"
+        return (_jsxs("div", { className: "select-none", children: [_jsxs("div", { className: `flex items-center py-2 px-3 cursor-pointer rounded-md mx-2 ${isActive
+                        ? "bg-gray-200 text-gray-900 font-semibold"
                         : isSearchActive
-                            ? "bg-yellow-100 dark:bg-[#604B0033] text-gray-700"
-                            : "text-gray-700"}`, style: { paddingLeft: `${depth * 16 + 12}px` }, onClick: () => handleNodeClick(node.id), children: [hasChildren && (_jsx("button", { className: "mr-2 p-1 hover:bg-gray-300 rounded transition-colors", onClick: (e) => {
+                            ? "bg-yellow-100 dark:bg-[#604B0033] text-gray-700 hover:bg-yellow-200"
+                            : "text-gray-700 hover:bg-gray-200"}`, style: { paddingLeft: `${depth * 16 + 12}px` }, onClick: () => handleNodeClick(node.id), children: [hasChildren && (_jsx("button", { className: "mr-1 p-1 hover:bg-gray-300 rounded transition-colors", onClick: (e) => {
                                 e.stopPropagation();
                                 sidebarContext.toggleNode(node.id);
-                            }, children: _jsx(Icon, { name: isExpanded ? "ChevronDown" : "CaretRight", size: 12, className: "text-gray-500" }) })), !hasChildren && _jsx("div", { className: "w-6 mr-2" }), _jsx("span", { className: "text-sm truncate font-medium", children: matchesSearch && searchTerm ? (_jsx("span", { dangerouslySetInnerHTML: {
+                            }, children: _jsx(Icon, { name: isExpanded ? "ChevronDown" : "CaretRight", size: 16, className: "text-gray-500" }) })), !hasChildren && (_jsx("div", { className: "mr-1 p-1", children: _jsx(Icon, { name: "CaretRight", size: 16, className: "text-gray-500" }) })), _jsx("span", { className: "text-sm truncate font-semimedium", children: matchesSearch && searchTerm ? (_jsx("span", { dangerouslySetInnerHTML: {
                                     __html: nodeName.replace(new RegExp(searchTerm, "gi"), (match) => `<span class="bg-yellow-300 dark:bg-[#604B00]">${match}</span>`),
                                 } })) : (nodeName) })] }), hasChildren && isExpanded && (_jsx("div", { children: node.children.map((child) => renderNode(child, depth + 1)) }))] }, node.id));
     };

package/dist/style.css

@@ -28,6 +28,7 @@
     --color-amber-700: oklch(55.5% 0.163 48.998);
     --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
     --color-yellow-300: oklch(90.5% 0.182 98.111);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -1115,6 +1116,13 @@
       }
     }
   }
+  .hover\:bg-yellow-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-yellow-200);
+      }
+    }
+  }
   .hover\:bg-yellow-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.11",
+  "version": "0.0.12",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [