@powerhousedao/contributor-billing 1.0.0-dev.3 → 1.0.0-dev.4

package/dist/document-models/invoice/src/reducers/general.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../../document-models/invoice/src/reducers/general.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAgB3G,eAAO,MAAM,wBAAwB,EAAE,wBA2DtC,CAAC"}
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../../document-models/invoice/src/reducers/general.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAgB3G,eAAO,MAAM,wBAAwB,EAAE,wBAuEtC,CAAC"}

package/dist/document-models/invoice/src/reducers/general.js

@@ -33,6 +33,14 @@ export const invoiceGeneralOperations = {
         state = Object.assign(state, newState);
     },
     editStatusOperation(state, action) {
+        if (state.status === "DRAFT" &&
+            action.input.status !== "DRAFT" &&
+            action.input.status !== "CANCELLED") {
+            const wallet = state.issuer?.paymentRouting?.wallet;
+            if (!wallet?.address || (!wallet.chainName && !wallet.chainId)) {
+                throw new Error("Issuer wallet address and chain must be set before moving out of DRAFT");
+            }
+        }
         state.status = action.input.status;
     },
     editPaymentDataOperation(state, action) {

package/dist/document-models/invoice/src/reducers/transitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../../document-models/invoice/src/reducers/transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,4DAA4D,CAAC;AA6B/G,eAAO,MAAM,4BAA4B,EAAE,4BA+J1C,CAAC"}
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../../document-models/invoice/src/reducers/transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,4DAA4D,CAAC;AA6B/G,eAAO,MAAM,4BAA4B,EAAE,4BAqK1C,CAAC"}

package/dist/document-models/invoice/src/reducers/transitions.js

@@ -36,6 +36,10 @@ export const invoiceTransitionsOperations = {
         if (!action.input.invoiceNo || !action.input.dateIssued) {
             throw new Error("Invoice number and date issued are required");
         }
+        const wallet = state.issuer?.paymentRouting?.wallet;
+        if (!wallet?.address || (!wallet.chainName && !wallet.chainId)) {
+            throw new Error("Issuer wallet address and chain must be set before issuing an invoice");
+        }
         if (permittedTransitions[state.status].includes("ISSUED")) {
             state.status = "ISSUED";
             state.invoiceNo = action.input.invoiceNo;

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

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAclD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAuHtD"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAuClD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqMtD"}

package/dist/editors/builder-team-admin/components/DriveExplorer.js

@@ -1,13 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setName } from "document-model";
 import { FolderTree } from "./FolderTree.js";
 import { DriveContents } from "./DriveContents.js";
 import { ContributorsSection } from "./team-members.js";
-import { useDocumentsInSelectedDrive, showCreateDocumentModal, } from "@powerhousedao/reactor-browser";
-import { useMemo, useState } from "react";
+import { useDocumentsInSelectedDrive, useSelectedDrive, addDocument, dispatchActions, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo, useState } from "react";
+import { isValidName } from "document-drive";
 import { ExpenseReports } from "./expense-reports.js";
 import { SnapshotReports } from "./snapshot-reports.js";
 import { ResourcesServices } from "./ResourcesServices.js";
 import { ServiceSubscriptions } from "./service-subscriptions.js";
+import { actions as builderProfileActions } from "@powerhousedao/builder-profile/document-models/builder-profile";
+function generateCode(name) {
+    const words = name.trim().split(/\s+/).filter(Boolean);
+    if (words.length >= 2) {
+        // Acronym from first letter of each word, capped at 5
+        let code = words.map((w) => w[0]).join("");
+        // If only 2 words, pad with second letter of the first word
+        if (code.length < 3 && words[0].length > 1) {
+            code = words[0][0] + words[0][1] + words[1][0];
+        }
+        return code.slice(0, 5).toUpperCase();
+    }
+    // Single word: first, middle, last letter
+    const word = words[0];
+    const mid = Math.floor(word.length / 2);
+    return (word[0] + word[mid] + word[word.length - 1]).toUpperCase();
+}
 /**
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
@@ -17,15 +36,56 @@ export function DriveExplorer({ children }) {
     const showDocumentEditor = !!children;
     const documentsInSelectedDrive = useDocumentsInSelectedDrive();
     const [customView, setCustomView] = useState(null);
+    const [profileName, setProfileName] = useState("");
+    const [isCreating, setIsCreating] = useState(false);
+    const [selectedDrive] = useSelectedDrive();
     // Check if builder profile document exists
     const hasBuilderProfile = useMemo(() => {
         if (!documentsInSelectedDrive)
             return false;
         return documentsInSelectedDrive.some((doc) => doc.header.documentType === "powerhouse/builder-profile");
     }, [documentsInSelectedDrive]);
-    // If no builder profile exists, show only the intro dialog
+    const handleCreateProfile = useCallback(async () => {
+        const trimmedName = profileName.trim();
+        const driveId = selectedDrive?.header.id;
+        if (!trimmedName || !driveId || isCreating)
+            return;
+        setIsCreating(true);
+        try {
+            const createdNode = await addDocument(driveId, trimmedName, "powerhouse/builder-profile");
+            if (!createdNode?.id) {
+                console.error("Failed to create builder profile document");
+                return;
+            }
+            // Set the profile name, slug, and code in the document state
+            const slug = trimmedName
+                .toLowerCase()
+                .replace(/[^a-z0-9]+/g, "-")
+                .replace(/^-|-$/g, "");
+            const code = generateCode(trimmedName);
+            await dispatchActions(builderProfileActions.updateProfile({ name: trimmedName, slug, code }), createdNode.id);
+            // Set the document name to match
+            await dispatchActions(setName(trimmedName), createdNode.id);
+            // Deselect so the main drive view renders instead of the document editor
+            setSelectedNode("");
+        }
+        catch (error) {
+            console.error("Error creating builder profile:", error);
+        }
+        finally {
+            setIsCreating(false);
+        }
+    }, [profileName, selectedDrive?.header.id, isCreating]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (isValidName(profileName) && !isCreating) {
+            void handleCreateProfile();
+        }
+    }, [profileName, isCreating, handleCreateProfile]);
+    // If no builder profile exists, show the creation form
     if (!hasBuilderProfile) {
-        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-blue-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-blue-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-blue-500 to-indigo-600 p-3 shadow-lg shadow-blue-500/30", children: _jsx("svg", { className: "h-8 w-8 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) }), _jsx("h2", { className: "mb-4 text-3xl font-bold tracking-tight text-slate-900", children: "Create your Builder Team Profile" }), _jsx("p", { className: "mb-8 text-lg leading-relaxed text-slate-600", children: "Get started by creating your builder profile to manage your team, services, and build your presence in the Achra ecosystem." }), _jsxs("button", { className: "group relative overflow-hidden rounded-xl bg-gradient-to-r from-blue-600 to-indigo-600 px-8 py-4 text-base font-semibold text-white shadow-lg shadow-blue-500/40 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-blue-500/50 active:scale-100", onClick: () => showCreateDocumentModal("powerhouse/builder-profile"), children: [_jsxs("span", { className: "relative z-10 flex items-center gap-2", children: [_jsx("span", { children: "Create Builder Profile" }), _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-blue-700 to-indigo-700 opacity-0 transition-opacity duration-300 group-hover:opacity-100" })] })] })] }) }));
+        const isValid = isValidName(profileName);
+        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-blue-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-blue-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-blue-500 to-indigo-600 p-3 shadow-lg shadow-blue-500/30", children: _jsx("svg", { className: "h-8 w-8 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) }), _jsx("h2", { className: "mb-4 text-3xl font-bold tracking-tight text-slate-900", children: "Create your Builder Team Profile" }), _jsx("p", { className: "mb-8 text-lg leading-relaxed text-slate-600", children: "Get started by creating your builder profile to manage your team, services, and build your presence in the Achra ecosystem." }), _jsxs("form", { onSubmit: handleSubmit, className: "mx-auto max-w-md", children: [!isValid && profileName && (_jsx("div", { className: "mb-2 text-sm text-red-500", children: "Document name must be valid URL characters." })), _jsx("input", { type: "text", value: profileName, onChange: (e) => setProfileName(e.target.value), placeholder: "Builder Profile name", maxLength: 100, disabled: isCreating, 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-blue-500 focus:ring-2 focus:ring-blue-500/20 disabled:opacity-50" }), _jsxs("button", { type: "submit", disabled: !isValid || isCreating, className: "group relative w-full overflow-hidden rounded-xl bg-gradient-to-r from-blue-600 to-indigo-600 px-8 py-4 text-base font-semibold text-white shadow-lg shadow-blue-500/40 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-blue-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: isCreating ? "Creating..." : "Create Builder Profile" }), !isCreating && (_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-blue-700 to-indigo-700 opacity-0 transition-opacity duration-300 group-hover:opacity-100" })] })] })] })] }) }));
     }
     // Render the appropriate content based on state
     const renderContent = () => {

package/dist/editors/builder-team-admin/module.js

@@ -5,6 +5,6 @@ export const BuilderTeamAdmin = {
     documentTypes: ["powerhouse/document-drive"],
     config: {
         id: "builder-team-admin",
-        name: "builder-team-admin",
+        name: "Builder Team Admin",
     },
 };

package/dist/editors/contributor-billing/components/DashboardHome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardHome.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DashboardHome.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAClE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,cAAc,EAAE,EAAE,kBAAkB,2CA8WnE"}
+{"version":3,"file":"DashboardHome.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DashboardHome.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAClE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,cAAc,EAAE,EAAE,kBAAkB,2CAqWnE"}

package/dist/editors/contributor-billing/components/DashboardHome.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Wallet, CheckCircle2, ArrowRight, Building2, User, } from "lucide-react";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useMemo } from "react";
 import { addDocument, useDocumentsInSelectedDrive, useSelectedDrive, setSelectedNode, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
-import { CreateHubProfileModal } from "./CreateHubProfileModal.js";
 /**
  * Dashboard home page for the Operational Hub
  * Shows setup status and guides users through important actions
@@ -97,8 +96,6 @@ export function DashboardHome({ onFolderSelect }) {
             parts.push(statusParts.join(", "));
         return parts.join(" · ");
     }, [selectedDrive, documentsInDrive, monthFolders.size, paymentsFolderIds]);
-    // State for custom create hub profile modal
-    const [showCreateHubModal, setShowCreateHubModal] = useState(false);
     const handleOpenAccounts = useCallback(async () => {
         if (accountsDocument) {
             setSelectedNode(accountsDocument.header.id);
@@ -124,9 +121,6 @@ export function DashboardHome({ onFolderSelect }) {
         if (operationalHubProfileDocument) {
             setSelectedNode(operationalHubProfileDocument.header.id);
         }
-        else {
-            setShowCreateHubModal(true);
-        }
     }, [operationalHubProfileDocument]);
     // Calculate setup progress with clickable steps
     const setupSteps = useMemo(() => {
@@ -165,5 +159,5 @@ export function DashboardHome({ onFolderSelect }) {
                                                             ? profileStats || "View and update your hub profile"
                                                             : "Set up your hub profile" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }), !operationalHubProfileDocument && (_jsx("div", { className: "mt-3 pt-3 border-t border-gray-100", children: _jsx("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 px-2 py-1 rounded", children: "Action Required" }) }))] }), _jsxs("button", { onClick: () => void handleOpenAccounts(), className: "bg-white rounded-xl border border-gray-200 p-5 text-left hover:shadow-md hover:border-blue-200 transition-all group", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `p-3 rounded-lg ${accountsDocument ? "bg-green-100" : "bg-amber-100"}`, children: _jsx(Wallet, { className: `w-5 h-5 ${accountsDocument ? "text-green-600" : "text-amber-600"}` }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Accounts" }), _jsx("p", { className: "text-sm text-gray-500", children: accountsDocument
                                                             ? accountStats || "View and manage accounts"
-                                                            : "Set up your accounts first" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }), !accountsDocument && (_jsx("div", { className: "mt-3 pt-3 border-t border-gray-100", children: _jsx("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 px-2 py-1 rounded", children: "Action Required" }) }))] }), _jsx("button", { onClick: handleOpenBilling, className: "bg-white rounded-xl border border-gray-200 p-5 text-left hover:shadow-md hover:border-blue-200 transition-all group", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-3 bg-blue-100 rounded-lg", children: _jsx(Building2, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Billing" }), _jsx("p", { className: "text-sm text-gray-500", children: billingStats || "Manage monthly billing cycles" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }) })] }), _jsx(CreateHubProfileModal, { isOpen: showCreateHubModal, onClose: () => setShowCreateHubModal(false) })] }));
+                                                            : "Set up your accounts first" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }), !accountsDocument && (_jsx("div", { className: "mt-3 pt-3 border-t border-gray-100", children: _jsx("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 px-2 py-1 rounded", children: "Action Required" }) }))] }), _jsx("button", { onClick: handleOpenBilling, className: "bg-white rounded-xl border border-gray-200 p-5 text-left hover:shadow-md hover:border-blue-200 transition-all group", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-3 bg-blue-100 rounded-lg", children: _jsx(Building2, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Billing" }), _jsx("p", { className: "text-sm text-gray-500", children: billingStats || "Manage monthly billing cycles" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }) })] })] }));
 }

package/dist/editors/contributor-billing/components/DriveExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CA4EtD"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkBlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqOtD"}

package/dist/editors/contributor-billing/components/DriveExplorer.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
+import { setName } from "document-model";
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { useDocumentsInSelectedDrive, useSelectedDrive, addDocument, dispatchActions, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { isValidName } from "document-drive";
+import { setOperationalHubName } from "../../../document-models/operational-hub-profile/gen/configuration/creators.js";
 import { ToastRenderer } from "./ToastRenderer.js";
 import { DriveContents } from "./DriveContents.js";
 import { FolderTree } from "./FolderTree.js";
@@ -12,6 +16,48 @@ import { DocumentDropZone } from "./DocumentDropZone.js";
 export function DriveExplorer({ children }) {
     // if a document is selected then its editor will be passed as children
     const showDocumentEditor = !!children;
+    const documentsInSelectedDrive = useDocumentsInSelectedDrive();
+    const [selectedDrive] = useSelectedDrive();
+    const [hubName, setHubName] = useState("");
+    const [isCreating, setIsCreating] = useState(false);
+    // Check if operational hub profile document exists
+    const hasHubProfile = useMemo(() => {
+        if (!documentsInSelectedDrive)
+            return false;
+        return documentsInSelectedDrive.some((doc) => doc.header.documentType === "powerhouse/operational-hub-profile");
+    }, [documentsInSelectedDrive]);
+    const handleCreateHubProfile = useCallback(async () => {
+        const trimmedName = hubName.trim();
+        const driveId = selectedDrive?.header.id;
+        if (!trimmedName || !driveId || isCreating)
+            return;
+        setIsCreating(true);
+        try {
+            const createdNode = await addDocument(driveId, trimmedName, "powerhouse/operational-hub-profile", undefined, undefined, undefined, "operational-hub-profile-editor");
+            if (!createdNode?.id) {
+                console.error("Failed to create operational hub profile document");
+                return;
+            }
+            // Set the hub name in the document state
+            await dispatchActions(setOperationalHubName({ name: trimmedName }), createdNode.id);
+            // Set the document name to match
+            await dispatchActions(setName(trimmedName), createdNode.id);
+            // Deselect so the main drive view renders instead of the document editor
+            setSelectedNode("");
+        }
+        catch (error) {
+            console.error("Error creating operational hub profile:", error);
+        }
+        finally {
+            setIsCreating(false);
+        }
+    }, [hubName, selectedDrive?.header.id, isCreating]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (isValidName(hubName) && !isCreating) {
+            void handleCreateHubProfile();
+        }
+    }, [hubName, isCreating, handleCreateHubProfile]);
     // Track which folder is selected for content routing
     const [selectedFolder, setSelectedFolder] = useState(null);
     // Track active node in sidebar for visual selection sync
@@ -47,6 +93,11 @@ export function DriveExplorer({ children }) {
             setActiveNodeId(folderInfo.folderId);
         }
     };
+    // If no hub profile exists, show the creation form
+    if (!hasHubProfile) {
+        const isValid = isValidName(hubName);
+        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 Operational Hub" }), _jsx("p", { className: "mb-8 text-lg leading-relaxed text-slate-600", children: "Get started by creating your operational hub to manage accounts, billing, and financial reporting." }), _jsxs("form", { onSubmit: handleSubmit, className: "mx-auto max-w-md", children: [!isValid && hubName && (_jsx("div", { className: "mb-2 text-sm text-red-500", children: "Document name must be valid URL characters." })), _jsx("input", { type: "text", value: hubName, onChange: (e) => setHubName(e.target.value), placeholder: "Operational Hub name", maxLength: 100, disabled: isCreating, 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 || isCreating, 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: isCreating ? "Creating..." : "Create Operational Hub" }), !isCreating && (_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 (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsx(FolderTreeErrorBoundary, { children: _jsx(FolderTree, { onFolderSelect: handleFolderSelect, activeNodeId: activeNodeId, onActiveNodeIdChange: setActiveNodeId }) }), _jsx(ToastRenderer, {}), _jsx(DocumentDropZone, { className: "flex-1 min-w-0 h-full overflow-x-hidden overflow-y-auto", children: showDocumentEditor ? (
                 /* Document editor view */
                 _jsx("div", { className: "min-h-full", children: children })) : (

package/dist/editors/contributor-billing/components/FolderTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AA2CA,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,WAAW,GACX,SAAS,GACT,eAAe,GACf,IAAI,CAAC;AAET,+CAA+C;AAC/C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,KAAK,eAAe,GAAG;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,GACrB,EAAE,eAAe,2CA4cjB"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AA0CA,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,WAAW,GACX,SAAS,GACT,eAAe,GACf,IAAI,CAAC;AAET,+CAA+C;AAC/C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,KAAK,eAAe,GAAG;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,GACrB,EAAE,eAAe,2CA8bjB"}

package/dist/editors/contributor-billing/components/FolderTree.js

@@ -4,7 +4,6 @@ import { addDocument, setSelectedNode, useDocumentsInSelectedDrive, useSelectedD
 import { Wallet, FileText, Building2, Calendar, CreditCard, BarChart3, Camera, User, } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
-import { CreateHubProfileModal } from "./CreateHubProfileModal.js";
 const ICON_SIZE = 16;
 const SUBSCRIPTIONS_FOLDER_NAME = "Subscriptions";
 /**
@@ -29,8 +28,6 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
     const [localActiveNodeId, setLocalActiveNodeId] = useState("");
     const activeNodeId = controlledActiveNodeId ?? localActiveNodeId;
     const setActiveNodeId = onActiveNodeIdChange ?? setLocalActiveNodeId;
-    // State for custom create hub profile modal
-    const [showCreateHubModal, setShowCreateHubModal] = useState(false);
     const documentsInDrive = useDocumentsInSelectedDrive();
     const [driveDocument] = useSelectedDrive();
     const { billingFolder, monthFolders, paymentsFolderIds, reportingFolderIds } = useBillingFolderStructure();
@@ -275,10 +272,6 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
                 onFolderSelect?.(null);
                 safeSetSelectedNode(operationalHubProfileDocument.header.id);
             }
-            else {
-                safeSetSelectedNode("");
-                setShowCreateHubModal(true);
-            }
             return;
         }
         // Check if this is an account-transactions child node
@@ -369,7 +362,7 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
     // Use a stable key based on the drive ID only
     // Previously this changed on every folder/document add, causing sidebar to remount and lose collapsed state
     const sidebarKey = driveDocument?.header.id || "empty";
-    return (_jsxs(_Fragment, { children: [_jsxs(SidebarProvider, { nodes: navigationSections, children: [_jsx("style", { children: `
+    return (_jsx(_Fragment, { children: _jsxs(SidebarProvider, { nodes: navigationSections, children: [_jsx("style", { children: `
             .folder-tree-sidebar .sidebar__item-caret--no-children {
               visibility: hidden;
             }
@@ -377,11 +370,9 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
               display: none;
             }
           ` }), _jsx(Sidebar, { className: "pt-1 folder-tree-sidebar", nodes: navigationSections, activeNodeId: sanitizedActiveNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: operationalHubProfileDocument?.state?.global?.name ||
-                            "Operational Hub", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
-                            onFolderSelect?.(null);
-                            safeSetSelectedNode("");
-                            setActiveNodeId("");
-                        } }, sidebarKey)] }), _jsx(CreateHubProfileModal, { isOpen: showCreateHubModal, onClose: () => setShowCreateHubModal(false), onCreated: () => {
-                    onFolderSelect?.(null);
-                } })] }));
+                        "Operational Hub", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
+                        onFolderSelect?.(null);
+                        safeSetSelectedNode("");
+                        setActiveNodeId("");
+                    } }, sidebarKey)] }) }));
 }

package/dist/editors/contributor-billing/components/MonthReportCard.d.ts

@@ -1,13 +1,20 @@
 import type { MonthReportSet } from "../hooks/useMonthlyReports.js";
+export interface MonthPaymentStats {
+    totalInvoices: number;
+    pendingCount: number;
+    paidCount: number;
+}
 interface MonthReportCardProps {
     reportSet: MonthReportSet;
     defaultExpanded?: boolean;
     onCreateExpenseReport?: (monthName: string, folderId: string) => void;
     onCreateSnapshotReport?: (monthName: string, folderId: string) => void;
+    onViewPayments?: (monthName: string) => void;
+    paymentStats?: MonthPaymentStats;
 }
 /**
  * Collapsible month card showing all reports for a month
  */
-export declare function MonthReportCard({ reportSet, defaultExpanded, onCreateExpenseReport, onCreateSnapshotReport, }: MonthReportCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonthReportCard({ reportSet, defaultExpanded, onCreateExpenseReport, onCreateSnapshotReport, onViewPayments, paymentStats, }: MonthReportCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MonthReportCard.d.ts.map

package/dist/editors/contributor-billing/components/MonthReportCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthReportCard.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/MonthReportCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,+BAA+B,CAAC;AAEvC,UAAU,oBAAoB;IAC5B,SAAS,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxE;AA6ED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,eAAuB,EACvB,qBAAqB,EACrB,sBAAsB,GACvB,EAAE,oBAAoB,2CA2GtB"}
+{"version":3,"file":"MonthReportCard.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/MonthReportCard.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,+BAA+B,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC5B,SAAS,EAAE,cAAc,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AA6ED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,eAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACd,YAAY,GACb,EAAE,oBAAoB,2CAiJtB"}

package/dist/editors/contributor-billing/components/MonthReportCard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { Calendar, ChevronDown, ChevronRight, Camera, FileText, ArrowRight, Plus, } from "lucide-react";
+import { Calendar, ChevronDown, ChevronRight, Camera, CreditCard, FileText, ArrowRight, Plus, } from "lucide-react";
 import { setSelectedNode } from "@powerhousedao/reactor-browser";
 /**
  * Get color classes for status badges
@@ -47,7 +47,7 @@ function ReportRow({ report, isSnapshot = false, }) {
 /**
  * Collapsible month card showing all reports for a month
  */
-export function MonthReportCard({ reportSet, defaultExpanded = false, onCreateExpenseReport, onCreateSnapshotReport, }) {
+export function MonthReportCard({ reportSet, defaultExpanded = false, onCreateExpenseReport, onCreateSnapshotReport, onViewPayments, paymentStats, }) {
     const [isExpanded, setIsExpanded] = useState(defaultExpanded);
     const overallColors = getStatusColors(reportSet.overallStatus);
     const toggleExpanded = useCallback(() => {
@@ -67,9 +67,12 @@ export function MonthReportCard({ reportSet, defaultExpanded = false, onCreateEx
         reportSet.monthName,
         reportSet.reportingFolderId,
     ]);
+    const handleViewPayments = useCallback(() => {
+        onViewPayments?.(reportSet.monthName);
+    }, [onViewPayments, reportSet.monthName]);
     const reportCountText = reportSet.reportCount === 1
         ? "1 Report"
         : `${reportSet.reportCount} Reports`;
-    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 overflow-hidden", children: [_jsxs("button", { onClick: toggleExpanded, className: "w-full flex items-center justify-between p-4 hover:bg-gray-50 transition-colors text-left", children: [_jsxs("div", { className: "flex items-center gap-3", children: [isExpanded ? (_jsx(ChevronDown, { className: "w-5 h-5 text-gray-400" })) : (_jsx(ChevronRight, { className: "w-5 h-5 text-gray-400" })), _jsx(Calendar, { className: "w-5 h-5 text-gray-600" }), _jsx("span", { className: "font-medium text-gray-900", children: reportSet.monthName })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: reportCountText }), reportSet.reportCount > 0 && (_jsx("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full ${overallColors.bg} ${overallColors.text}`, children: getStatusLabel(reportSet.overallStatus) }))] })] }), isExpanded && (_jsxs("div", { className: "border-t border-gray-200", children: [reportSet.snapshotReport && (_jsx(ReportRow, { report: reportSet.snapshotReport, isSnapshot: true })), reportSet.expenseReports.map((report) => (_jsx(ReportRow, { report: report }, report.id))), reportSet.reportCount === 0 && (_jsx("div", { className: "p-4 text-center text-sm text-gray-500", children: "No reports created yet" })), (onCreateExpenseReport || onCreateSnapshotReport) &&
+    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 overflow-hidden", children: [_jsxs("button", { onClick: toggleExpanded, className: "w-full flex items-center justify-between p-4 hover:bg-gray-50 transition-colors text-left", children: [_jsxs("div", { className: "flex items-center gap-3", children: [isExpanded ? (_jsx(ChevronDown, { className: "w-5 h-5 text-gray-400" })) : (_jsx(ChevronRight, { className: "w-5 h-5 text-gray-400" })), _jsx(Calendar, { className: "w-5 h-5 text-gray-600" }), _jsx("span", { className: "font-medium text-gray-900", children: reportSet.monthName })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: reportCountText }), reportSet.reportCount > 0 && (_jsx("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full ${overallColors.bg} ${overallColors.text}`, children: getStatusLabel(reportSet.overallStatus) }))] })] }), isExpanded && (_jsxs("div", { className: "border-t border-gray-200", children: [onViewPayments && (_jsxs("button", { onClick: handleViewPayments, className: "w-full flex items-center justify-between p-3 hover:bg-gray-50 cursor-pointer transition-colors border-b border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [_jsx(CreditCard, { className: "w-4 h-4 text-emerald-500 flex-shrink-0" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Payments" }), paymentStats && paymentStats.totalInvoices > 0 && (_jsxs("span", { className: "text-xs text-gray-500", children: [paymentStats.totalInvoices, " invoice", paymentStats.totalInvoices !== 1 ? "s" : "", paymentStats.pendingCount > 0 && (_jsxs("span", { className: "text-amber-600", children: [" ", "\u00B7 ", paymentStats.pendingCount, " pending"] })), paymentStats.paidCount > 0 && (_jsxs("span", { className: "text-green-600", children: [" ", "\u00B7 ", paymentStats.paidCount, " paid"] }))] }))] }), _jsx(ArrowRight, { className: "w-4 h-4 text-gray-400 flex-shrink-0" })] })), reportSet.snapshotReport && (_jsx(ReportRow, { report: reportSet.snapshotReport, isSnapshot: true })), reportSet.expenseReports.map((report) => (_jsx(ReportRow, { report: report }, report.id))), reportSet.reportCount === 0 && (_jsx("div", { className: "p-4 text-center text-sm text-gray-500", children: "No reports created yet" })), (onCreateExpenseReport || onCreateSnapshotReport) &&
                         reportSet.reportingFolderId && (_jsxs("div", { className: "p-3 border-t border-gray-100 bg-gray-50 flex items-center gap-3", children: [onCreateSnapshotReport && !reportSet.snapshotReport && (_jsxs("button", { onClick: handleCreateSnapshotReport, className: "flex items-center gap-2 text-sm text-purple-600 hover:text-purple-700 font-medium transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Snapshot Report"] })), onCreateExpenseReport && (_jsxs("button", { onClick: handleCreateExpenseReport, className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 font-medium transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Expense Report"] }))] }))] }))] }));
 }

package/dist/editors/contributor-billing/components/MonthlyReportsOverview.d.ts

@@ -10,6 +10,6 @@ interface MonthlyReportsOverviewProps {
  * Monthly Reports Overview component for the billing page
  * Shows collapsible month cards with reports and status
  */
-export declare function MonthlyReportsOverview({ monthFolders, onCreateMonth, onActiveNodeIdChange, }: MonthlyReportsOverviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonthlyReportsOverview({ onFolderSelect, monthFolders, onCreateMonth, onActiveNodeIdChange, }: MonthlyReportsOverviewProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MonthlyReportsOverview.d.ts.map

package/dist/editors/contributor-billing/components/MonthlyReportsOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthlyReportsOverview.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/MonthlyReportsOverview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAa7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,2BAA2B;IACnC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAsCD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,EAAE,2BAA2B,2CA4U7B"}
+{"version":3,"file":"MonthlyReportsOverview.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/MonthlyReportsOverview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAe7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,2BAA2B;IACnC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAsCD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,EAAE,2BAA2B,2CAuZ7B"}

package/dist/editors/contributor-billing/components/MonthlyReportsOverview.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState, useMemo, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { BarChart3, Plus, ChevronDown } from "lucide-react";
-import { useSelectedDrive, addDocument, dispatchActions, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { useSelectedDrive, useDocumentsInSelectedDrive, addDocument, dispatchActions, setSelectedNode, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { setName } from "document-model";
 import { moveNode } from "document-drive";
 import { useMonthlyReports } from "../hooks/useMonthlyReports.js";
@@ -42,14 +42,67 @@ function parseMonthDates(monthName) {
  * Monthly Reports Overview component for the billing page
  * Shows collapsible month cards with reports and status
  */
-export function MonthlyReportsOverview({ monthFolders, onCreateMonth, onActiveNodeIdChange, }) {
+export function MonthlyReportsOverview({ onFolderSelect, monthFolders, onCreateMonth, onActiveNodeIdChange, }) {
     const { monthReportSets, isLoading } = useMonthlyReports();
     const [selectedDrive] = useSelectedDrive();
+    const documentsInDrive = useDocumentsInSelectedDrive();
     const [isCreating, setIsCreating] = useState(false);
     const [isAddingMonth, setIsAddingMonth] = useState(false);
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
     const dropdownRef = useRef(null);
     const driveId = selectedDrive?.header.id;
+    // Per-month payment stats for the Payments row in each card
+    const monthPaymentStatsMap = useMemo(() => {
+        const map = new Map();
+        if (!selectedDrive || !documentsInDrive || !monthFolders)
+            return map;
+        const nodes = selectedDrive.state.global.nodes;
+        for (const [monthName, folderInfo] of monthFolders.entries()) {
+            const paymentsFolderId = folderInfo.paymentsFolder?.id;
+            if (!paymentsFolderId)
+                continue;
+            const invoiceIds = new Set(nodes
+                .filter((n) => isFileNodeKind(n) &&
+                n.parentFolder === paymentsFolderId &&
+                n.documentType === "powerhouse/invoice")
+                .map((n) => n.id));
+            const invoices = documentsInDrive.filter((doc) => doc.header.documentType === "powerhouse/invoice" &&
+                invoiceIds.has(doc.header.id));
+            let pendingCount = 0;
+            let paidCount = 0;
+            for (const invoice of invoices) {
+                const status = (invoice.state.global?.status ??
+                    "").toUpperCase();
+                if (status === "PAYMENTSENT" ||
+                    status === "PAYMENTRECEIVED" ||
+                    status === "PAYMENTCLOSED") {
+                    paidCount++;
+                }
+                else if (status !== "REJECTED" && status !== "CANCELLED") {
+                    pendingCount++;
+                }
+            }
+            map.set(monthName, {
+                totalInvoices: invoices.length,
+                pendingCount,
+                paidCount,
+            });
+        }
+        return map;
+    }, [selectedDrive, documentsInDrive, monthFolders]);
+    const handleViewPayments = useCallback((monthName) => {
+        if (!onFolderSelect || !monthFolders)
+            return;
+        const info = monthFolders.get(monthName);
+        if (!info?.paymentsFolder)
+            return;
+        onFolderSelect({
+            folderId: info.paymentsFolder.id,
+            folderType: "payments",
+            monthName,
+            reportingFolderId: info.reportingFolder?.id,
+        });
+    }, [onFolderSelect, monthFolders]);
     const buttonRef = useRef(null);
     const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 });
     // Update dropdown position when opening
@@ -200,5 +253,5 @@ export function MonthlyReportsOverview({ monthFolders, onCreateMonth, onActiveNo
     if (monthReportSets.length === 0) {
         return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 overflow-visible", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-indigo-100 rounded-lg", children: _jsx(BarChart3, { className: "w-5 h-5 text-indigo-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Monthly Reports" }), _jsx("p", { className: "text-sm text-gray-600", children: "Quick access to expense and snapshot reports" })] })] }), addMonthButton] }), _jsx("p", { className: "text-gray-500 text-sm text-center py-4", children: "No months configured yet. Click \"Add Month\" to get started." })] }));
     }
-    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 overflow-visible", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-indigo-100 rounded-lg", children: _jsx(BarChart3, { className: "w-5 h-5 text-indigo-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Monthly Reports" }), _jsx("p", { className: "text-sm text-gray-600", children: "Quick access to expense and snapshot reports" })] })] }), addMonthButton] }), _jsx("div", { className: "space-y-3", children: monthReportSets.map((reportSet, index) => (_jsx(MonthReportCard, { reportSet: reportSet, defaultExpanded: index === 0, onCreateExpenseReport: handleCreateExpenseReport, onCreateSnapshotReport: handleCreateSnapshotReport }, reportSet.monthName))) })] }));
+    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 overflow-visible", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-indigo-100 rounded-lg", children: _jsx(BarChart3, { className: "w-5 h-5 text-indigo-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Monthly Reports" }), _jsx("p", { className: "text-sm text-gray-600", children: "Quick access to expense and snapshot reports" })] })] }), addMonthButton] }), _jsx("div", { className: "space-y-3", children: monthReportSets.map((reportSet, index) => (_jsx(MonthReportCard, { reportSet: reportSet, defaultExpanded: index === 0, onCreateExpenseReport: handleCreateExpenseReport, onCreateSnapshotReport: handleCreateSnapshotReport, onViewPayments: onFolderSelect ? handleViewPayments : undefined, paymentStats: monthPaymentStatsMap.get(reportSet.monthName) }, reportSet.monthName))) })] }));
 }

package/dist/editors/contributor-billing/components/cbToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cbToast.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/cbToast.ts"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;CACjB;AAcD,iBAAS,WAAW,CAAC,EAAE,EAAE,MAAM,QAG9B;AAED,wBAAgB,OAAO,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,QAM/B;AAED,wBAAgB,SAAS;;;EAWxB"}
+{"version":3,"file":"cbToast.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/cbToast.ts"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;CACjB;AAcD,iBAAS,WAAW,CAAC,EAAE,EAAE,MAAM,QAG9B;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,QAKtE;AAED,wBAAgB,SAAS;;;EAWxB"}

package/dist/editors/contributor-billing/hooks/useDocumentAutoPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useDocumentAutoPlacement.ts"],"names":[],"mappings":"AAiBA,UAAU,8BAA8B;IACtC,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,8BAA8B,CAiKzE"}
+{"version":3,"file":"useDocumentAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useDocumentAutoPlacement.ts"],"names":[],"mappings":"AAiBA,UAAU,8BAA8B;IACtC,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,8BAA8B,CAmNzE"}