@powerhousedao/contributor-billing 0.1.36 → 0.1.39

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "@powerhousedao/design-system/connect";
+import { useState } from "react";
 import { DriveContents } from "./DriveContents.js";
 import { FolderTree } from "./FolderTree.js";
 /**
@@ -9,9 +10,23 @@ import { FolderTree } from "./FolderTree.js";
 export function DriveExplorer({ children }) {
     // if a document is selected then its editor will be passed as children
     const showDocumentEditor = !!children;
-    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsx(FolderTree, {}), _jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), _jsx("div", { className: "flex-1 min-w-0 h-full overflow-auto", children: showDocumentEditor ? (
+    // Track which folder is selected for content routing
+    const [selectedFolder, setSelectedFolder] = useState(null);
+    // Track active node in sidebar for visual selection sync
+    // Empty string means no selection (home page)
+    const [activeNodeId, setActiveNodeId] = useState("");
+    const handleFolderSelect = (folderInfo) => {
+        setSelectedFolder(folderInfo);
+        // Only update sidebar selection when explicitly selecting a folder with a valid ID
+        // When folderInfo is null (opening a document), let the sidebar keep its current selection
+        // When folderId is empty (e.g., billing folder doesn't exist yet), don't update sidebar
+        if (folderInfo && folderInfo.folderId) {
+            setActiveNodeId(folderInfo.folderId);
+        }
+    };
+    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsx(FolderTree, { onFolderSelect: handleFolderSelect, activeNodeId: activeNodeId, onActiveNodeIdChange: setActiveNodeId }), _jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), _jsx("div", { className: "flex-1 min-w-0 h-full overflow-auto", children: showDocumentEditor ? (
                 /* Document editor view */
                 _jsx("div", { className: "min-h-full", children: children })) : (
-                /* Operational Hub view */
-                _jsx(DriveContents, {})) })] }));
+                /* Folder content view */
+                _jsx(DriveContents, { selectedFolder: selectedFolder, onFolderSelect: handleFolderSelect })) })] }));
 }

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

@@ -1,15 +1,25 @@
-/** Custom view types that don't correspond to document models */
-export type CustomView = "accounts" | "expense-report" | "snapshot-report" | null;
+/** Folder types for content routing */
+export type FolderType = "payments" | "reporting" | "billing" | null;
+/** Selected folder info for content routing */
+export interface SelectedFolderInfo {
+    folderId: string;
+    folderType: FolderType;
+    monthName?: string;
+    /** The sibling Reporting folder ID (when in Payments folder context) */
+    reportingFolderId?: string;
+    /** The sibling Payments folder ID (when in Reporting folder context) */
+    paymentsFolderId?: string;
+}
 type FolderTreeProps = {
-    onCustomViewChange?: (view: CustomView) => void;
+    onFolderSelect?: (folderInfo: SelectedFolderInfo | null) => void;
+    activeNodeId?: string;
+    onActiveNodeIdChange?: (nodeId: string) => void;
 };
 /**
- * Sidebar navigation component with hardcoded navigation sections.
- * Displays Accounts as the main section.
- * If an accounts document exists, clicking shows its editor.
- * If it doesn't exist, clicking shows the create document modal.
- * Account-transactions documents are shown as children of the Accounts node.
+ * Sidebar navigation component with:
+ * - Accounts section (with account-transactions children)
+ * - Billing folder structure (Month > Payments/Reporting)
  */
-export declare function FolderTree({ onCustomViewChange }: FolderTreeProps): import("react/jsx-runtime").JSX.Element;
+export declare function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeId, onActiveNodeIdChange, }: FolderTreeProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FolderTree.d.ts.map

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":"AAeA,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,IAAI,CAAC;AA2CT,KAAK,eAAe,GAAG;IACrB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,kBAAkB,EAAE,EAAE,eAAe,2CAyIjE"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AA0BA,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;AAErE,+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,2CA6SjB"}

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

@@ -1,57 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
-import { setSelectedNode, showCreateDocumentModal, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
-import { Wallet, FileText, Camera } from "lucide-react";
+import { setSelectedNode, showCreateDocumentModal, useDocumentsInSelectedDrive, useSelectedDrive, isFileNodeKind, } from "@powerhousedao/reactor-browser";
+import { Wallet, FileText, Building2, Calendar, CreditCard, BarChart3, Camera, } from "lucide-react";
 import { useMemo, useState } from "react";
+import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
 const ICON_SIZE = 16;
 /**
- * Maps navigation section IDs to their corresponding document types.
- * When a section is clicked, the corresponding document type will be created or navigated to.
+ * Sidebar navigation component with:
+ * - Accounts section (with account-transactions children)
+ * - Billing folder structure (Month > Payments/Reporting)
  */
-const SECTION_TO_DOCUMENT_TYPE = {
-    accounts: "powerhouse/accounts",
-    "expense-report": "powerhouse/expense-report",
-    "snapshot-report": "powerhouse/snapshot-report",
-};
-/**
- * Maps navigation section IDs to custom view identifiers.
- */
-const SECTION_TO_CUSTOM_VIEW = {
-    accounts: "accounts",
-    "expense-report": "expense-report",
-    "snapshot-report": "snapshot-report",
-};
-/**
- * Base navigation sections for the Contributor Billing drive.
- * The accounts section will have dynamic children based on account-transactions documents.
- */
-const BASE_NAVIGATION_SECTIONS = [
-    {
-        id: "accounts",
-        title: "Accounts",
-        icon: _jsx(Wallet, { size: ICON_SIZE }),
-    },
-    {
-        id: "expense-report",
-        title: "Expense Report",
-        icon: _jsx(FileText, { size: ICON_SIZE }),
-    },
-    {
-        id: "snapshot-report",
-        title: "Snapshot Report",
-        icon: _jsx(Camera, { size: ICON_SIZE }),
-    },
-];
-/**
- * Sidebar navigation component with hardcoded navigation sections.
- * Displays Accounts as the main section.
- * If an accounts document exists, clicking shows its editor.
- * If it doesn't exist, clicking shows the create document modal.
- * Account-transactions documents are shown as children of the Accounts node.
- */
-export function FolderTree({ onCustomViewChange }) {
-    const [activeNodeId, setActiveNodeId] = useState(BASE_NAVIGATION_SECTIONS[0].id);
+export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeId, onActiveNodeIdChange, }) {
+    // Use controlled state if provided, otherwise use local state
+    // Empty string means no selection (home page)
+    const [localActiveNodeId, setLocalActiveNodeId] = useState("");
+    const activeNodeId = controlledActiveNodeId ?? localActiveNodeId;
+    const setActiveNodeId = onActiveNodeIdChange ?? setLocalActiveNodeId;
     const documentsInDrive = useDocumentsInSelectedDrive();
+    const [driveDocument] = useSelectedDrive();
+    const { billingFolder, monthFolders, paymentsFolderIds, reportingFolderIds } = useBillingFolderStructure();
+    // Build a map of document ID to parent folder ID
+    const documentParentMap = useMemo(() => {
+        const map = new Map();
+        if (!driveDocument)
+            return map;
+        const nodes = driveDocument.state.global.nodes;
+        for (const node of nodes) {
+            if (isFileNodeKind(node)) {
+                map.set(node.id, node.parentFolder);
+            }
+        }
+        return map;
+    }, [driveDocument]);
     // Find all account-transactions documents in the drive
     const accountTransactionsDocuments = useMemo(() => {
         if (!documentsInDrive)
@@ -66,7 +46,47 @@ export function FolderTree({ onCustomViewChange }) {
         }
         return nodeIds;
     }, [accountTransactionsDocuments]);
-    // Build navigation sections with dynamic account-transactions children
+    // Build a set of month folder IDs for quick lookup
+    const monthFolderIds = useMemo(() => {
+        const ids = new Set();
+        for (const [, info] of monthFolders.entries()) {
+            ids.add(info.folder.id);
+        }
+        return ids;
+    }, [monthFolders]);
+    // Find accounts document
+    const accountsDocument = useMemo(() => {
+        if (!documentsInDrive)
+            return null;
+        return documentsInDrive.find((doc) => doc.header.documentType === "powerhouse/accounts");
+    }, [documentsInDrive]);
+    // Find report documents (expense + snapshot) and build ID set for lookup
+    const { reportDocuments, reportDocumentIds } = useMemo(() => {
+        if (!documentsInDrive)
+            return { reportDocuments: [], reportDocumentIds: new Set() };
+        const docs = documentsInDrive.filter((doc) => doc.header.documentType === "powerhouse/expense-report" ||
+            doc.header.documentType === "powerhouse/snapshot-report");
+        return {
+            reportDocuments: docs,
+            reportDocumentIds: new Set(docs.map((d) => d.header.id)),
+        };
+    }, [documentsInDrive]);
+    // Generate a stable key based on the node structure to force Sidebar remount when nodes change
+    // This works around a bug in the Sidebar component where toggle state isn't updated for new nodes
+    const sidebarKey = useMemo(() => {
+        const nodeIds = [];
+        for (const [, info] of monthFolders.entries()) {
+            nodeIds.push(info.folder.id);
+            if (info.paymentsFolder)
+                nodeIds.push(info.paymentsFolder.id);
+            if (info.reportingFolder)
+                nodeIds.push(info.reportingFolder.id);
+        }
+        // Include document count to detect when documents are added/removed
+        const docCount = documentsInDrive?.length ?? 0;
+        return `${nodeIds.join("-")}-${docCount}`;
+    }, [monthFolders, documentsInDrive?.length]);
+    // Build navigation sections
     const navigationSections = useMemo(() => {
         // Build account-transactions children nodes
         const accountTransactionsChildren = accountTransactionsDocuments.map((doc) => ({
@@ -74,82 +94,159 @@ export function FolderTree({ onCustomViewChange }) {
             title: doc.header.name || "Untitled",
             icon: _jsx(FileText, { size: ICON_SIZE }),
         }));
-        // Replace the accounts section with one that has children if any exist
-        return BASE_NAVIGATION_SECTIONS.map((section) => {
-            if (section.id === "accounts" && accountTransactionsChildren.length > 0) {
-                return {
-                    ...section,
-                    children: accountTransactionsChildren,
-                };
-            }
-            return section;
+        // Build Billing folder children (month folders)
+        const billingChildren = [];
+        // Sort months by date (most recent first)
+        const sortedMonths = Array.from(monthFolders.entries()).sort(([nameA], [nameB]) => {
+            // Parse "January 2025" format
+            const dateA = new Date(nameA);
+            const dateB = new Date(nameB);
+            return dateB.getTime() - dateA.getTime(); // Most recent first
         });
-    }, [accountTransactionsDocuments]);
-    // Create a map of document type to existing document (first one found)
-    const existingDocumentsByType = useMemo(() => {
-        const map = {};
-        if (!documentsInDrive)
-            return map;
-        for (const doc of documentsInDrive) {
-            const docType = doc.header.documentType;
-            // Only store the first document of each type (singleton pattern)
-            if (!map[docType]) {
-                map[docType] = doc.header.id;
+        for (const [monthName, info] of sortedMonths) {
+            const monthChildren = [];
+            if (info.paymentsFolder) {
+                monthChildren.push({
+                    id: info.paymentsFolder.id,
+                    title: "Payments",
+                    icon: _jsx(CreditCard, { size: ICON_SIZE }),
+                });
+            }
+            if (info.reportingFolder) {
+                // Filter reports that match this specific month by name
+                const monthLower = monthName.toLowerCase();
+                const folderReports = reportDocuments.filter((doc) => {
+                    const docName = doc.header.name?.toLowerCase() || "";
+                    // Only include if report name contains the full month name (e.g., "january 2026")
+                    return docName.includes(monthLower);
+                });
+                const reportingChildren = folderReports.map((doc) => ({
+                    id: doc.header.id,
+                    title: doc.header.name || "Untitled Report",
+                    icon: doc.header.documentType === "powerhouse/snapshot-report" ? (_jsx(Camera, { size: ICON_SIZE })) : (_jsx(FileText, { size: ICON_SIZE })),
+                }));
+                monthChildren.push({
+                    id: info.reportingFolder.id,
+                    title: "Reporting",
+                    icon: _jsx(BarChart3, { size: ICON_SIZE }),
+                    children: reportingChildren.length > 0 ? reportingChildren : undefined,
+                });
             }
+            billingChildren.push({
+                id: info.folder.id,
+                title: monthName,
+                icon: _jsx(Calendar, { size: ICON_SIZE }),
+                children: monthChildren.length > 0 ? monthChildren : undefined,
+            });
         }
-        return map;
-    }, [documentsInDrive]);
+        const sections = [
+            // Accounts section
+            {
+                id: "accounts",
+                title: "Accounts",
+                icon: _jsx(Wallet, { size: ICON_SIZE }),
+                children: accountTransactionsChildren.length > 0
+                    ? accountTransactionsChildren
+                    : undefined,
+            },
+            // Billing folder structure
+            {
+                id: billingFolder?.id || "billing-placeholder",
+                title: "Billing",
+                icon: _jsx(Building2, { size: ICON_SIZE }),
+                children: billingChildren.length > 0 ? billingChildren : undefined,
+            },
+        ];
+        return sections;
+    }, [
+        accountTransactionsDocuments,
+        billingFolder,
+        monthFolders,
+        reportDocuments,
+        documentParentMap,
+    ]);
     const handleActiveNodeChange = (node) => {
         setActiveNodeId(node.id);
         // Check if this is an account-transactions child node
         if (accountTransactionsNodeIds.has(node.id)) {
-            // It's an account-transactions document - open the document editor
-            onCustomViewChange?.(null);
+            onFolderSelect?.(null);
             setSelectedNode(node.id);
             return;
         }
-        // Check if this section has a custom view
-        const customView = SECTION_TO_CUSTOM_VIEW[node.id];
-        if (customView) {
-            // For accounts, check if document exists
-            const documentType = SECTION_TO_DOCUMENT_TYPE[node.id];
-            if (documentType) {
-                const existingDocId = existingDocumentsByType[documentType];
-                if (existingDocId) {
-                    // Navigate to the existing accounts document
-                    onCustomViewChange?.(null);
-                    setSelectedNode(existingDocId);
-                }
-                else {
-                    // Clear selected node to create document at drive root, not in current folder
-                    setSelectedNode("");
-                    showCreateDocumentModal(documentType);
-                }
-            }
+        // Check if this is an expense or snapshot report document
+        if (reportDocumentIds.has(node.id)) {
+            onFolderSelect?.(null);
+            setSelectedNode(node.id);
             return;
         }
-        // Clear custom view when navigating to a document
-        onCustomViewChange?.(null);
-        const documentType = SECTION_TO_DOCUMENT_TYPE[node.id];
-        if (!documentType)
+        // Check if clicking Accounts section
+        if (node.id === "accounts") {
+            if (accountsDocument) {
+                onFolderSelect?.(null);
+                setSelectedNode(accountsDocument.header.id);
+            }
+            else {
+                setSelectedNode("");
+                showCreateDocumentModal("powerhouse/accounts");
+            }
             return;
-        const existingDocId = existingDocumentsByType[documentType];
-        if (existingDocId) {
-            // Navigate to the existing document
-            setSelectedNode(existingDocId);
         }
-        else {
-            // Clear selected node to create document at drive root, not in current folder
+        // Check if clicking Billing folder
+        if (node.id === billingFolder?.id || node.id === "billing-placeholder") {
+            onFolderSelect?.({
+                folderId: billingFolder?.id || "",
+                folderType: "billing",
+            });
             setSelectedNode("");
-            showCreateDocumentModal(documentType);
+            return;
+        }
+        // Check if clicking a month folder - just let it expand, don't navigate or select
+        if (monthFolderIds.has(node.id)) {
+            return;
+        }
+        // Check if clicking a Payments folder
+        if (paymentsFolderIds.has(node.id)) {
+            // Find the month name for this payments folder
+            for (const [monthName, info] of monthFolders.entries()) {
+                if (info.paymentsFolder?.id === node.id) {
+                    onFolderSelect?.({
+                        folderId: node.id,
+                        folderType: "payments",
+                        monthName,
+                        reportingFolderId: info.reportingFolder?.id,
+                    });
+                    setSelectedNode("");
+                    return;
+                }
+            }
+        }
+        // Check if clicking a Reporting folder
+        if (reportingFolderIds.has(node.id)) {
+            // Find the month name for this reporting folder
+            for (const [monthName, info] of monthFolders.entries()) {
+                if (info.reportingFolder?.id === node.id) {
+                    onFolderSelect?.({
+                        folderId: node.id,
+                        folderType: "reporting",
+                        monthName,
+                        paymentsFolderId: info.paymentsFolder?.id,
+                    });
+                    setSelectedNode("");
+                    return;
+                }
+            }
         }
+        // Default: clear selection
+        onFolderSelect?.(null);
+        setSelectedNode("");
     };
     return (_jsxs(SidebarProvider, { nodes: navigationSections, children: [_jsx("style", { children: `
           .folder-tree-sidebar .sidebar__item-caret--no-children {
             visibility: hidden;
           }
         ` }), _jsx(Sidebar, { className: "pt-1 folder-tree-sidebar", nodes: navigationSections, activeNodeId: activeNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: "Operational Hub Navigation", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
-                    onCustomViewChange?.(null);
+                    onFolderSelect?.(null);
                     setSelectedNode("");
-                } })] }));
+                    setActiveNodeId("");
+                } }, sidebarKey)] }));
 }

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderControls.d.ts

@@ -16,6 +16,13 @@ interface HeaderControlsProps {
     canExport?: boolean;
     hasBillingStatements?: boolean;
     expenseReportDoc?: FileNode;
+    /** Existing expense report for the current month (to prevent duplicates) */
+    existingExpenseReportForMonth?: {
+        header: {
+            id: string;
+            name?: string;
+        };
+    } | null;
     onCreateOrOpenExpenseReport?: () => void;
     selected?: Record<string, boolean>;
     handleCreateBillingStatement: (id: string) => Promise<void>;
@@ -34,5 +41,5 @@ interface HeaderControlsProps {
     }>;
     canExportSelectedRows: () => boolean;
 }
-export declare const HeaderControls: ({ statusOptions, selectedStatuses, onStatusChange, onSearchChange, onExport, onExpenseReportExport, createIntegrationsDocument, integrationsDoc, hasBillingStatements, expenseReportDoc, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, invoices, billingStatements, canExportSelectedRows, }: HeaderControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderControls: ({ statusOptions, selectedStatuses, onStatusChange, onSearchChange, onExport, onExpenseReportExport, createIntegrationsDocument, integrationsDoc, hasBillingStatements, expenseReportDoc, existingExpenseReportForMonth, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, invoices, billingStatements, canExportSelectedRows, }: HeaderControlsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HeaderControls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,UAAU,mBAAmB;IAC3B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,kUAkB5B,mBAAmB,4CAuPrB,CAAC"}
+{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,UAAU,mBAAmB;IAC3B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,4EAA4E;IAC5E,6BAA6B,CAAC,EAAE;QAC9B,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACvC,GAAG,IAAI,CAAC;IACT,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,iWAmB5B,mBAAmB,4CA4PrB,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderControls.js

@@ -10,7 +10,7 @@ const currencyOptions = [
     { label: "GBP", value: "GBP" },
     { label: "JPY", value: "JPY" },
 ];
-export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, createIntegrationsDocument, integrationsDoc, hasBillingStatements = false, expenseReportDoc, onCreateOrOpenExpenseReport, selected = {}, handleCreateBillingStatement, setSelected, invoices = [], billingStatements = [], canExportSelectedRows, }) => {
+export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, createIntegrationsDocument, integrationsDoc, hasBillingStatements = false, expenseReportDoc, existingExpenseReportForMonth, onCreateOrOpenExpenseReport, selected = {}, handleCreateBillingStatement, setSelected, invoices = [], billingStatements = [], canExportSelectedRows, }) => {
     const batchOptions = [
         { label: "Generate Bill Statements", value: "generate-bills" },
         {
@@ -107,9 +107,11 @@ export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onSt
     //     setSelectedNode(integrationsDoc.id);
     //   }
     // };
-    return (_jsxs("div", { className: "contributor-billing-controls flex flex-col gap-4 mb-4", children: [_jsxs("div", { className: "flex justify-between items-center flex-wrap gap-2", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("div", { className: "w-[180px]", children: _jsx(Select, { options: statusOptions, onChange: onStatusChange, placeholder: "Status", selectionIcon: "checkmark", multiple: true, value: selectedStatuses }) }), _jsx("input", { type: "text", className: "border border-gray-300 rounded px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { type: "button", className: `bg-white border border-gray-300 rounded px-3 py-1.5 text-sm font-medium transition-colors ${hasBillingStatements
+    return (_jsxs("div", { className: "contributor-billing-controls flex flex-col gap-4 mb-4", children: [_jsxs("div", { className: "flex justify-between items-center flex-wrap gap-2", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("div", { className: "w-[180px]", children: _jsx(Select, { options: statusOptions, onChange: onStatusChange, placeholder: "Status", selectionIcon: "checkmark", multiple: true, value: selectedStatuses }) }), _jsx("input", { type: "text", className: "border border-gray-300 rounded px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { type: "button", className: `bg-white border border-gray-300 rounded px-3 py-1.5 text-sm font-medium transition-colors ${hasBillingStatements && !existingExpenseReportForMonth
                                     ? "hover:bg-gray-50"
-                                    : "opacity-50 cursor-not-allowed"}`, onClick: onCreateOrOpenExpenseReport, disabled: !hasBillingStatements, children: expenseReportDoc ? "Expense Report" : "Create Expense Report" }), _jsx("button", { type: "button", className: `bg-white border border-gray-300 rounded px-3 py-1.5 text-sm font-medium transition-colors ${canExport ? "hover:bg-gray-50" : "opacity-50 cursor-not-allowed"}`, onClick: () => {
+                                    : "opacity-50 cursor-not-allowed"}`, onClick: onCreateOrOpenExpenseReport, disabled: !hasBillingStatements || !!existingExpenseReportForMonth, title: existingExpenseReportForMonth
+                                    ? "Expense report already exists for this month"
+                                    : undefined, children: expenseReportDoc ? "Expense Report" : "Create Expense Report" }), _jsx("button", { type: "button", className: `bg-white border border-gray-300 rounded px-3 py-1.5 text-sm font-medium transition-colors ${canExport ? "hover:bg-gray-50" : "opacity-50 cursor-not-allowed"}`, onClick: () => {
                                     setShowCurrencyModal(true);
                                 }, disabled: !canExport, children: "Export to CSV" }), _jsx("div", { className: "w-[180px]", children: _jsx(Select, { contentClassName: "w-[240px]", options: batchOptions, value: selectedBatchAction, onChange: (value) => {
                                         setSelectedBatchAction(value);

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderStats.d.ts

@@ -1,2 +1,7 @@
-export declare const HeaderStats: () => import("react/jsx-runtime").JSX.Element;
+interface HeaderStatsProps {
+    /** The ID of the payments folder to filter invoices by */
+    folderId: string;
+}
+export declare const HeaderStats: ({ folderId }: HeaderStatsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=HeaderStats.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStats.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderStats.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,WAAW,+CAwHvB,CAAC"}
+{"version":3,"file":"HeaderStats.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderStats.tsx"],"names":[],"mappings":"AAwBA,UAAU,gBAAgB;IACxB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,gBAAgB,4CAgIzD,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderStats.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select } from "@powerhousedao/document-engineering/ui";
 import { useState, useEffect, useMemo } from "react";
-import { useFileNodesInSelectedDrive, useGetDocuments, } from "@powerhousedao/reactor-browser";
+import { useGetDocuments, useSelectedDrive, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { getExchangeRate } from "../../utils/exchangeRate.js";
 import { Tooltip, TooltipProvider } from "@powerhousedao/design-system/ui";
 const currencyList = [
@@ -16,13 +16,21 @@ const currencyList = [
     { ticker: "CNY", crypto: false },
     { ticker: "CHF", crypto: false },
 ];
-export const HeaderStats = () => {
+export const HeaderStats = ({ folderId }) => {
     const [selectedCurrency, setSelectedCurrency] = useState("USD");
     const [totalExpenses, setTotalExpenses] = useState(0);
-    const files = useFileNodesInSelectedDrive();
-    const invoiceFiles = useMemo(() => files
-        ?.filter((file) => file.documentType === "powerhouse/invoice")
-        .map((file) => file.id), [files]);
+    const [driveDocument] = useSelectedDrive();
+    // Filter invoice files to only those in the specific payments folder
+    const invoiceFiles = useMemo(() => {
+        if (!driveDocument)
+            return [];
+        const nodes = driveDocument.state.global.nodes;
+        return nodes
+            .filter((node) => isFileNodeKind(node) &&
+            node.parentFolder === folderId &&
+            node.documentType === "powerhouse/invoice")
+            .map((node) => node.id);
+    }, [driveDocument, folderId]);
     const invoices = useGetDocuments(invoiceFiles);
     useEffect(() => {
         const calculateTotalExpenses = async () => {

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

@@ -10,13 +10,17 @@ interface InvoiceTableProps {
     selected: Record<string, boolean>;
     setSelected: (selected: Record<string, boolean> | ((prev: Record<string, boolean>) => Record<string, boolean>)) => void;
     filteredDocumentModels: VetraDocumentModelModule[];
-    onSelectDocumentModel: (model: VetraDocumentModelModule) => void;
+    onSelectDocumentModel: (model: VetraDocumentModelModule, name: string) => void;
     getDocDispatcher: (id: string) => [PHDocument, (action: unknown) => Promise<void>] | null;
     selectedStatuses: string[];
     onStatusChange: (value: string | string[]) => void;
     onRowSelection: (rowId: string, checked: boolean, rowStatus: string) => void;
     canExportSelectedRows: () => boolean;
+    /** The month name (e.g., "January 2026") for checking existing reports */
+    monthName?: string;
+    /** The sibling Reporting folder ID where expense reports should be created */
+    reportingFolderId?: string;
 }
-export declare const InvoiceTable: ({ files, selected, setSelected, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, selectedStatuses, onStatusChange, onRowSelection, canExportSelectedRows, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InvoiceTable: ({ files, selected, setSelected, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, selectedStatuses, onStatusChange, onRowSelection, canExportSelectedRows, monthName, reportingFolderId, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InvoiceTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,wBAAwB,EAC9B,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA6D/C,eAAO,MAAM,aAAa;;;GAUzB,CAAC;AAeF,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,CACX,QAAQ,EACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC7D,IAAI,CAAC;IACV,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;IACnD,qBAAqB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,CAChB,EAAE,EAAE,MAAM,KACP,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7D,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AA6BD,eAAO,MAAM,YAAY,GAAI,6KAW1B,iBAAiB,4CAijBnB,CAAC"}
+{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,wBAAwB,EAC9B,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA6D/C,eAAO,MAAM,aAAa;;;GAUzB,CAAC;AAeF,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,CACX,QAAQ,EACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC7D,IAAI,CAAC;IACV,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;IACnD,qBAAqB,EAAE,CACrB,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;IACV,gBAAgB,EAAE,CAChB,EAAE,EAAE,MAAM,KACP,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7D,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;IACrC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA6BD,eAAO,MAAM,YAAY,GAAI,2MAa1B,iBAAiB,4CAmqBnB,CAAC"}