@powerhousedao/contributor-billing 0.1.51 → 0.1.53

package/dist/editors/accounts-editor/editor.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "@powerhousedao/document-engineering";
-import { ChevronDown, ChevronUp, HelpCircle, X } from "lucide-react";
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { ChevronDown, ChevronUp, HelpCircle, Plus, RefreshCw, X, } from "lucide-react";
+import { DocumentToolbar, toast, ToastContainer, } from "@powerhousedao/design-system/connect";
 import { setSelectedNode, useParentFolderForSelectedNode, useSelectedDrive, } from "@powerhousedao/reactor-browser";
 import { generateId } from "document-model/core";
 import { useSelectedAccountsDocument } from "../hooks/useAccountsDocument.js";
@@ -24,6 +24,8 @@ export default function Editor() {
     const [creatingTransactionsFor, setCreatingTransactionsFor] = useState(null);
     const [isSyncingAll, setIsSyncingAll] = useState(false);
     const [syncProgress, setSyncProgress] = useState(null);
+    const [deleteConfirm, setDeleteConfirm] = useState({ isOpen: false, accountId: null, accountName: "" });
+    const [syncConfirm, setSyncConfirm] = useState(false);
     const [showHelp, setShowHelp] = useState(() => {
         if (typeof window !== "undefined") {
             return localStorage.getItem(HELP_DISMISSED_KEY) !== "true";
@@ -69,9 +71,19 @@ export default function Editor() {
         setEditingAccount(null);
     }
     function handleDeleteAccount(id) {
-        if (window.confirm("Are you sure you want to delete this account?")) {
-            dispatch(deleteAccount({ id }));
+        const account = accounts.find((a) => a.id === id);
+        setDeleteConfirm({
+            isOpen: true,
+            accountId: id,
+            accountName: account?.name || "this account",
+        });
+    }
+    function confirmDelete() {
+        if (deleteConfirm.accountId) {
+            dispatch(deleteAccount({ id: deleteConfirm.accountId }));
+            toast("Account deleted successfully", { type: "success" });
         }
+        setDeleteConfirm({ isOpen: false, accountId: null, accountName: "" });
     }
     function handleUpdateKycStatus(id, KycAmlStatus) {
         dispatch(updateKycStatus({ id, KycAmlStatus }));
@@ -99,67 +111,91 @@ export default function Editor() {
                         accountTransactionsId: result.documentId,
                     }));
                 }
-                alert(`Success! Created document and fetched ${result.transactionsAdded} transactions`);
+                toast(`Created document and fetched ${result.transactionsAdded} transactions`, { type: "success" });
             }
             else {
-                alert(`Error: ${result.message}`);
+                toast(`Error: ${result.message}`, { type: "error" });
             }
         }
         catch (error) {
-            alert(`Error: ${error instanceof Error ? error.message : "Unknown error occurred"}`);
+            toast(`Error: ${error instanceof Error ? error.message : "Unknown error occurred"}`, { type: "error" });
         }
         finally {
             setCreatingTransactionsFor(null);
         }
     }
-    async function handleSyncAllTransactions() {
-        // Filter accounts that have transaction documents
-        const accountsWithTransactions = accounts.filter((account) => account.accountTransactionsId &&
-            account.accountTransactionsId.trim() !== "");
-        if (accountsWithTransactions.length === 0) {
-            alert("No accounts have transaction documents to sync. Create transaction documents first.");
-            return;
-        }
-        if (!window.confirm(`This will sync transactions for ${accountsWithTransactions.length} account(s). Continue?`)) {
+    function initiateSync() {
+        if (accounts.length === 0) {
+            toast("No accounts to sync transactions for", { type: "warning" });
             return;
         }
+        setSyncConfirm(true);
+    }
+    async function handleSyncAllTransactions() {
+        setSyncConfirm(false);
         setIsSyncingAll(true);
         const results = [];
         try {
-            for (let i = 0; i < accountsWithTransactions.length; i++) {
-                const account = accountsWithTransactions[i];
+            const driveId = selectedDrive?.header?.id;
+            const accountsDocumentId = document.header.id;
+            for (let i = 0; i < accounts.length; i++) {
+                const account = accounts[i];
                 setSyncProgress({
                     current: i + 1,
-                    total: accountsWithTransactions.length,
+                    total: accounts.length,
                     account: account.name,
                 });
-                const result = await accountTransactionsService.syncTransactionsForDocument(account.accountTransactionsId, account.account);
-                results.push({
-                    account: account.name,
-                    success: result.success,
-                    transactionsAdded: result.transactionsAdded || 0,
-                    message: result.message,
-                });
+                try {
+                    // If account already has a transaction document, sync it
+                    if (account.accountTransactionsId) {
+                        const result = await accountTransactionsService.syncTransactionsForDocument(account.accountTransactionsId, account.account);
+                        results.push({
+                            account: account.name,
+                            success: result.success,
+                            transactionsAdded: result.transactionsAdded || 0,
+                            message: result.message,
+                        });
+                    }
+                    else {
+                        // Otherwise, create a new transaction document and fetch transactions
+                        const result = await accountTransactionsService.createAccountTransactionsDocument(account, accountsDocumentId, driveId);
+                        if (result.success && result.documentId) {
+                            // Update the account with the new transaction document ID
+                            dispatch(updateAccount({
+                                id: account.id,
+                                accountTransactionsId: result.documentId,
+                            }));
+                        }
+                        results.push({
+                            account: account.name,
+                            success: result.success,
+                            transactionsAdded: result.transactionsAdded || 0,
+                            message: result.message,
+                        });
+                    }
+                }
+                catch (error) {
+                    results.push({
+                        account: account.name,
+                        success: false,
+                        transactionsAdded: 0,
+                        message: error instanceof Error ? error.message : "Unknown error occurred",
+                    });
+                }
             }
             // Show summary
             const totalAdded = results.reduce((sum, r) => sum + r.transactionsAdded, 0);
             const successCount = results.filter((r) => r.success).length;
             const failedCount = results.length - successCount;
-            let message = `Sync complete!\n\n`;
-            message += `Successfully synced: ${successCount}/${results.length} accounts\n`;
-            message += `Total new transactions: ${totalAdded}\n`;
-            if (failedCount > 0) {
-                message += `\nFailed accounts:\n`;
-                results
-                    .filter((r) => !r.success)
-                    .forEach((r) => {
-                    message += `- ${r.account}: ${r.message}\n`;
-                });
+            if (failedCount === 0) {
+                toast(`Synced ${successCount} account${successCount !== 1 ? "s" : ""}, ${totalAdded} new transactions`, { type: "success" });
+            }
+            else {
+                toast(`Synced ${successCount}/${results.length} accounts. ${failedCount} failed.`, { type: "warning" });
             }
-            alert(message);
         }
         catch (error) {
-            alert(`Error during bulk sync: ${error instanceof Error ? error.message : "Unknown error occurred"}`);
+            toast(`Error during sync: ${error instanceof Error ? error.message : "Unknown error occurred"}`, { type: "error" });
         }
         finally {
             setIsSyncingAll(false);
@@ -167,9 +203,15 @@ export default function Editor() {
         }
     }
     const accounts = document.state.global.accounts;
-    return (_jsxs("div", { className: "h-screen flex flex-col bg-gray-50", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsx("div", { className: "bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between", children: _jsx("h1", { className: "text-lg font-semibold text-gray-900", children: "Accounts" }) }), _jsx("div", { className: "flex-1 overflow-auto", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { children: [viewMode === "list" && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Accounts" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Manage your accounts and sync transactions" })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { onClick: handleSyncAllTransactions, disabled: isSyncingAll ||
-                                                            accounts.filter((a) => a.accountTransactionsId)
-                                                                .length === 0, className: "bg-green-600 hover:bg-green-700 disabled:bg-gray-400 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors", children: isSyncingAll ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsxs("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), syncProgress
-                                                                    ? `${syncProgress.current}/${syncProgress.total}`
-                                                                    : "Syncing..."] })) : ("Sync All Transactions") }), _jsx(Button, { onClick: () => setViewMode("add"), className: "bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors", children: "Add Account" })] })] }), showHelp && (_jsx(InstructionSection, { onDismiss: handleDismissHelp })), syncProgress && (_jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-medium text-blue-900", children: ["Syncing transactions: ", syncProgress.account] }), _jsxs("p", { className: "text-xs text-blue-700 mt-1", children: ["Progress: ", syncProgress.current, " of", " ", syncProgress.total, " accounts"] })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("svg", { className: "animate-spin h-5 w-5 text-blue-600", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) })] }) })), accounts.length === 0 ? (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-12 text-center", children: [_jsx("svg", { className: "mx-auto h-12 w-12 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }), _jsx("h3", { className: "mt-4 text-lg font-medium text-gray-900", children: "No accounts yet" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Get started by creating your first account" }), _jsx(Button, { onClick: () => setViewMode("add"), className: "mt-6 bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors", children: "Add Account" })] })) : (_jsx(AccountsList, { accounts: accounts, onEdit: handleEditClick, onDelete: handleDeleteAccount, onUpdateKycStatus: handleUpdateKycStatus, onCreateTransactions: handleCreateTransactions, creatingTransactionsFor: creatingTransactionsFor || undefined }))] })), viewMode === "add" && (_jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Add New Account" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Fill in the account details below" })] }), _jsx(AccountForm, { onSubmit: handleAddAccount, onCancel: handleCancelForm })] })), viewMode === "edit" && editingAccount && (_jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Edit Account" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Update the account details below" })] }), _jsx(AccountForm, { account: editingAccount, onSubmit: handleUpdateAccount, onCancel: handleCancelForm })] }))] }) }) })] }));
+    return (_jsxs("div", { className: "h-screen flex flex-col bg-gray-50", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsx("div", { className: "bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between", children: _jsx("h1", { className: "text-lg font-semibold text-gray-900", children: "Accounts" }) }), _jsx("div", { className: "flex-1 overflow-auto", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { children: [viewMode === "list" && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Accounts" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Manage your accounts and sync transactions" })] }), showHelp && (_jsx(InstructionSection, { onDismiss: handleDismissHelp })), _jsxs("div", { className: "flex items-center justify-end gap-3", children: [_jsxs(Button, { onClick: () => setViewMode("add"), className: "bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors flex items-center gap-2", children: [_jsx(Plus, { className: "w-4 h-4", "aria-hidden": "true" }), "Add Account"] }), _jsx(Button, { onClick: initiateSync, disabled: isSyncingAll || accounts.length === 0, className: "border border-gray-300 bg-white hover:bg-gray-50 disabled:bg-gray-100 disabled:text-gray-400 text-gray-700 px-4 py-2 rounded-lg font-medium transition-colors flex items-center gap-2", children: isSyncingAll ? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), syncProgress
+                                                            ? `Syncing ${syncProgress.current}/${syncProgress.total}…`
+                                                            : "Syncing…"] })) : (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { className: "w-4 h-4", "aria-hidden": "true" }), "Sync Transactions"] })) })] }), syncProgress && (_jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-medium text-blue-900", children: ["Syncing transactions: ", syncProgress.account] }), _jsxs("p", { className: "text-xs text-blue-700 mt-1", children: ["Progress: ", syncProgress.current, " of", " ", syncProgress.total, " accounts"] })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("svg", { className: "animate-spin h-5 w-5 text-blue-600", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) })] }) })), accounts.length === 0 ? (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-12 text-center", children: [_jsx("svg", { className: "mx-auto h-12 w-12 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }), _jsx("h3", { className: "mt-4 text-lg font-medium text-gray-900", children: "No accounts yet" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Get started by creating your first account" }), _jsx(Button, { onClick: () => setViewMode("add"), className: "mt-6 bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors", children: "Add Account" })] })) : (_jsx(AccountsList, { accounts: accounts, onEdit: handleEditClick, onDelete: handleDeleteAccount, onUpdateKycStatus: handleUpdateKycStatus, onCreateTransactions: handleCreateTransactions, creatingTransactionsFor: creatingTransactionsFor || undefined }))] })), viewMode === "add" && (_jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Add New Account" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Fill in the account details below" })] }), _jsx(AccountForm, { onSubmit: handleAddAccount, onCancel: handleCancelForm })] })), viewMode === "edit" && editingAccount && (_jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Edit Account" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Update the account details below" })] }), _jsx(AccountForm, { account: editingAccount, onSubmit: handleUpdateAccount, onCancel: handleCancelForm })] }))] }) }) }), deleteConfirm.isOpen && (_jsx("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50", onClick: () => setDeleteConfirm({
+                    isOpen: false,
+                    accountId: null,
+                    accountName: "",
+                }), children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full mx-4 p-6", onClick: (e) => e.stopPropagation(), role: "dialog", "aria-modal": "true", "aria-labelledby": "delete-modal-title", children: [_jsx("h3", { id: "delete-modal-title", className: "text-lg font-semibold text-gray-900 mb-2", children: "Delete Account" }), _jsxs("p", { className: "text-gray-600 mb-6", children: ["Are you sure you want to delete \"", deleteConfirm.accountName, "\"? This action cannot be undone."] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: () => setDeleteConfirm({
+                                        isOpen: false,
+                                        accountId: null,
+                                        accountName: "",
+                                    }), className: "px-4 py-2 border border-gray-300 rounded-lg font-medium text-gray-700 hover:bg-gray-50 transition-colors", children: "Cancel" }), _jsx(Button, { onClick: confirmDelete, className: "px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg font-medium transition-colors", children: "Delete Account" })] })] }) })), syncConfirm && (_jsx("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50", onClick: () => setSyncConfirm(false), children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full mx-4 p-6", onClick: (e) => e.stopPropagation(), role: "dialog", "aria-modal": "true", "aria-labelledby": "sync-modal-title", children: [_jsx("h3", { id: "sync-modal-title", className: "text-lg font-semibold text-gray-900 mb-2", children: "Sync Transactions" }), _jsxs("p", { className: "text-gray-600 mb-6", children: ["This will sync transactions for all ", accounts.length, " account", accounts.length !== 1 ? "s" : "", ". Accounts without transaction documents will have them created automatically."] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: () => setSyncConfirm(false), className: "px-4 py-2 border border-gray-300 rounded-lg font-medium text-gray-700 hover:bg-gray-50 transition-colors", children: "Cancel" }), _jsx(Button, { onClick: () => void handleSyncAllTransactions(), className: "px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition-colors", children: "Sync All" })] })] }) })), _jsx(ToastContainer, { position: "bottom-right", autoClose: 4000, hideProgressBar: false, newestOnTop: false, closeOnClick: true, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/DriveContents.tsx"],"names":[],"mappings":"AAaA;;;GAGG;AACH,wBAAgB,aAAa,4CAiE5B"}
+{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/DriveContents.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,aAAa,4CA6C5B"}

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

@@ -3,7 +3,6 @@ import { useMemo } from "react";
 import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
 import { ProfileHeader } from "./overview/ProfileHeader.js";
 import { TeamMembersOverview } from "./overview/TeamMembersOverview.js";
-import { SubscriptionsStats, SubscriptionsEmptyState, } from "./overview/SubscriptionsStats.js";
 import { ExpenseReportsStats } from "./ExpenseReportsStats.js";
 import { useExpenseReportAutoPlacement } from "../hooks/useExpenseReportAutoPlacement.js";
 /**
@@ -18,19 +17,11 @@ export function DriveContents() {
             return null;
         return (documentsInDrive.find((doc) => doc.header.documentType === "powerhouse/builder-profile") ?? null);
     }, [documentsInDrive]);
-    // Extract service subscriptions document
-    const serviceSubscriptionsDoc = useMemo(() => {
-        if (!documentsInDrive)
-            return null;
-        return (documentsInDrive.find((doc) => doc.header.documentType === "powerhouse/service-subscriptions") ?? null);
-    }, [documentsInDrive]);
     // Use the auto-placement hook - this handles moving expense reports
     // dropped anywhere in the drive into the proper "Expense Reports" folder
     const { expenseReportDocuments } = useExpenseReportAutoPlacement();
     // Get contributors from builder profile
     const contributors = builderProfileDoc?.state.global.contributors;
-    // Get subscriptions from service subscriptions doc
-    const subscriptions = serviceSubscriptionsDoc?.state.global.subscriptions;
     const hasExpenseReports = expenseReportDocuments.length > 0;
-    return (_jsx("div", { className: "min-h-full bg-slate-50/50 px-6 py-6", children: _jsxs("div", { className: "mx-auto max-w-5xl space-y-8", children: [_jsx(ProfileHeader, { builderProfileDoc: builderProfileDoc }), _jsx(TeamMembersOverview, { contributors: contributors }), subscriptions ? (_jsx(SubscriptionsStats, { subscriptions: subscriptions })) : (_jsx(SubscriptionsEmptyState, {})), hasExpenseReports && (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-lg font-semibold text-slate-900", children: "Expense Reports" }), _jsx(ExpenseReportsStats, { expenseReportDocuments: expenseReportDocuments })] }))] }) }));
+    return (_jsx("div", { className: "min-h-full bg-slate-50/50 px-6 py-6", children: _jsxs("div", { className: "mx-auto max-w-5xl space-y-8", children: [_jsx(ProfileHeader, { builderProfileDoc: builderProfileDoc }), _jsx(TeamMembersOverview, { contributors: contributors }), hasExpenseReports && (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-lg font-semibold text-slate-900", children: "Expense Reports" }), _jsx(ExpenseReportsStats, { expenseReportDocuments: expenseReportDocuments })] }))] }) }));
 }

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

@@ -1,10 +1,11 @@
 import type { SelectedFolderInfo } from "./FolderTree.js";
 interface BillingOverviewProps {
     onFolderSelect?: (folderInfo: SelectedFolderInfo | null) => void;
+    onActiveNodeIdChange?: (nodeId: string) => void;
 }
 /**
  * Overview for the Billing folder showing payment stats and monthly reporting
  */
-export declare function BillingOverview({ onFolderSelect }: BillingOverviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function BillingOverview({ onFolderSelect, onActiveNodeIdChange, }: BillingOverviewProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BillingOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BillingOverview.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/BillingOverview.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAClE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,2CAkLvE"}
+{"version":3,"file":"BillingOverview.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/BillingOverview.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,oBAAoB,GACrB,EAAE,oBAAoB,2CAmLtB"}

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

@@ -7,7 +7,7 @@ import { MonthlyReportsOverview } from "./MonthlyReportsOverview.js";
 /**
  * Overview for the Billing folder showing payment stats and monthly reporting
  */
-export function BillingOverview({ onFolderSelect }) {
+export function BillingOverview({ onFolderSelect, onActiveNodeIdChange, }) {
     const { billingFolder, monthFolders, createMonthFolder, createBillingFolder, paymentsFolderIds, } = useBillingFolderStructure();
     const documentsInDrive = useDocumentsInSelectedDrive();
     const [driveDocument] = useSelectedDrive();
@@ -71,5 +71,5 @@ export function BillingOverview({ onFolderSelect }) {
     return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900", children: "Billing" }), _jsx("p", { className: "text-gray-600", children: "Manage monthly billing, payments, and reports" })] }), _jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 mb-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "p-2 bg-blue-100 rounded-lg", children: _jsx(CreditCard, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Payment Summary" }), _jsx("p", { className: "text-sm text-gray-600", children: "Overview of all invoices across billing months" })] })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsxs("div", { className: "bg-gray-50 rounded-lg p-3", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx(FileText, { className: "w-4 h-4 text-gray-500" }), _jsx("span", { className: "text-sm text-gray-600", children: "Total Invoices" })] }), _jsx("p", { className: "text-xl font-bold text-gray-900", children: paymentStats.totalInvoices })] }), _jsxs("div", { className: "bg-gray-50 rounded-lg p-3", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx(CreditCard, { className: "w-4 h-4 text-gray-500" }), _jsx("span", { className: "text-sm text-gray-600", children: "Total Amount" })] }), _jsxs("p", { className: "text-xl font-bold text-gray-900", children: ["$", paymentStats.totalAmount.toLocaleString("en-US", {
                                                 minimumFractionDigits: 2,
                                                 maximumFractionDigits: 2,
-                                            })] })] }), _jsxs("div", { className: "bg-amber-50 rounded-lg p-3", children: [_jsx("span", { className: "text-sm text-amber-600", children: "Pending" }), _jsx("p", { className: "text-xl font-bold text-amber-700", children: paymentStats.pendingCount })] }), _jsxs("div", { className: "bg-green-50 rounded-lg p-3", children: [_jsx("span", { className: "text-sm text-green-600", children: "Paid" }), _jsx("p", { className: "text-xl font-bold text-green-700", children: paymentStats.paidCount })] })] })] }), _jsx(MonthlyReportsOverview, { onFolderSelect: onFolderSelect, monthFolders: monthFolders, onCreateMonth: createMonthFolder })] }));
+                                            })] })] }), _jsxs("div", { className: "bg-amber-50 rounded-lg p-3", children: [_jsx("span", { className: "text-sm text-amber-600", children: "Pending" }), _jsx("p", { className: "text-xl font-bold text-amber-700", children: paymentStats.pendingCount })] }), _jsxs("div", { className: "bg-green-50 rounded-lg p-3", children: [_jsx("span", { className: "text-sm text-green-600", children: "Paid" }), _jsx("p", { className: "text-xl font-bold text-green-700", children: paymentStats.paidCount })] })] })] }), _jsx(MonthlyReportsOverview, { onFolderSelect: onFolderSelect, monthFolders: monthFolders, onCreateMonth: createMonthFolder, onActiveNodeIdChange: onActiveNodeIdChange })] }));
 }

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":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D,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,2CAyQnE"}
+{"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"}

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

@@ -1,7 +1,7 @@
 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 { addDocument, useDocumentsInSelectedDrive, useSelectedDrive, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { addDocument, useDocumentsInSelectedDrive, useSelectedDrive, setSelectedNode, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
 import { CreateHubProfileModal } from "./CreateHubProfileModal.js";
 /**
@@ -11,7 +11,7 @@ import { CreateHubProfileModal } from "./CreateHubProfileModal.js";
 export function DashboardHome({ onFolderSelect }) {
     const documentsInDrive = useDocumentsInSelectedDrive();
     const [selectedDrive] = useSelectedDrive();
-    const { billingFolder, monthFolders } = useBillingFolderStructure();
+    const { billingFolder, monthFolders, paymentsFolderIds } = useBillingFolderStructure();
     // Check if accounts document exists
     const accountsDocument = useMemo(() => {
         if (!documentsInDrive)
@@ -25,6 +25,78 @@ export function DashboardHome({ onFolderSelect }) {
         return documentsInDrive.find((doc) => doc.header.documentType === "powerhouse/operational-hub-profile");
     }, [documentsInDrive]);
     const hubName = operationalHubProfileDocument?.state?.global?.name || "Operational Hub";
+    // Computed stats for action cards
+    const profileStats = useMemo(() => {
+        const profile = operationalHubProfileDocument?.state?.global;
+        if (!profile)
+            return null;
+        const hasTeam = !!profile.operatorTeam;
+        const subteamCount = profile.subteams?.length ?? 0;
+        const parts = [];
+        parts.push(hasTeam ? "Operator team set" : "No operator team");
+        if (subteamCount > 0) {
+            parts.push(`${subteamCount} subteam${subteamCount > 1 ? "s" : ""}`);
+        }
+        return parts.join(" · ");
+    }, [operationalHubProfileDocument]);
+    const accountStats = useMemo(() => {
+        const accounts = accountsDocument?.state?.global?.accounts;
+        if (!accounts || accounts.length === 0)
+            return null;
+        const counts = {};
+        for (const acct of accounts) {
+            const t = acct.type.toLowerCase();
+            counts[t] = (counts[t] ?? 0) + 1;
+        }
+        const entries = Object.entries(counts);
+        if (entries.length <= 3) {
+            return entries.map(([type, count]) => `${count} ${type}`).join(", ");
+        }
+        return `${accounts.length} accounts`;
+    }, [accountsDocument]);
+    const billingStats = useMemo(() => {
+        if (!selectedDrive || !documentsInDrive)
+            return null;
+        const monthCount = monthFolders.size;
+        if (monthCount === 0)
+            return null;
+        const nodes = selectedDrive.state.global.nodes;
+        const invoiceIds = new Set(nodes
+            .filter((n) => isFileNodeKind(n) &&
+            paymentsFolderIds.has(n.parentFolder || "") &&
+            n.documentType === "powerhouse/invoice")
+            .map((n) => n.id));
+        const invoices = documentsInDrive.filter((doc) => doc.header.documentType === "powerhouse/invoice" &&
+            invoiceIds.has(doc.header.id));
+        if (invoices.length === 0) {
+            return `${monthCount} month${monthCount > 1 ? "s" : ""} configured`;
+        }
+        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++;
+            }
+        }
+        const parts = [
+            `${monthCount} month${monthCount > 1 ? "s" : ""}`,
+            `${invoices.length} invoice${invoices.length > 1 ? "s" : ""}`,
+        ];
+        const statusParts = [];
+        if (pendingCount > 0)
+            statusParts.push(`${pendingCount} pending`);
+        if (paidCount > 0)
+            statusParts.push(`${paidCount} paid`);
+        if (statusParts.length > 0)
+            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 () => {
@@ -87,13 +159,11 @@ export function DashboardHome({ onFolderSelect }) {
         handleOpenBilling,
     ]);
     const setupComplete = setupSteps.every((step) => step.done);
-    return (_jsxs("div", { className: "max-w-4xl mx-auto", children: [_jsxs("div", { className: "mb-8", children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900", children: hubName }), _jsx("p", { className: "text-gray-600 mt-1", children: "Manage accounts, billing, and financial reporting" })] }), !setupComplete && (_jsxs("div", { className: "bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl border border-blue-100 p-6 mb-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-5", children: [_jsx("div", { className: "p-2 bg-blue-100 rounded-lg", children: _jsx(CheckCircle2, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Getting Started" }), _jsx("p", { className: "text-sm text-gray-600", children: "Complete these steps to set up your operational hub" })] })] }), _jsx("div", { className: "space-y-3", children: setupSteps.map((step, index) => (_jsxs("button", { onClick: step.onClick, disabled: step.done, className: `w-full flex items-start gap-3 p-3 rounded-lg text-left transition-colors ${step.done
+    return (_jsxs("div", { className: "max-w-4xl mx-auto", children: [_jsxs("div", { className: "mb-8", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900 flex items-center gap-2", children: [_jsx("span", { className: "flex items-center justify-center w-6 h-6 rounded bg-purple-800 flex-shrink-0", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", 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" }) }) }), hubName] }), _jsx("p", { className: "text-gray-600 mt-1", children: "Manage accounts, billing, and financial reporting" })] }), !setupComplete && (_jsxs("div", { className: "bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl border border-blue-100 p-6 mb-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-5", children: [_jsx("div", { className: "p-2 bg-blue-100 rounded-lg", children: _jsx(CheckCircle2, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Getting Started" }), _jsx("p", { className: "text-sm text-gray-600", children: "Complete these steps to set up your operational hub" })] })] }), _jsx("div", { className: "space-y-3", children: setupSteps.map((step, index) => (_jsxs("button", { onClick: step.onClick, disabled: step.done, className: `w-full flex items-start gap-3 p-3 rounded-lg text-left transition-colors ${step.done
                                 ? "bg-white/50 cursor-default"
                                 : "bg-white hover:bg-blue-50 cursor-pointer"}`, children: [_jsx("div", { className: "mt-0.5", children: step.done ? (_jsx(CheckCircle2, { className: "w-5 h-5 text-green-500" })) : (_jsx("div", { className: "w-5 h-5 rounded-full border-2 border-blue-400 flex items-center justify-center text-xs font-semibold text-blue-600", children: index + 1 })) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: `font-medium ${step.done ? "text-gray-400 line-through" : "text-gray-900"}`, children: step.label }), _jsx("p", { className: `text-sm mt-0.5 ${step.done ? "text-gray-400" : "text-gray-600"}`, children: step.description })] }), !step.done && (_jsx(ArrowRight, { className: "w-4 h-4 text-blue-500 mt-1" }))] }, index))) })] })), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("button", { onClick: handleOpenProfile, 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 bg-purple-100", children: _jsx(User, { className: "w-5 h-5 text-purple-600" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Profile" }), _jsx("p", { className: "text-sm text-gray-500", children: operationalHubProfileDocument
-                                                            ? "View and update your hub profile"
+                                                            ? 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
-                                                            ? "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: monthFolders.size > 0
-                                                        ? `${monthFolders.size} month${monthFolders.size > 1 ? "s" : ""} configured`
-                                                        : "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) })] }));
+                                                            ? 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) })] }));
 }

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

@@ -0,0 +1,13 @@
+interface DocumentDropZoneProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Drop zone component that handles document uploads for the Contributor Billing drive.
+ * Supports:
+ * - Expense Reports: Auto-placed in Reporting folders based on period
+ * - Accounts: Kept at root level
+ */
+export declare function DocumentDropZone({ children, className, }: DocumentDropZoneProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentDropZone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentDropZone.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DocumentDropZone.tsx"],"names":[],"mappings":"AAUA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,GACf,EAAE,qBAAqB,2CA8IvB"}

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

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { useOnDropFile, useSelectedDrive, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
+import { toast } from "@powerhousedao/design-system/connect";
+import { useDocumentAutoPlacement } from "../hooks/useDocumentAutoPlacement.js";
+/**
+ * Drop zone component that handles document uploads for the Contributor Billing drive.
+ * Supports:
+ * - Expense Reports: Auto-placed in Reporting folders based on period
+ * - Accounts: Kept at root level
+ */
+export function DocumentDropZone({ children, className = "", }) {
+    const onDropFile = useOnDropFile();
+    const [selectedDrive] = useSelectedDrive();
+    const documentsInDrive = useDocumentsInSelectedDrive();
+    const [isDragging, setIsDragging] = useState(false);
+    const dragCounterRef = useRef(0);
+    // Activate auto-placement hook
+    useDocumentAutoPlacement();
+    const driveId = selectedDrive?.header.id;
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current++;
+        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+            setIsDragging(true);
+        }
+    }, []);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current--;
+        if (dragCounterRef.current === 0) {
+            setIsDragging(false);
+        }
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = "copy";
+    }, []);
+    const handleDrop = useCallback(async (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        dragCounterRef.current = 0;
+        const files = Array.from(e.dataTransfer.files);
+        if (files.length === 0 || !onDropFile || !driveId)
+            return;
+        // Filter to only accept .phd files (Powerhouse document archives)
+        const phdFiles = files.filter((file) => file.name.endsWith(".phd"));
+        const rejectedFiles = files.filter((file) => !file.name.endsWith(".phd"));
+        // Show error for rejected files
+        if (rejectedFiles.length > 0) {
+            const rejectedNames = rejectedFiles.map((f) => f.name).join(", ");
+            toast(`Only .phd files (Powerhouse documents) can be dropped here. Rejected: ${rejectedNames}`, { type: "error" });
+        }
+        if (phdFiles.length === 0)
+            return;
+        // Process all files
+        const filePromises = phdFiles.map(async (file) => {
+            try {
+                const fileNode = await onDropFile(file, (progress) => {
+                    if (progress.stage === "complete") {
+                        toast(`Successfully uploaded ${file.name}`, {
+                            type: "success",
+                        });
+                    }
+                    else if (progress.stage === "failed") {
+                        toast(`Failed to upload ${file.name}`, {
+                            type: "error",
+                        });
+                    }
+                });
+                if (fileNode) {
+                    // Auto-placement hook will handle moving the document to the correct location
+                    // Give it a moment to detect the new document
+                    setTimeout(() => {
+                        // Check if document was loaded and what type it is
+                        const doc = documentsInDrive?.find((d) => d.header.id === fileNode.id);
+                        if (doc) {
+                            const docType = doc.header.documentType;
+                            if (docType === "powerhouse/expense-report") {
+                                toast(`Expense report uploaded. It will be placed in the appropriate Reporting folder based on its period.`, { type: "info" });
+                            }
+                            else if (docType === "powerhouse/accounts") {
+                                toast(`Accounts document uploaded. It will remain at the root level.`, { type: "info" });
+                            }
+                        }
+                    }, 1000);
+                }
+            }
+            catch (error) {
+                console.error("Error dropping file:", error);
+                toast(`Error uploading ${file.name}`, { type: "error" });
+            }
+        });
+        await Promise.allSettled(filePromises);
+    }, [onDropFile, driveId, documentsInDrive]);
+    return (_jsxs("div", { className: `relative ${className}`, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, children: [children, isDragging && (_jsx("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-blue-500/10 border-2 border-dashed border-blue-500 rounded-lg pointer-events-none", children: _jsx("div", { className: "bg-white rounded-lg shadow-lg p-6 border border-blue-200", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-4xl mb-2", children: "\uD83D\uDCC4" }), _jsx("p", { className: "text-lg font-semibold text-gray-900", children: "Drop documents here" }), _jsx("p", { className: "text-sm text-gray-600 mt-1", children: "Expense Reports and Accounts documents will be automatically organized" })] }) }) }))] }));
+}

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

@@ -2,8 +2,9 @@ import type { SelectedFolderInfo } from "./FolderTree.js";
 interface DriveContentsProps {
     selectedFolder: SelectedFolderInfo | null;
     onFolderSelect?: (folderInfo: SelectedFolderInfo | null) => void;
+    onActiveNodeIdChange?: (nodeId: string) => void;
 }
 /** Shows the content based on the selected folder */
-export declare function DriveContents({ selectedFolder, onFolderSelect, }: DriveContentsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DriveContents({ selectedFolder, onFolderSelect, onActiveNodeIdChange, }: DriveContentsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DriveContents.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveContents.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,kBAAkB;IAC1B,cAAc,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAClE;AAED,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,cAAc,GACf,EAAE,kBAAkB,2CAsFpB"}
+{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveContents.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,kBAAkB;IAC1B,cAAc,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,EAAE,kBAAkB,2CAyFpB"}

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

@@ -7,27 +7,27 @@ import { BillingOverview } from "./BillingOverview.js";
 import { DashboardHome } from "./DashboardHome.js";
 import { SubscriptionsOverview } from "./SubscriptionsOverview.js";
 /** Shows the content based on the selected folder */
-export function DriveContents({ selectedFolder, onFolderSelect, }) {
+export function DriveContents({ selectedFolder, onFolderSelect, onActiveNodeIdChange, }) {
     // Default view (no folder selected or root) - show the dashboard home
     if (!selectedFolder) {
-        return (_jsx("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: _jsx(Suspense, { children: _jsx(DashboardHome, { onFolderSelect: onFolderSelect }) }) }));
+        return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsx(DashboardHome, { onFolderSelect: onFolderSelect }) }) }));
     }
     // Payments folder - show invoice table
     if (selectedFolder.folderType === "payments") {
-        return (_jsxs("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Payments - ", selectedFolder.monthName] }), _jsxs("p", { className: "text-gray-600", children: ["Manage invoices and billing statements for", " ", selectedFolder.monthName] })] }), _jsx(Suspense, { children: _jsx(HeaderStats, { folderId: selectedFolder.folderId }) }), _jsx(Suspense, { children: _jsx(InvoiceTableContainer, { folderId: selectedFolder.folderId, monthName: selectedFolder.monthName, reportingFolderId: selectedFolder.reportingFolderId }) })] }, selectedFolder.folderId));
+        return (_jsxs("div", { className: "container mx-auto flex-1 p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Payments - ", selectedFolder.monthName] }), _jsxs("p", { className: "text-gray-600", children: ["Manage invoices and billing statements for", " ", selectedFolder.monthName] })] }), _jsx(Suspense, { children: _jsx(HeaderStats, { folderId: selectedFolder.folderId }) }), _jsx(Suspense, { children: _jsx(InvoiceTableContainer, { folderId: selectedFolder.folderId, monthName: selectedFolder.monthName, reportingFolderId: selectedFolder.reportingFolderId }) })] }, selectedFolder.folderId));
     }
     // Reporting folder - show expense and snapshot reports
     if (selectedFolder.folderType === "reporting") {
-        return (_jsx("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: _jsx(Suspense, { children: _jsx(ReportingView, { folderId: selectedFolder.folderId, monthName: selectedFolder.monthName }) }) }));
+        return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsx(ReportingView, { folderId: selectedFolder.folderId, monthName: selectedFolder.monthName }) }) }));
     }
     // Billing folder - show all months overview
     if (selectedFolder.folderType === "billing") {
-        return (_jsx("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: _jsx(Suspense, { children: _jsx(BillingOverview, { onFolderSelect: onFolderSelect }) }) }));
+        return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsx(BillingOverview, { onFolderSelect: onFolderSelect, onActiveNodeIdChange: onActiveNodeIdChange }) }) }));
     }
     // Subscriptions folder - show subscriptions overview
     if (selectedFolder.folderType === "subscriptions") {
-        return (_jsx("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: _jsx(Suspense, { children: _jsx(SubscriptionsOverview, {}) }) }));
+        return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsx(SubscriptionsOverview, {}) }) }));
     }
     // Fallback - show dashboard home
-    return (_jsx("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: _jsx(Suspense, { children: _jsx(DashboardHome, { onFolderSelect: onFolderSelect }) }) }));
+    return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsx(DashboardHome, { onFolderSelect: onFolderSelect }) }) }));
 }