@powerhousedao/contributor-billing 1.0.0-dev.19 → 1.0.0-dev.20

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

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/FolderTree.tsx"],"names":[],"mappings":"AAkCA,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAClB,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,oBAAoB,GACpB,uBAAuB,GACvB,IAAI,CAAC;AA2GT,KAAK,eAAe,GAAG;IACrB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,kBAAkB,EAAE,EAAE,eAAe,kDA+djE"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/FolderTree.tsx"],"names":[],"mappings":"AAkCA,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAClB,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,oBAAoB,GACpB,uBAAuB,GACvB,IAAI,CAAC;AA2GT,KAAK,eAAe,GAAG;IACrB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,kBAAkB,EAAE,EAAE,eAAe,kDAoejE"}

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

@@ -271,13 +271,14 @@ export function FolderTree({ onCustomViewChange }) {
     }, [documentsInDrive]);
     // Check if builder profile document exists - don't show sidebar if it doesn't
     const hasBuilderProfile = builderProfileDocument !== null;
-    // Get the isOperator flag from the builder profile state
-    const isOperator = useMemo(() => {
+    // Get the isOperator flag and profile name from the builder profile state
+    const builderProfileState = useMemo(() => {
         if (!builderProfileDocument)
-            return false;
-        const state = builderProfileDocument.state?.global;
-        return state?.isOperator ?? false;
+            return null;
+        return builderProfileDocument.state?.global;
     }, [builderProfileDocument]);
+    const isOperator = builderProfileState?.isOperator ?? false;
+    const builderProfileName = builderProfileState?.name || null;
     // Build navigation sections with dynamic expense reports, snapshot reports, and resources & services children
     const navigationSections = useMemo(() => {
         if (!driveDocument) {
@@ -486,7 +487,8 @@ export function FolderTree({ onCustomViewChange }) {
             showCreateDocumentModal(documentType);
         }
     };
-    return (_jsx(SidebarProvider, { nodes: navigationSections, children: _jsx(Sidebar, { className: "pt-1", nodes: navigationSections, activeNodeId: activeNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: isOperator ? "Operator Team Admin" : "Builder Team Admin", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
+    return (_jsx(SidebarProvider, { nodes: navigationSections, children: _jsx(Sidebar, { className: "pt-1", nodes: navigationSections, activeNodeId: activeNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: builderProfileName ||
+                (isOperator ? "Operator Team Admin" : "Builder Team Admin"), showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
                 onCustomViewChange?.(null);
                 setSelectedNode("");
             } }) }));

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;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"}
+{"version":3,"file":"BillingOverview.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/BillingOverview.tsx"],"names":[],"mappings":"AAgBA,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,2CA+StB"}

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CreditCard, FileText } from "lucide-react";
+import { AlertTriangle, CheckCircle2, ChevronRight, CreditCard, FileText, } from "lucide-react";
 import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
 import { useDocumentsInSelectedDrive, useSelectedDrive, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { useMemo, useEffect, useCallback } from "react";
 import { MonthlyReportsOverview } from "./MonthlyReportsOverview.js";
+import { useMonthlyReports } from "../hooks/useMonthlyReports.js";
 /**
  * Overview for the Billing folder showing payment stats and monthly reporting
  */
@@ -54,6 +55,64 @@ export function BillingOverview({ onFolderSelect, onActiveNodeIdChange, }) {
             paidCount,
         };
     }, [documentsInDrive, driveDocument, paymentsFolderIds]);
+    const { monthReportSets } = useMonthlyReports();
+    // Reporting completeness: count months where both snapshot + expense exist
+    const reportingCompleteness = useMemo(() => {
+        const total = monthReportSets.length;
+        const complete = monthReportSets.filter((rs) => rs.snapshotReport !== null && rs.expenseReports.length > 0).length;
+        return { complete, total };
+    }, [monthReportSets]);
+    // Action items: missing reports + pending invoices
+    const actionItems = useMemo(() => {
+        const items = [];
+        for (const rs of monthReportSets) {
+            if (!rs.snapshotReport) {
+                items.push({
+                    label: `${rs.monthName} — missing snapshot report`,
+                    type: "report",
+                    folderInfo: rs.reportingFolderId
+                        ? {
+                            folderId: rs.reportingFolderId,
+                            folderType: "reporting",
+                            monthName: rs.monthName,
+                            paymentsFolderId: rs.folderInfo.paymentsFolder?.id,
+                        }
+                        : undefined,
+                });
+            }
+            if (rs.expenseReports.length === 0) {
+                items.push({
+                    label: `${rs.monthName} — missing expense report`,
+                    type: "report",
+                    folderInfo: rs.reportingFolderId
+                        ? {
+                            folderId: rs.reportingFolderId,
+                            folderType: "reporting",
+                            monthName: rs.monthName,
+                            paymentsFolderId: rs.folderInfo.paymentsFolder?.id,
+                        }
+                        : undefined,
+                });
+            }
+        }
+        if (paymentStats.pendingCount > 0) {
+            // Navigate to the newest month's Payments folder
+            const newestMonth = monthReportSets[0];
+            items.push({
+                label: `${paymentStats.pendingCount} invoice${paymentStats.pendingCount === 1 ? "" : "s"} pending payment`,
+                type: "invoice",
+                folderInfo: newestMonth?.folderInfo.paymentsFolder
+                    ? {
+                        folderId: newestMonth.folderInfo.paymentsFolder.id,
+                        folderType: "payments",
+                        monthName: newestMonth.monthName,
+                        reportingFolderId: newestMonth.folderInfo.reportingFolder?.id,
+                    }
+                    : undefined,
+            });
+        }
+        return items.slice(0, 4);
+    }, [monthReportSets, paymentStats.pendingCount]);
     // Auto-create billing folder if it doesn't exist
     const ensureBillingFolder = useCallback(async () => {
         if (!billingFolder) {
@@ -68,8 +127,9 @@ export function BillingOverview({ onFolderSelect, onActiveNodeIdChange, }) {
     if (!billingFolder) {
         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" })] }), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-8 text-center", children: _jsxs("div", { className: "animate-pulse", children: [_jsx("div", { className: "w-12 h-12 bg-gray-200 rounded-full mx-auto mb-4" }), _jsx("div", { className: "h-5 bg-gray-200 rounded w-32 mx-auto mb-2" }), _jsx("div", { className: "h-4 bg-gray-100 rounded w-48 mx-auto" })] }) })] }));
     }
-    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", {
+    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-5 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, onActiveNodeIdChange: onActiveNodeIdChange })] }));
+                                            })] })] }), _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 })] }), _jsxs("div", { className: `${reportingCompleteness.total > 0 && reportingCompleteness.complete === reportingCompleteness.total ? "bg-green-50" : "bg-amber-50"} rounded-lg p-3`, children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [reportingCompleteness.total > 0 &&
+                                                reportingCompleteness.complete === reportingCompleteness.total ? (_jsx(CheckCircle2, { className: "w-4 h-4 text-green-500" })) : (_jsx(AlertTriangle, { className: "w-4 h-4 text-amber-500" })), _jsx("span", { className: `text-sm ${reportingCompleteness.total > 0 && reportingCompleteness.complete === reportingCompleteness.total ? "text-green-600" : "text-amber-600"}`, children: "Reports Complete" })] }), _jsxs("p", { className: `text-xl font-bold ${reportingCompleteness.total > 0 && reportingCompleteness.complete === reportingCompleteness.total ? "text-green-700" : "text-amber-700"}`, children: [reportingCompleteness.complete, "/", reportingCompleteness.total] })] })] })] }), actionItems.length > 0 && (_jsxs("div", { className: "bg-amber-50 border border-amber-200 rounded-xl p-4 mb-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(AlertTriangle, { className: "w-4 h-4 text-amber-600" }), _jsx("span", { className: "text-sm font-semibold text-amber-800", children: "Needs attention" })] }), _jsx("ul", { className: "space-y-1", children: actionItems.map((item) => (_jsx("li", { children: item.folderInfo && onFolderSelect ? (_jsxs("button", { type: "button", className: "w-full flex items-center justify-between text-left text-sm text-amber-900 hover:bg-amber-100 rounded px-2 py-1.5 transition-colors", onClick: () => onFolderSelect(item.folderInfo), children: [_jsxs("span", { children: ["\u2022 ", item.label] }), _jsx(ChevronRight, { className: "w-4 h-4 text-amber-400 flex-shrink-0" })] })) : (_jsxs("span", { className: "text-sm text-amber-900 px-2 py-1.5 block", children: ["\u2022 ", item.label] })) }, item.label))) })] })), _jsx(MonthlyReportsOverview, { onFolderSelect: onFolderSelect, monthFolders: monthFolders, onCreateMonth: createMonthFolder, onActiveNodeIdChange: onActiveNodeIdChange })] }));
 }

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

@@ -1 +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,2CAgLvB"}
+{"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,2CA+LvB"}

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

@@ -112,6 +112,15 @@ export function DocumentDropZone({ children, className = "", }) {
                             if (docType === "powerhouse/expense-report") {
                                 cbToast(`Expense report uploaded. It will be placed in the appropriate Reporting folder based on its period.`, { type: "info" });
                             }
+                            else if (docType === "powerhouse/invoice") {
+                                cbToast(`Invoice uploaded. It will be placed in the appropriate Payments folder based on its issue date.`, { type: "info" });
+                            }
+                            else if (docType === "powerhouse/billing-statement") {
+                                cbToast(`Billing statement uploaded. It will be placed in the appropriate Payments folder based on its issue date.`, { type: "info" });
+                            }
+                            else if (docType === "powerhouse/snapshot-report") {
+                                cbToast(`Snapshot report uploaded. It will be placed in the appropriate Reporting folder based on its period.`, { type: "info" });
+                            }
                             else if (docType === "powerhouse/accounts") {
                                 cbToast(`Accounts document uploaded. It will remain at the root level.`, { type: "info" });
                             }
@@ -126,5 +135,5 @@ export function DocumentDropZone({ children, className = "", }) {
         });
         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" })] }) }) }))] }));
+    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: "Invoices, Expense Reports, and Accounts documents will be automatically organized" })] }) }) }))] }));
 }

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

@@ -1,3 +1,8 @@
-/** Shows a message when the selected drive or folder is empty */
-export declare function EmptyState(): import("react/jsx-runtime").JSX.Element | null;
+interface EmptyStateProps {
+    title?: string;
+    description?: string;
+}
+/** Shows a contextual message when a folder or view has no content */
+export declare function EmptyState({ title, description, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=EmptyState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/EmptyState.tsx"],"names":[],"mappings":"AAEA,iEAAiE;AACjE,wBAAgB,UAAU,mDAWzB"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,sEAAsE;AACtE,wBAAgB,UAAU,CAAC,EACzB,KAA8B,EAC9B,WAA2D,GAC5D,EAAE,eAAe,2CAOjB"}

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

@@ -1,10 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useNodesInSelectedDriveOrFolder } from "@powerhousedao/reactor-browser";
-/** Shows a message when the selected drive or folder is empty */
-export function EmptyState() {
-    const nodes = useNodesInSelectedDriveOrFolder();
-    const hasNodes = nodes.length > 0;
-    if (hasNodes)
-        return null;
-    return (_jsxs("div", { className: "py-12 text-center text-gray-500", children: [_jsx("p", { className: "text-lg", children: "This folder is empty" }), _jsx("p", { className: "mt-2 text-sm", children: "Create your first document or folder below" })] }));
+/** Shows a contextual message when a folder or view has no content */
+export function EmptyState({ title = "This folder is empty", description = "Create your first document or drop one here", }) {
+    return (_jsxs("div", { className: "py-12 text-center text-gray-500", children: [_jsx("p", { className: "text-lg", children: title }), _jsx("p", { className: "mt-2 text-sm", children: description })] }));
 }

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":"AAwBA,UAAU,gBAAgB;IACxB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,gBAAgB,4CAyIzD,CAAC"}
+{"version":3,"file":"HeaderStats.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderStats.tsx"],"names":[],"mappings":"AAyBA,UAAU,gBAAgB;IACxB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,gBAAgB,4CAkJzD,CAAC"}

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

@@ -4,6 +4,7 @@ import { useState, useEffect, useMemo } from "react";
 import { useDocumentsInSelectedDrive, useSelectedDrive, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { getExchangeRate } from "../../utils/exchangeRate.js";
 import { Tooltip, TooltipProvider } from "@powerhousedao/design-system/ui";
+import { cbToast } from "../cbToast.js";
 const currencyList = [
     { ticker: "USDS", crypto: true },
     { ticker: "USDC", crypto: true },
@@ -46,6 +47,7 @@ export const HeaderStats = ({ folderId }) => {
                 return;
             }
             let total = 0;
+            let conversionFailed = false;
             for (const invoice of invoices) {
                 const invoiceAmount = invoice.state.global.totalPriceTaxIncl;
                 const invoiceCurrency = invoice.state.global.currency || "USD"; // Fallback to USD if currency is empty
@@ -71,10 +73,14 @@ export const HeaderStats = ({ folderId }) => {
                         console.error("Error getting exchange rate:", error);
                         // Fallback to original amount if exchange rate fails
                         total += invoiceAmount;
+                        conversionFailed = true;
                     }
                 }
             }
             setTotalExpenses(total);
+            if (conversionFailed) {
+                cbToast("Currency conversion failed for some invoices — totals shown using 1:1 fallback rate", { type: "warning" });
+            }
         };
         calculateTotalExpenses().catch(console.error);
     }, [invoices, selectedCurrency]);

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;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA6E3D,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,yLAY1B,iBAAiB,4CAkvBnB,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;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA+E3D,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,yLAY1B,iBAAiB,4CAgxBnB,CAAC"}

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

@@ -8,6 +8,8 @@ import { setPeriodStart, setPeriodEnd, } from "../../../../document-models/expen
 import { mapTags } from "../../../billing-statement/lineItemTags/tagMapping.js";
 import { exportInvoicesToXeroCSV } from "../../../../scripts/contributor-billing/createXeroCsv.js";
 import { exportExpenseReportCSV } from "../../../../scripts/contributor-billing/createExpenseReportCsv.js";
+import { cbToast } from "../cbToast.js";
+import { EmptyState } from "../EmptyState.js";
 import { HeaderControls } from "./HeaderControls.js";
 import { InvoiceTableSection } from "./InvoiceTableSection.js";
 import { InvoiceTableRow } from "./InvoiceTableRow.js";
@@ -412,14 +414,31 @@ export const InvoiceTable = ({ files, selected, setSelected, filteredDocumentMod
         const driveId = selectedDrive?.header.id;
         if (!driveId)
             return;
+        let successCount = 0;
+        let failCount = 0;
         for (const id of ids) {
             try {
                 await dispatchActions(deleteNode({ id }), driveId);
+                successCount++;
             }
             catch (error) {
                 console.error(`Failed to delete document ${id}:`, error);
+                failCount++;
             }
         }
+        if (failCount === 0) {
+            cbToast(`${successCount} document${successCount !== 1 ? "s" : ""} deleted`, { type: "success" });
+        }
+        else if (successCount === 0) {
+            cbToast(`Failed to delete ${failCount} document${failCount !== 1 ? "s" : ""}`, {
+                type: "error",
+            });
+        }
+        else {
+            cbToast(`${successCount} deleted, ${failCount} failed`, {
+                type: "warning",
+            });
+        }
     };
     // Check for integrations document - simple computed value
     const integrationsDoc = files.find((file) => file.documentType === "powerhouse/integrations");
@@ -518,7 +537,7 @@ export const InvoiceTable = ({ files, selected, setSelected, filteredDocumentMod
                         showBillingStatement: true,
                     }), renderSection("PAYMENTISSUE", "Payment Issue", paymentIssue, {
                         showBillingStatement: true,
-                    }), renderSection("PAYMENTCLOSED", "Payment Closed", paymentClosed), renderSection("REJECTED", "Rejected", rejected), renderSection("OTHER", "Other", otherInvoices), loadingFileIds.length > 0 && (_jsx(InvoiceTableSection, { title: "Loading", count: loadingFileIds.length, color: "bg-gray-100 text-gray-600", children: _jsxs("table", { className: "w-full text-sm rounded-sm border-separate border-spacing-0 border border-gray-300 overflow-hidden", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50 font-medium text-gray-500 text-xs", children: [_jsx("th", { className: "px-2 py-2 w-8 rounded-tl-sm" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Invoice" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Amount" }), _jsx("th", { className: "px-2 py-2 rounded-tr-sm text-center", children: "Status" })] }) }), _jsx("tbody", { children: loadingFileIds.map((id) => {
+                    }), renderSection("PAYMENTCLOSED", "Payment Closed", paymentClosed), renderSection("REJECTED", "Rejected", rejected), renderSection("OTHER", "Other", otherInvoices), files.length === 0 && loadingFileIds.length === 0 && (_jsx(EmptyState, { title: "No invoices yet", description: "Create a new invoice using the Draft section above, or drop an invoice file here" })), loadingFileIds.length > 0 && (_jsx(InvoiceTableSection, { title: "Loading", count: loadingFileIds.length, color: "bg-gray-100 text-gray-600", children: _jsxs("table", { className: "w-full text-sm rounded-sm border-separate border-spacing-0 border border-gray-300 overflow-hidden", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50 font-medium text-gray-500 text-xs", children: [_jsx("th", { className: "px-2 py-2 w-8 rounded-tl-sm" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Invoice" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Amount" }), _jsx("th", { className: "px-2 py-2 rounded-tr-sm text-center", children: "Status" })] }) }), _jsx("tbody", { children: loadingFileIds.map((id) => {
                                         const file = files.find((f) => f.id === id);
                                         return (_jsxs("tr", { className: "border-t border-gray-200 animate-pulse", children: [_jsx("td", { className: "px-2 py-2" }), _jsx("td", { className: "px-2 py-2 text-center text-gray-400", children: file?.name || "Loading..." }), _jsx("td", { className: "px-2 py-2 text-center", children: _jsx("div", { className: "h-4 bg-gray-200 rounded w-16 mx-auto" }) }), _jsx("td", { className: "px-2 py-2 text-center", children: _jsx("div", { className: "h-4 bg-gray-200 rounded w-20 mx-auto" }) }), _jsx("td", { className: "px-2 py-2 text-center", children: _jsx("div", { className: "h-4 bg-gray-200 rounded w-20 mx-auto" }) }), _jsx("td", { className: "px-2 py-2 text-center", children: _jsx("div", { className: "h-4 bg-gray-200 rounded w-12 mx-auto" }) }), _jsx("td", { className: "px-2 py-2 text-center", children: _jsx("div", { className: "h-4 bg-gray-200 rounded w-16 mx-auto" }) }), _jsx("td", { className: "px-2 py-2 text-center", children: _jsx("span", { className: "text-xs text-gray-400", children: "Loading..." }) })] }, id));
                                     }) })] }) }))] })] }));

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

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

package/dist/editors/contributor-billing/hooks/useDocumentAutoPlacement.js

@@ -2,6 +2,7 @@ import { useEffect, useMemo } from "react";
 import { isFileNodeKind, isFolderNodeKind, useSelectedDrive, useDocumentsInSelectedDrive, useNodeActions, } from "@powerhousedao/reactor-browser";
 import { isDocumentSynced } from "../../shared/document-sync.js";
 import { useBillingFolderStructure } from "./useBillingFolderStructure.js";
+import { cbToast } from "../components/cbToast.js";
 // Module-level tracking to prevent duplicate processing
 const globalProcessingState = {
     processedDocs: new Map(), // driveId -> Set of doc IDs processed
@@ -20,7 +21,7 @@ const globalProcessingState = {
 export function useDocumentAutoPlacement() {
     const [driveDocument] = useSelectedDrive();
     const documentsInDrive = useDocumentsInSelectedDrive();
-    const { reportingFolderIds, monthFolders, billingFolder, createMonthFolder } = useBillingFolderStructure();
+    const { reportingFolderIds, paymentsFolderIds, monthFolders, billingFolder, createMonthFolder, } = useBillingFolderStructure();
     const { onMoveNode, onRenameNode } = useNodeActions();
     const driveId = driveDocument?.header.id;
     // Initialize module-level tracking for this drive
@@ -184,6 +185,203 @@ export function useDocumentAutoPlacement() {
         onMoveNode,
         onRenameNode,
     ]);
+    // Auto-place invoices into appropriate Payments folders based on dateIssued
+    useEffect(() => {
+        if (!driveId || !driveDocument || !documentsInDrive)
+            return;
+        const allNodes = driveDocument.state.global.nodes;
+        const processedDocs = globalProcessingState.processedDocs.get(driveId);
+        if (!processedDocs)
+            return;
+        // Find invoice file nodes that are NOT already in a Payments folder
+        const invoiceNodesToProcess = allNodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/invoice" &&
+            !paymentsFolderIds.has(node.parentFolder || ""));
+        for (const fileNode of invoiceNodesToProcess) {
+            if (processedDocs.has(fileNode.id))
+                continue;
+            const doc = documentsInDrive.find((d) => d.header.documentType === "powerhouse/invoice" &&
+                d.header.id === fileNode.id);
+            if (!doc)
+                continue;
+            const dateIssued = doc.state.global.dateIssued;
+            const monthName = getMonthNameFromPeriod(dateIssued);
+            processedDocs.add(fileNode.id);
+            if (monthName) {
+                const monthInfo = monthFolders.get(monthName);
+                const paymentsFolder = monthInfo?.paymentsFolder;
+                if (paymentsFolder) {
+                    console.log(`[DocumentAutoPlacement] Moving invoice ${fileNode.id} ("${fileNode.name}") to Payments folder for ${monthName}`);
+                    onMoveNode(fileNode, paymentsFolder)
+                        .then(() => {
+                        console.log(`[DocumentAutoPlacement] Successfully moved invoice to ${monthName} > Payments`);
+                        cbToast(`Invoice "${fileNode.name}" placed in ${monthName} > Payments`, { type: "success" });
+                    })
+                        .catch((error) => {
+                        console.error(`[DocumentAutoPlacement] Failed to move invoice to Payments folder:`, error);
+                        processedDocs.delete(fileNode.id);
+                    });
+                }
+                else {
+                    // Month folder doesn't exist — create it, then retry on next effect run
+                    console.log(`[DocumentAutoPlacement] Month folder "${monthName}" doesn't exist for invoice, creating it`);
+                    if (billingFolder && driveId) {
+                        createMonthFolder(monthName)
+                            .then(() => {
+                            console.log(`[DocumentAutoPlacement] Created month folder "${monthName}" for invoice, will retry placement`);
+                            processedDocs.delete(fileNode.id);
+                        })
+                            .catch((error) => {
+                            console.error(`[DocumentAutoPlacement] Failed to create month folder "${monthName}" for invoice:`, error);
+                            processedDocs.delete(fileNode.id);
+                        });
+                    }
+                    else {
+                        processedDocs.delete(fileNode.id);
+                    }
+                }
+            }
+            else {
+                console.warn(`[DocumentAutoPlacement] Invoice ${fileNode.id} ("${fileNode.name}") has no dateIssued, leaving at root`);
+                cbToast(`Invoice "${fileNode.name}" has no issue date — could not auto-categorize. It remains at the drive root.`, { type: "warning" });
+            }
+        }
+    }, [
+        driveId,
+        driveDocument,
+        documentsInDrive,
+        paymentsFolderIds,
+        monthFolders,
+        billingFolder,
+        createMonthFolder,
+        onMoveNode,
+    ]);
+    // Auto-place snapshot reports into appropriate Reporting folders based on reportPeriodStart
+    useEffect(() => {
+        if (!driveId || !driveDocument || !documentsInDrive)
+            return;
+        const allNodes = driveDocument.state.global.nodes;
+        const processedDocs = globalProcessingState.processedDocs.get(driveId);
+        if (!processedDocs)
+            return;
+        const snapshotNodesToProcess = allNodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/snapshot-report" &&
+            !reportingFolderIds.has(node.parentFolder || ""));
+        for (const fileNode of snapshotNodesToProcess) {
+            if (processedDocs.has(fileNode.id))
+                continue;
+            const doc = documentsInDrive.find((d) => d.header.documentType === "powerhouse/snapshot-report" &&
+                d.header.id === fileNode.id);
+            if (!doc)
+                continue;
+            const reportPeriodStart = doc.state.global.reportPeriodStart;
+            const monthName = getMonthNameFromPeriod(reportPeriodStart);
+            processedDocs.add(fileNode.id);
+            if (monthName) {
+                const monthInfo = monthFolders.get(monthName);
+                const reportingFolder = monthInfo?.reportingFolder;
+                if (reportingFolder) {
+                    onMoveNode(fileNode, reportingFolder)
+                        .then(() => {
+                        cbToast(`Snapshot report "${fileNode.name}" placed in ${monthName} > Reporting`, { type: "success" });
+                    })
+                        .catch((error) => {
+                        console.error(`[DocumentAutoPlacement] Failed to move snapshot report:`, error);
+                        processedDocs.delete(fileNode.id);
+                    });
+                }
+                else {
+                    if (billingFolder && driveId) {
+                        createMonthFolder(monthName)
+                            .then(() => {
+                            processedDocs.delete(fileNode.id);
+                        })
+                            .catch(() => {
+                            processedDocs.delete(fileNode.id);
+                        });
+                    }
+                    else {
+                        processedDocs.delete(fileNode.id);
+                    }
+                }
+            }
+            else {
+                cbToast(`Snapshot report "${fileNode.name}" has no report period — could not auto-categorize.`, { type: "warning" });
+            }
+        }
+    }, [
+        driveId,
+        driveDocument,
+        documentsInDrive,
+        reportingFolderIds,
+        monthFolders,
+        billingFolder,
+        createMonthFolder,
+        onMoveNode,
+    ]);
+    // Auto-place billing statements into appropriate Payments folders based on dateIssued
+    useEffect(() => {
+        if (!driveId || !driveDocument || !documentsInDrive)
+            return;
+        const allNodes = driveDocument.state.global.nodes;
+        const processedDocs = globalProcessingState.processedDocs.get(driveId);
+        if (!processedDocs)
+            return;
+        const billingStatementNodesToProcess = allNodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/billing-statement" &&
+            !paymentsFolderIds.has(node.parentFolder || ""));
+        for (const fileNode of billingStatementNodesToProcess) {
+            if (processedDocs.has(fileNode.id))
+                continue;
+            const doc = documentsInDrive.find((d) => d.header.documentType === "powerhouse/billing-statement" &&
+                d.header.id === fileNode.id);
+            if (!doc)
+                continue;
+            const dateIssued = doc.state.global.dateIssued;
+            const monthName = getMonthNameFromPeriod(dateIssued);
+            processedDocs.add(fileNode.id);
+            if (monthName) {
+                const monthInfo = monthFolders.get(monthName);
+                const paymentsFolder = monthInfo?.paymentsFolder;
+                if (paymentsFolder) {
+                    onMoveNode(fileNode, paymentsFolder)
+                        .then(() => {
+                        cbToast(`Billing statement "${fileNode.name}" placed in ${monthName} > Payments`, { type: "success" });
+                    })
+                        .catch((error) => {
+                        console.error(`[DocumentAutoPlacement] Failed to move billing statement:`, error);
+                        processedDocs.delete(fileNode.id);
+                    });
+                }
+                else {
+                    if (billingFolder && driveId) {
+                        createMonthFolder(monthName)
+                            .then(() => {
+                            processedDocs.delete(fileNode.id);
+                        })
+                            .catch(() => {
+                            processedDocs.delete(fileNode.id);
+                        });
+                    }
+                    else {
+                        processedDocs.delete(fileNode.id);
+                    }
+                }
+            }
+            else {
+                cbToast(`Billing statement "${fileNode.name}" has no issue date — could not auto-categorize.`, { type: "warning" });
+            }
+        }
+    }, [
+        driveId,
+        driveDocument,
+        documentsInDrive,
+        paymentsFolderIds,
+        monthFolders,
+        billingFolder,
+        createMonthFolder,
+        onMoveNode,
+    ]);
     return {
         isActive: !!driveId,
     };

package/dist/style.css

@@ -875,6 +875,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .table-fixed {
     table-layout: fixed;
   }
@@ -1861,6 +1864,12 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-amber-400 {
+    color: var(--color-amber-400);
+  }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
   .text-amber-600 {
     color: var(--color-amber-600);
   }
@@ -2175,6 +2184,10 @@
       --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
     }
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -3156,6 +3169,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-5 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
   .lg\:grid-cols-2 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -6820,11 +6838,6 @@
     }
   }
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -21466,6 +21479,11 @@ input[type='number'] {
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -21727,6 +21745,7 @@ input[type='number'] {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
@@ -21758,7 +21777,6 @@ input[type='number'] {
       --tw-scale-y: 1;
       --tw-scale-z: 1;
       --tw-content: "";
-      --tw-outline-style: solid;
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/contributor-billing",
   "description": "Document models that help contributors of open organisations get paid anonymously for their work on a monthly basis.",
-  "version": "1.0.0-dev.19",
+  "version": "1.0.0-dev.20",
   "license": "AGPL-3.0-only",
   "repository": {
     "type": "git",