@powerhousedao/contributor-billing 1.0.0-dev.7 → 1.0.0-dev.9

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

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

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

@@ -9,12 +9,12 @@ interface MonthReportCardProps {
     defaultExpanded?: boolean;
     onCreateExpenseReport?: (monthName: string, folderId: string) => void;
     onCreateSnapshotReport?: (monthName: string, folderId: string) => void;
+    onDeleteReport?: (reportId: string, reportName: string) => Promise<void>;
     onViewPayments?: (monthName: string) => void;
     paymentStats?: MonthPaymentStats;
+    /** Suggested start date based on previous month's snapshot period end + 1 day */
+    suggestedStartDate?: Date;
 }
-/**
- * Collapsible month card showing all reports for a month
- */
-export declare function MonthReportCard({ reportSet, defaultExpanded, onCreateExpenseReport, onCreateSnapshotReport, onViewPayments, paymentStats, }: MonthReportCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonthReportCard({ reportSet, defaultExpanded, onCreateExpenseReport, onCreateSnapshotReport, onDeleteReport, onViewPayments, paymentStats, suggestedStartDate, }: MonthReportCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MonthReportCard.d.ts.map

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

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

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { Calendar, ChevronDown, ChevronRight, Camera, CreditCard, FileText, ArrowRight, Plus, } from "lucide-react";
+import { Calendar, ChevronDown, ChevronRight, Camera, CreditCard, FileText, ArrowRight, Plus, Info, Trash2, } from "lucide-react";
 import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { ConfirmationModal } from "./InvoiceTable/ConfirmationModal.js";
 /**
  * Get color classes for status badges
  */
@@ -37,22 +38,64 @@ function getStatusLabel(status) {
 /**
  * Individual report row component
  */
-function ReportRow({ report, isSnapshot = false, }) {
+function ReportRow({ report, isSnapshot = false, onDelete, }) {
     const colors = getStatusColors(report.status);
     const handleClick = useCallback(() => {
         setSelectedNode(report.id);
     }, [report.id]);
-    return (_jsxs("button", { onClick: handleClick, className: "w-full flex items-center justify-between p-3 hover:bg-gray-50 cursor-pointer transition-colors border-b border-gray-100 last:border-b-0", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [isSnapshot ? (_jsx(Camera, { className: "w-4 h-4 text-purple-500 flex-shrink-0" })) : (_jsx(FileText, { className: "w-4 h-4 text-blue-500 flex-shrink-0" })), _jsx("span", { className: "text-sm text-gray-900 truncate", children: report.name })] }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [_jsx("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full ${colors.bg} ${colors.text}`, children: getStatusLabel(report.status) }), _jsx(ArrowRight, { className: "w-4 h-4 text-gray-400" })] })] }));
+    const handleDelete = useCallback((e) => {
+        e.stopPropagation();
+        onDelete?.(report.id, report.name);
+    }, [onDelete, report.id, report.name]);
+    return (_jsxs("div", { className: "flex items-center border-b border-gray-100 last:border-b-0", children: [_jsxs("button", { onClick: handleClick, className: "flex-1 flex items-center justify-between p-3 hover:bg-gray-50 cursor-pointer transition-colors min-w-0", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [isSnapshot ? (_jsx(Camera, { className: "w-4 h-4 text-purple-500 flex-shrink-0" })) : (_jsx(FileText, { className: "w-4 h-4 text-blue-500 flex-shrink-0" })), _jsx("span", { className: "text-sm text-gray-900 truncate", children: report.name })] }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [_jsx("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full ${colors.bg} ${colors.text}`, children: getStatusLabel(report.status) }), _jsx(ArrowRight, { className: "w-4 h-4 text-gray-400" })] })] }), onDelete && (_jsx("button", { onClick: handleDelete, className: "p-3 text-gray-400 hover:text-red-500 transition-colors flex-shrink-0", title: "Delete report", children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }));
 }
 /**
  * Collapsible month card showing all reports for a month
  */
-export function MonthReportCard({ reportSet, defaultExpanded = false, onCreateExpenseReport, onCreateSnapshotReport, onViewPayments, paymentStats, }) {
+/**
+ * Format a date as "Mon DD" (e.g., "Dec 24")
+ */
+function formatShortDate(date) {
+    return date.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        timeZone: "UTC",
+    });
+}
+/**
+ * Check if a date is the first day of the month parsed from monthName
+ */
+function isFirstOfMonth(date, monthName) {
+    const monthDate = new Date(monthName + " 1");
+    if (isNaN(monthDate.getTime()))
+        return false;
+    return (date.getUTCFullYear() === monthDate.getFullYear() &&
+        date.getUTCMonth() === monthDate.getMonth() &&
+        date.getUTCDate() === 1);
+}
+export function MonthReportCard({ reportSet, defaultExpanded = false, onCreateExpenseReport, onCreateSnapshotReport, onDeleteReport, onViewPayments, paymentStats, suggestedStartDate, }) {
     const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const [isDeleting, setIsDeleting] = useState(false);
     const overallColors = getStatusColors(reportSet.overallStatus);
     const toggleExpanded = useCallback(() => {
         setIsExpanded((prev) => !prev);
     }, []);
+    const handleDeleteRequest = useCallback((reportId, reportName) => {
+        setDeleteTarget({ id: reportId, name: reportName });
+    }, []);
+    const handleConfirmDelete = useCallback(async () => {
+        if (!deleteTarget || !onDeleteReport)
+            return;
+        setIsDeleting(true);
+        try {
+            await onDeleteReport(deleteTarget.id, deleteTarget.name);
+        }
+        finally {
+            setIsDeleting(false);
+            setDeleteTarget(null);
+        }
+    }, [deleteTarget, onDeleteReport]);
     const handleCreateExpenseReport = useCallback(() => {
         if (onCreateExpenseReport && reportSet.reportingFolderId) {
             onCreateExpenseReport(reportSet.monthName, reportSet.reportingFolderId);
@@ -73,6 +116,9 @@ export function MonthReportCard({ reportSet, defaultExpanded = false, onCreateEx
     const reportCountText = reportSet.reportCount === 1
         ? "1 Report"
         : `${reportSet.reportCount} Reports`;
-    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 overflow-hidden", children: [_jsxs("button", { onClick: toggleExpanded, className: "w-full flex items-center justify-between p-4 hover:bg-gray-50 transition-colors text-left", children: [_jsxs("div", { className: "flex items-center gap-3", children: [isExpanded ? (_jsx(ChevronDown, { className: "w-5 h-5 text-gray-400" })) : (_jsx(ChevronRight, { className: "w-5 h-5 text-gray-400" })), _jsx(Calendar, { className: "w-5 h-5 text-gray-600" }), _jsx("span", { className: "font-medium text-gray-900", children: reportSet.monthName })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: reportCountText }), reportSet.reportCount > 0 && (_jsx("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full ${overallColors.bg} ${overallColors.text}`, children: getStatusLabel(reportSet.overallStatus) }))] })] }), isExpanded && (_jsxs("div", { className: "border-t border-gray-200", children: [onViewPayments && (_jsxs("button", { onClick: handleViewPayments, className: "w-full flex items-center justify-between p-3 hover:bg-gray-50 cursor-pointer transition-colors border-b border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [_jsx(CreditCard, { className: "w-4 h-4 text-emerald-500 flex-shrink-0" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Payments" }), paymentStats && paymentStats.totalInvoices > 0 && (_jsxs("span", { className: "text-xs text-gray-500", children: [paymentStats.totalInvoices, " invoice", paymentStats.totalInvoices !== 1 ? "s" : "", paymentStats.pendingCount > 0 && (_jsxs("span", { className: "text-amber-600", children: [" ", "\u00B7 ", paymentStats.pendingCount, " pending"] })), paymentStats.paidCount > 0 && (_jsxs("span", { className: "text-green-600", children: [" ", "\u00B7 ", paymentStats.paidCount, " paid"] }))] }))] }), _jsx(ArrowRight, { className: "w-4 h-4 text-gray-400 flex-shrink-0" })] })), reportSet.snapshotReport && (_jsx(ReportRow, { report: reportSet.snapshotReport, isSnapshot: true })), reportSet.expenseReports.map((report) => (_jsx(ReportRow, { report: report }, report.id))), reportSet.reportCount === 0 && (_jsx("div", { className: "p-4 text-center text-sm text-gray-500", children: "No reports created yet" })), (onCreateExpenseReport || onCreateSnapshotReport) &&
-                        reportSet.reportingFolderId && (_jsxs("div", { className: "p-3 border-t border-gray-100 bg-gray-50 flex items-center gap-3", children: [onCreateSnapshotReport && !reportSet.snapshotReport && (_jsxs("button", { onClick: handleCreateSnapshotReport, className: "flex items-center gap-2 text-sm text-purple-600 hover:text-purple-700 font-medium transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Snapshot Report"] })), onCreateExpenseReport && (_jsxs("button", { onClick: handleCreateExpenseReport, className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 font-medium transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Expense Report"] }))] }))] }))] }));
+    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 overflow-hidden", children: [_jsxs("button", { onClick: toggleExpanded, className: "w-full flex items-center justify-between p-4 hover:bg-gray-50 transition-colors text-left", children: [_jsxs("div", { className: "flex items-center gap-3", children: [isExpanded ? (_jsx(ChevronDown, { className: "w-5 h-5 text-gray-400" })) : (_jsx(ChevronRight, { className: "w-5 h-5 text-gray-400" })), _jsx(Calendar, { className: "w-5 h-5 text-gray-600" }), _jsx("span", { className: "font-medium text-gray-900", children: reportSet.monthName })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: reportCountText }), reportSet.reportCount > 0 && (_jsx("span", { className: `px-2 py-0.5 text-xs font-medium rounded-full ${overallColors.bg} ${overallColors.text}`, children: getStatusLabel(reportSet.overallStatus) }))] })] }), isExpanded && (_jsxs("div", { className: "border-t border-gray-200", children: [onViewPayments && (_jsxs("button", { onClick: handleViewPayments, className: "w-full flex items-center justify-between p-3 hover:bg-gray-50 cursor-pointer transition-colors border-b border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [_jsx(CreditCard, { className: "w-4 h-4 text-emerald-500 flex-shrink-0" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Payments" }), paymentStats && paymentStats.totalInvoices > 0 && (_jsxs("span", { className: "text-xs text-gray-500", children: [paymentStats.totalInvoices, " invoice", paymentStats.totalInvoices !== 1 ? "s" : "", paymentStats.pendingCount > 0 && (_jsxs("span", { className: "text-amber-600", children: [" ", "\u00B7 ", paymentStats.pendingCount, " pending"] })), paymentStats.paidCount > 0 && (_jsxs("span", { className: "text-green-600", children: [" ", "\u00B7 ", paymentStats.paidCount, " paid"] }))] }))] }), _jsx(ArrowRight, { className: "w-4 h-4 text-gray-400 flex-shrink-0" })] })), reportSet.snapshotReport && (_jsx(ReportRow, { report: reportSet.snapshotReport, isSnapshot: true, onDelete: onDeleteReport ? handleDeleteRequest : undefined })), reportSet.expenseReports.map((report) => (_jsx(ReportRow, { report: report, onDelete: onDeleteReport ? handleDeleteRequest : undefined }, report.id))), reportSet.reportCount === 0 && (_jsx("div", { className: "p-4 text-center text-sm text-gray-500", children: "No reports created yet" })), (onCreateExpenseReport || onCreateSnapshotReport) &&
+                        reportSet.reportingFolderId && (_jsxs("div", { className: "p-3 border-t border-gray-100 bg-gray-50", children: [_jsxs("div", { className: "flex items-center gap-3", children: [onCreateSnapshotReport && !reportSet.snapshotReport && (_jsxs("button", { onClick: handleCreateSnapshotReport, className: "flex items-center gap-2 text-sm text-purple-600 hover:text-purple-700 font-medium transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Snapshot Report"] })), onCreateExpenseReport && (_jsxs("button", { onClick: handleCreateExpenseReport, className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-700 font-medium transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Expense Report"] }))] }), onCreateSnapshotReport &&
+                                !reportSet.snapshotReport &&
+                                suggestedStartDate &&
+                                !isFirstOfMonth(suggestedStartDate, reportSet.monthName) && (_jsxs("div", { className: "flex items-center gap-1.5 mt-2 text-xs text-indigo-600", children: [_jsx(Info, { className: "w-3.5 h-3.5 flex-shrink-0" }), _jsxs("span", { children: ["Transaction period will start", " ", formatShortDate(suggestedStartDate), " (day after previous snapshot period ends)"] })] }))] }))] })), _jsxs(ConfirmationModal, { open: !!deleteTarget, header: "Delete Report", onCancel: () => setDeleteTarget(null), onContinue: () => void handleConfirmDelete(), cancelLabel: "Cancel", continueLabel: isDeleting ? "Deleting..." : "Delete", continueDisabled: isDeleting, children: [_jsx("p", { className: "text-red-600 text-sm mb-2 font-medium", children: "This will permanently delete this report from the drive. This action cannot be undone." }), deleteTarget && (_jsx("p", { className: "text-gray-700 text-sm font-medium", children: deleteTarget.name }))] })] }));
 }

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

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

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

@@ -4,8 +4,8 @@ import { createPortal } from "react-dom";
 import { BarChart3, Plus, ChevronDown } from "lucide-react";
 import { useSelectedDrive, useDocumentsInSelectedDrive, addDocument, dispatchActions, setSelectedNode, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { setName } from "document-model";
-import { moveNode } from "document-drive";
-import { useMonthlyReports } from "../hooks/useMonthlyReports.js";
+import { moveNode, deleteNode } from "document-drive";
+import { useMonthlyReports, } from "../hooks/useMonthlyReports.js";
 import { MonthReportCard } from "./MonthReportCard.js";
 import { actions as expenseReportActions } from "../../../document-models/expense-report/index.js";
 import { actions as snapshotReportActions } from "../../../document-models/snapshot-report/index.js";
@@ -38,6 +38,32 @@ function parseMonthDates(monthName) {
     const end = new Date(Date.UTC(date.getFullYear(), date.getMonth() + 1, 0, 23, 59, 59, 999));
     return { start, end };
 }
+/**
+ * Get the suggested start date for a new snapshot report based on the previous
+ * month's snapshot period end date. Returns the day after the previous period
+ * ends, or the first day of the month if there's no previous snapshot.
+ */
+function getSuggestedSnapshotStartDate(monthName, monthReportSets) {
+    const monthDates = parseMonthDates(monthName);
+    if (!monthDates)
+        return null;
+    // Find the current month's index in the sorted (descending) list
+    const currentIndex = monthReportSets.findIndex((s) => s.monthName === monthName);
+    if (currentIndex === -1)
+        return null;
+    // The previous month is the next item in the descending-sorted array
+    const previousMonth = monthReportSets[currentIndex + 1];
+    if (!previousMonth?.snapshotEndDate)
+        return null;
+    const previousEnd = new Date(previousMonth.snapshotEndDate);
+    if (isNaN(previousEnd.getTime()))
+        return null;
+    // Suggested start = previous period end + 1 day
+    const suggestedStart = new Date(previousEnd);
+    suggestedStart.setUTCDate(suggestedStart.getUTCDate() + 1);
+    suggestedStart.setUTCHours(0, 0, 0, 0);
+    return suggestedStart;
+}
 /**
  * Monthly Reports Overview component for the billing page
  * Shows collapsible month cards with reports and status
@@ -218,9 +244,12 @@ export function MonthlyReportsOverview({ onFolderSelect, monthFolders, onCreateM
             }
             // Set the document name
             await dispatchActions(setName(reportName), createdNode.id);
-            // Set period dates based on month
+            // Set reporting period to calendar month boundaries
             const dates = parseMonthDates(monthName);
             if (dates) {
+                const suggestedStart = getSuggestedSnapshotStartDate(monthName, monthReportSets);
+                // Transaction filtering start: previous period end + 1 day, or month start
+                const txStartDate = suggestedStart || dates.start;
                 await dispatchActions([
                     snapshotReportActions.setPeriodStart({
                         periodStart: dates.start.toISOString(),
@@ -229,6 +258,11 @@ export function MonthlyReportsOverview({ onFolderSelect, monthFolders, onCreateM
                         periodEnd: dates.end.toISOString(),
                     }),
                 ], createdNode.id);
+                // Set the transaction filtering range (snapshot period) separately
+                await dispatchActions(snapshotReportActions.setReportConfig({
+                    startDate: txStartDate.toISOString(),
+                    endDate: dates.end.toISOString(),
+                }), createdNode.id);
             }
             // Open the created report
             setSelectedNode(createdNode.id);
@@ -238,7 +272,17 @@ export function MonthlyReportsOverview({ onFolderSelect, monthFolders, onCreateM
         finally {
             setIsCreating(false);
         }
-    }, [driveId, isCreating, onActiveNodeIdChange]);
+    }, [driveId, isCreating, monthReportSets, onActiveNodeIdChange]);
+    const handleDeleteReport = useCallback(async (reportId) => {
+        if (!driveId)
+            return;
+        try {
+            await dispatchActions(deleteNode({ id: reportId }), driveId);
+        }
+        catch (error) {
+            console.error("Failed to delete report:", error);
+        }
+    }, [driveId]);
     // Add Month button component (reused across states)
     const addMonthButton = onCreateMonth && (_jsxs("div", { className: "relative", children: [_jsxs("button", { ref: buttonRef, onClick: () => setIsDropdownOpen(!isDropdownOpen), disabled: isAddingMonth, className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isAddingMonth ? "Adding..." : "Add Month", _jsx(ChevronDown, { className: "w-3 h-3" })] }), isDropdownOpen &&
                 createPortal(_jsxs("div", { ref: dropdownRef, className: "fixed w-56 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-[9999]", style: {
@@ -253,5 +297,5 @@ export function MonthlyReportsOverview({ onFolderSelect, monthFolders, onCreateM
     if (monthReportSets.length === 0) {
         return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 overflow-visible", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-indigo-100 rounded-lg", children: _jsx(BarChart3, { className: "w-5 h-5 text-indigo-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Monthly Reports" }), _jsx("p", { className: "text-sm text-gray-600", children: "Quick access to expense and snapshot reports" })] })] }), addMonthButton] }), _jsx("p", { className: "text-gray-500 text-sm text-center py-4", children: "No months configured yet. Click \"Add Month\" to get started." })] }));
     }
-    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 overflow-visible", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-indigo-100 rounded-lg", children: _jsx(BarChart3, { className: "w-5 h-5 text-indigo-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Monthly Reports" }), _jsx("p", { className: "text-sm text-gray-600", children: "Quick access to expense and snapshot reports" })] })] }), addMonthButton] }), _jsx("div", { className: "space-y-3", children: monthReportSets.map((reportSet, index) => (_jsx(MonthReportCard, { reportSet: reportSet, defaultExpanded: index === 0, onCreateExpenseReport: handleCreateExpenseReport, onCreateSnapshotReport: handleCreateSnapshotReport, onViewPayments: onFolderSelect ? handleViewPayments : undefined, paymentStats: monthPaymentStatsMap.get(reportSet.monthName) }, reportSet.monthName))) })] }));
+    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 overflow-visible", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-indigo-100 rounded-lg", children: _jsx(BarChart3, { className: "w-5 h-5 text-indigo-600" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Monthly Reports" }), _jsx("p", { className: "text-sm text-gray-600", children: "Quick access to expense and snapshot reports" })] })] }), addMonthButton] }), _jsx("div", { className: "space-y-3", children: monthReportSets.map((reportSet, index) => (_jsx(MonthReportCard, { reportSet: reportSet, defaultExpanded: index === 0, onCreateExpenseReport: handleCreateExpenseReport, onCreateSnapshotReport: handleCreateSnapshotReport, onDeleteReport: handleDeleteReport, onViewPayments: onFolderSelect ? handleViewPayments : undefined, paymentStats: monthPaymentStatsMap.get(reportSet.monthName), suggestedStartDate: getSuggestedSnapshotStartDate(reportSet.monthName, monthReportSets) || undefined }, reportSet.monthName))) })] }));
 }

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

@@ -2,9 +2,6 @@ interface ReportingViewProps {
     folderId: string;
     monthName?: string;
 }
-/**
- * View for the Reporting folder showing Expense Reports and Snapshot Reports
- */
 export declare function ReportingView({ folderId, monthName }: ReportingViewProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ReportingView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReportingView.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/ReportingView.tsx"],"names":[],"mappings":"AAeA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAmSxE"}
+{"version":3,"file":"ReportingView.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/ReportingView.tsx"],"names":[],"mappings":"AAiBA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+DD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA2XxE"}

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

@@ -1,11 +1,13 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useDocumentsInSelectedDrive, setSelectedNode, addDocument, dispatchActions, useSelectedDrive, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { useMemo, useState } from "react";
-import { FileText, Camera, Plus } from "lucide-react";
+import { FileText, Camera, Plus, Trash2 } from "lucide-react";
 import { setName } from "document-model";
-import { moveNode } from "document-drive";
+import { moveNode, deleteNode } from "document-drive";
+import { ConfirmationModal } from "./InvoiceTable/ConfirmationModal.js";
 import { actions as expenseReportActions } from "../../../document-models/expense-report/index.js";
 import { actions as snapshotReportActions } from "../../../document-models/snapshot-report/index.js";
+import { useMonthlyReports } from "../hooks/useMonthlyReports.js";
 /**
  * Parse a month name like "January 2026" into start and end dates
  */
@@ -13,8 +15,9 @@ function parseMonthDates(monthName) {
     const date = new Date(monthName + " 1"); // e.g., "January 2026 1"
     if (isNaN(date.getTime()))
         return null;
-    const start = new Date(date.getFullYear(), date.getMonth(), 1);
-    const end = new Date(date.getFullYear(), date.getMonth() + 1, 0); // Last day of month
+    // Use UTC to avoid timezone offset being baked into .toISOString()
+    const start = new Date(Date.UTC(date.getFullYear(), date.getMonth(), 1));
+    const end = new Date(Date.UTC(date.getFullYear(), date.getMonth() + 1, 0, 23, 59, 59, 999));
     return { start, end };
 }
 /**
@@ -24,17 +27,42 @@ function formatMonthCode(monthName) {
     const date = new Date(monthName + " 1");
     if (isNaN(date.getTime()))
         return monthName;
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const year = date.getFullYear();
+    const month = String(date.getUTCMonth() + 1).padStart(2, "0");
+    const year = date.getUTCFullYear();
     return `${month}-${year}`;
 }
 /**
  * View for the Reporting folder showing Expense Reports and Snapshot Reports
  */
+/**
+ * Get the suggested start date for a new snapshot report based on the previous
+ * month's snapshot period end date.
+ */
+function getSuggestedSnapshotStartDate(monthName, monthReportSets) {
+    const monthDates = parseMonthDates(monthName);
+    if (!monthDates)
+        return null;
+    const currentIndex = monthReportSets.findIndex((s) => s.monthName === monthName);
+    if (currentIndex === -1)
+        return null;
+    const previousMonth = monthReportSets[currentIndex + 1];
+    if (!previousMonth?.snapshotEndDate)
+        return null;
+    const previousEnd = new Date(previousMonth.snapshotEndDate);
+    if (isNaN(previousEnd.getTime()))
+        return null;
+    const suggestedStart = new Date(previousEnd);
+    suggestedStart.setUTCDate(suggestedStart.getUTCDate() + 1);
+    suggestedStart.setUTCHours(0, 0, 0, 0);
+    return suggestedStart;
+}
 export function ReportingView({ folderId, monthName }) {
     const documentsInDrive = useDocumentsInSelectedDrive();
     const [selectedDrive] = useSelectedDrive();
     const [isCreating, setIsCreating] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const { monthReportSets } = useMonthlyReports();
     // Find expense reports and snapshot reports in this Reporting folder
     // Also includes documents that match the month by name (for backwards compatibility)
     const { expenseReports, snapshotReports } = useMemo(() => {
@@ -83,6 +111,21 @@ export function ReportingView({ folderId, monthName }) {
         setSelectedNode(docId);
     };
     const driveId = selectedDrive?.header.id;
+    const handleDeleteReport = async () => {
+        if (!driveId || !deleteTarget)
+            return;
+        setIsDeleting(true);
+        try {
+            await dispatchActions(deleteNode({ id: deleteTarget.id }), driveId);
+        }
+        catch (error) {
+            console.error("Failed to delete report:", error);
+        }
+        finally {
+            setIsDeleting(false);
+            setDeleteTarget(null);
+        }
+    };
     const handleCreateExpenseReport = async () => {
         if (!driveId || !monthName || isCreating)
             return;
@@ -134,9 +177,12 @@ export function ReportingView({ folderId, monthName }) {
             }
             // Set the document name
             await dispatchActions(setName(reportName), createdNode.id);
-            // Set period dates based on month
+            // Set reporting period to calendar month boundaries
             const dates = parseMonthDates(monthName);
             if (dates) {
+                const suggestedStart = getSuggestedSnapshotStartDate(monthName, monthReportSets);
+                // Transaction filtering start: previous period end + 1 day, or month start
+                const txStartDate = suggestedStart || dates.start;
                 await dispatchActions([
                     snapshotReportActions.setPeriodStart({
                         periodStart: dates.start.toISOString(),
@@ -145,6 +191,11 @@ export function ReportingView({ folderId, monthName }) {
                         periodEnd: dates.end.toISOString(),
                     }),
                 ], createdNode.id);
+                // Set the transaction filtering range (snapshot period) separately
+                await dispatchActions(snapshotReportActions.setReportConfig({
+                    startDate: txStartDate.toISOString(),
+                    endDate: dates.end.toISOString(),
+                }), createdNode.id);
             }
             // Open the created report
             setSelectedNode(createdNode.id);
@@ -153,5 +204,11 @@ export function ReportingView({ folderId, monthName }) {
             setIsCreating(false);
         }
     };
-    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Reporting ", monthName ? `- ${monthName}` : ""] }), _jsxs("p", { className: "text-gray-600", children: ["Manage expense reports and snapshot reports", monthName ? ` for ${monthName}` : ""] })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "w-5 h-5 text-blue-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Expense Reports" }), expenseReports.length > 0 && (_jsxs("span", { className: "text-sm text-gray-500", children: ["(", expenseReports.length, ")"] }))] }), _jsxs("button", { onClick: () => void handleCreateExpenseReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] })] }), expenseReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No expense reports yet" })) : (_jsx("div", { className: "space-y-2", children: expenseReports.map((doc) => (_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "w-full flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-md transition-colors border border-gray-100", children: [_jsx(FileText, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }, doc.header.id))) }))] }), _jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Camera, { className: "w-5 h-5 text-purple-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Snapshot Reports" })] }), snapshotReports.length === 0 && (_jsxs("button", { onClick: () => void handleCreateSnapshotReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-purple-600 hover:bg-purple-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] }))] }), snapshotReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No snapshot reports yet" })) : (_jsx("div", { className: "space-y-2", children: snapshotReports.map((doc) => (_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "w-full flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-md transition-colors border border-gray-100", children: [_jsx(Camera, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }, doc.header.id))) }))] })] })] }));
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Reporting ", monthName ? `- ${monthName}` : ""] }), _jsxs("p", { className: "text-gray-600", children: ["Manage expense reports and snapshot reports", monthName ? ` for ${monthName}` : ""] })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "w-5 h-5 text-blue-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Expense Reports" }), expenseReports.length > 0 && (_jsxs("span", { className: "text-sm text-gray-500", children: ["(", expenseReports.length, ")"] }))] }), _jsxs("button", { onClick: () => void handleCreateExpenseReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] })] }), expenseReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No expense reports yet" })) : (_jsx("div", { className: "space-y-2", children: expenseReports.map((doc) => (_jsxs("div", { className: "flex items-center rounded-md border border-gray-100", children: [_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "flex-1 flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-l-md transition-colors min-w-0", children: [_jsx(FileText, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }), _jsx("button", { onClick: () => setDeleteTarget({
+                                                id: doc.header.id,
+                                                name: doc.header.name || "Untitled",
+                                            }), className: "p-3 text-gray-400 hover:text-red-500 transition-colors flex-shrink-0", title: "Delete report", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }, doc.header.id))) }))] }), _jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Camera, { className: "w-5 h-5 text-purple-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Snapshot Reports" })] }), snapshotReports.length === 0 && (_jsxs("button", { onClick: () => void handleCreateSnapshotReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-purple-600 hover:bg-purple-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] }))] }), snapshotReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No snapshot reports yet" })) : (_jsx("div", { className: "space-y-2", children: snapshotReports.map((doc) => (_jsxs("div", { className: "flex items-center rounded-md border border-gray-100", children: [_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "flex-1 flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-l-md transition-colors min-w-0", children: [_jsx(Camera, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }), _jsx("button", { onClick: () => setDeleteTarget({
+                                                id: doc.header.id,
+                                                name: doc.header.name || "Untitled",
+                                            }), className: "p-3 text-gray-400 hover:text-red-500 transition-colors flex-shrink-0", title: "Delete report", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }, doc.header.id))) }))] })] }), _jsxs(ConfirmationModal, { open: !!deleteTarget, header: "Delete Report", onCancel: () => setDeleteTarget(null), onContinue: () => void handleDeleteReport(), cancelLabel: "Cancel", continueLabel: isDeleting ? "Deleting..." : "Delete", continueDisabled: isDeleting, children: [_jsx("p", { className: "text-red-600 text-sm mb-2 font-medium", children: "This will permanently delete this report from the drive. This action cannot be undone." }), deleteTarget && (_jsx("p", { className: "text-gray-700 text-sm font-medium", children: deleteTarget.name }))] })] }));
 }

package/dist/editors/contributor-billing/hooks/useMonthlyReports.d.ts

@@ -24,6 +24,10 @@ export interface MonthReportSet {
     reportingFolderId: string | null;
     /** The month folder info */
     folderInfo: MonthFolderInfo;
+    /** The snapshot report's transaction period start date (startDate), if any */
+    snapshotStartDate: string | null;
+    /** The snapshot report's transaction period end date (endDate), if any */
+    snapshotEndDate: string | null;
 }
 export interface UseMonthlyReportsResult {
     /** All months with their reports, sorted by date descending */

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

@@ -1 +1 @@
-{"version":3,"file":"useMonthlyReports.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useMonthlyReports.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,2BAA2B,GAAG,4BAA4B,CAAC;IACzE,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,yCAAyC;IACzC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,2EAA2E;IAC3E,aAAa,EAAE,YAAY,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,4BAA4B;IAC5B,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,+DAA+D;IAC/D,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,wCAAwC;IACxC,SAAS,EAAE,OAAO,CAAC;CACpB;AAgFD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CA0G3D"}
+{"version":3,"file":"useMonthlyReports.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useMonthlyReports.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,2BAA2B,GAAG,4BAA4B,CAAC;IACzE,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,yCAAyC;IACzC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,2EAA2E;IAC3E,aAAa,EAAE,YAAY,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,4BAA4B;IAC5B,UAAU,EAAE,eAAe,CAAC;IAC5B,8EAA8E;IAC9E,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,0EAA0E;IAC1E,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,uBAAuB;IACtC,+DAA+D;IAC/D,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,wCAAwC;IACxC,SAAS,EAAE,OAAO,CAAC;CACpB;AAgFD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CAsH3D"}

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

@@ -139,6 +139,8 @@ export function useMonthlyReports() {
             const snapshotReport = snapshotDoc
                 ? toReportDocument(snapshotDoc, "powerhouse/snapshot-report")
                 : null;
+            // Extract snapshot transaction period dates from document state
+            const snapshotState = snapshotDoc?.state;
             // Combine all reports for status calculation
             const allReports = [...expenseReports];
             if (snapshotReport)
@@ -152,6 +154,8 @@ export function useMonthlyReports() {
                 reportCount: allReports.length,
                 reportingFolderId: folderInfo.reportingFolder?.id || null,
                 folderInfo,
+                snapshotStartDate: snapshotState?.global?.startDate || null,
+                snapshotEndDate: snapshotState?.global?.endDate || null,
             });
         }
         // Sort by date descending (most recent first)

package/dist/editors/snapshot-report-editor/components/DateRangePicker.d.ts

@@ -0,0 +1,19 @@
+interface DateRangePickerProps {
+    /** ISO date string or YYYY-MM-DD for the start of the range */
+    fromDate: string;
+    /** ISO date string or YYYY-MM-DD for the end of the range */
+    toDate: string;
+    /** Called when either date changes. Both values are ISO date strings. */
+    onChange: (fromDate: string, toDate: string) => void;
+    /** Optional label for the whole range picker */
+    label?: string;
+    /** Optional className for the container */
+    className?: string;
+}
+/**
+ * Unified date range picker rendered as a single row with two date inputs
+ * joined visually. Enforces from <= to.
+ */
+export declare function DateRangePicker({ fromDate, toDate, onChange, label, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/editors/snapshot-report-editor/components/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../editors/snapshot-report-editor/components/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAsFtB"}

package/dist/editors/snapshot-report-editor/components/DateRangePicker.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+function toDateOnly(value) {
+    return value.split("T")[0] || "";
+}
+function toStartOfDayISO(dateStr) {
+    const d = new Date(dateStr + "T00:00:00.000Z");
+    return isNaN(d.getTime()) ? "" : d.toISOString();
+}
+function toEndOfDayISO(dateStr) {
+    const d = new Date(dateStr + "T23:59:59.999Z");
+    return isNaN(d.getTime()) ? "" : d.toISOString();
+}
+/**
+ * Unified date range picker rendered as a single row with two date inputs
+ * joined visually. Enforces from <= to.
+ */
+export function DateRangePicker({ fromDate, toDate, onChange, label, className, }) {
+    const [localFrom, setLocalFrom] = useState(() => toDateOnly(fromDate));
+    const [localTo, setLocalTo] = useState(() => toDateOnly(toDate));
+    useEffect(() => {
+        const extFrom = toDateOnly(fromDate);
+        if (extFrom && extFrom !== localFrom) {
+            setLocalFrom(extFrom);
+        }
+    }, [fromDate]);
+    useEffect(() => {
+        const extTo = toDateOnly(toDate);
+        if (extTo && extTo !== localTo) {
+            setLocalTo(extTo);
+        }
+    }, [toDate]);
+    const handleFromChange = useCallback((e) => {
+        const dateStr = e.target.value;
+        if (!dateStr)
+            return;
+        let effectiveTo = localTo;
+        if (effectiveTo && dateStr > effectiveTo) {
+            effectiveTo = dateStr;
+            setLocalTo(effectiveTo);
+        }
+        setLocalFrom(dateStr);
+        const fromISO = toStartOfDayISO(dateStr);
+        const toISO = toEndOfDayISO(effectiveTo || dateStr);
+        if (fromISO && toISO) {
+            onChange(fromISO, toISO);
+        }
+    }, [localTo, onChange]);
+    const handleToChange = useCallback((e) => {
+        const dateStr = e.target.value;
+        if (!dateStr)
+            return;
+        let effectiveFrom = localFrom;
+        if (effectiveFrom && dateStr < effectiveFrom) {
+            effectiveFrom = dateStr;
+            setLocalFrom(effectiveFrom);
+        }
+        setLocalTo(dateStr);
+        const fromISO = toStartOfDayISO(effectiveFrom || dateStr);
+        const toISO = toEndOfDayISO(dateStr);
+        if (fromISO && toISO) {
+            onChange(fromISO, toISO);
+        }
+    }, [localFrom, onChange]);
+    return (_jsxs("div", { className: className, children: [label && (_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label })), _jsxs("div", { className: "inline-flex items-center border border-gray-300 rounded-md overflow-hidden focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500", children: [_jsx("input", { type: "date", value: localFrom, onChange: handleFromChange, className: "px-3 py-2 text-sm border-none outline-none bg-white" }), _jsx("span", { className: "px-2 text-sm text-gray-400 bg-gray-50 self-stretch flex items-center border-x border-gray-300", children: "\u2192" }), _jsx("input", { type: "date", value: localTo, onChange: handleToChange, className: "px-3 py-2 text-sm border-none outline-none bg-white" })] })] }));
+}

package/dist/editors/snapshot-report-editor/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/snapshot-report-editor/editor.tsx"],"names":[],"mappings":"AA2EA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAuqC7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/snapshot-report-editor/editor.tsx"],"names":[],"mappings":"AAwEA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAktC7B"}

package/dist/editors/snapshot-report-editor/editor.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { generateId, setName } from "document-model";
-import { useState, useMemo, useEffect } from "react";
+import { useState, useMemo, useEffect, useCallback } from "react";
 import { useDocumentsInSelectedDrive, useParentFolderForSelectedNode, setSelectedNode, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { Button, Select, DatePicker, } from "@powerhousedao/document-engineering";
+import { Button, Select } from "@powerhousedao/document-engineering";
 import { ChevronDown, ChevronUp, RefreshCw } from "lucide-react";
+import { DateRangePicker } from "./components/DateRangePicker.js";
 import { useSelectedSnapshotReportDocument } from "../hooks/useSnapshotReportDocument.js";
 import { setReportConfig, addSnapshotAccount, addTransaction, setPeriodStart, setPeriodEnd, } from "../../document-models/snapshot-report/gen/creators.js";
 import { SetOwner } from "./components/SetOwner.js";
@@ -93,6 +94,63 @@ export default function Editor() {
     // Track if we're in editing mode
     const [isEditingPeriod, setIsEditingPeriod] = useState(!savedPeriod);
     const isPeriodChanged = selectedPeriod !== savedPeriod;
+    // Compute suggested start date from previous month's snapshot endDate
+    const suggestedStartDate = useMemo(() => {
+        if (!documentsInDrive || !reportPeriodStart)
+            return null;
+        const currentPeriodStart = new Date(reportPeriodStart);
+        if (isNaN(currentPeriodStart.getTime()))
+            return null;
+        // Find all other snapshot reports in the drive
+        const otherSnapshots = documentsInDrive.filter((doc) => doc.header.documentType === "powerhouse/snapshot-report" &&
+            doc.header.id !== document.header.id);
+        // Find the snapshot whose reportPeriodStart is closest before this one
+        let previousSnapshot = null;
+        let closestDistance = Infinity;
+        for (const snap of otherSnapshots) {
+            const state = snap.state;
+            const rps = state?.global?.reportPeriodStart;
+            if (!rps)
+                continue;
+            const rpDate = new Date(rps);
+            if (isNaN(rpDate.getTime()))
+                continue;
+            // Must be before current period
+            const diff = currentPeriodStart.getTime() - rpDate.getTime();
+            if (diff > 0 && diff < closestDistance) {
+                closestDistance = diff;
+                previousSnapshot = {
+                    endDate: state?.global?.endDate || null,
+                    reportPeriodStart: rps,
+                };
+            }
+        }
+        if (!previousSnapshot?.endDate)
+            return null;
+        const prevEnd = new Date(previousSnapshot.endDate);
+        if (isNaN(prevEnd.getTime()))
+            return null;
+        // Suggested start = previous endDate + 1 day
+        const suggested = new Date(prevEnd);
+        suggested.setUTCDate(suggested.getUTCDate() + 1);
+        suggested.setUTCHours(0, 0, 0, 0);
+        return suggested;
+    }, [documentsInDrive, reportPeriodStart, document.header.id]);
+    const handleSnapshotPeriodChange = useCallback((newFromDate, newToDate) => {
+        dispatch?.(setReportConfig({
+            startDate: newFromDate,
+            endDate: newToDate,
+            reportName: reportName || undefined,
+            accountsDocumentId: accountsDocumentId || undefined,
+        }));
+    }, [dispatch, reportName, accountsDocumentId]);
+    const handleApplySuggestedStartDate = useCallback(() => {
+        if (!suggestedStartDate)
+            return;
+        const fromISO = suggestedStartDate.toISOString();
+        const toISO = endDate || "";
+        handleSnapshotPeriodChange(fromISO, toISO);
+    }, [suggestedStartDate, endDate, handleSnapshotPeriodChange]);
     // Update selected period when document period changes externally
     useEffect(() => {
         if (savedPeriod && savedPeriod !== selectedPeriod) {
@@ -373,51 +431,6 @@ export default function Editor() {
         setIsAccountPickerOpen(false);
         setSelectedAccountIds(new Set());
     };
-    // Handlers for the legacy startDate/endDate fields (DatePicker approach)
-    const handleStartDateChange = (e) => {
-        const dateValue = e.target.value;
-        if (!dateValue)
-            return;
-        // DatePicker may return ISO string or date string - extract just the date part
-        const dateString = dateValue.split("T")[0]; // Get YYYY-MM-DD part if ISO string
-        if (!dateString)
-            return;
-        // Create date at start of day (00:00:00)
-        const date = new Date(dateString + "T00:00:00.000Z");
-        if (isNaN(date.getTime())) {
-            console.error("Invalid date value:", dateValue);
-            return;
-        }
-        const isoDateTime = date.toISOString();
-        dispatch?.(setReportConfig({
-            startDate: isoDateTime,
-            endDate: endDate || undefined,
-            reportName: reportName || undefined,
-            accountsDocumentId: accountsDocumentId || undefined,
-        }));
-    };
-    const handleEndDateChange = (e) => {
-        const dateValue = e.target.value;
-        if (!dateValue)
-            return;
-        // DatePicker may return ISO string or date string - extract just the date part
-        const dateString = dateValue.split("T")[0]; // Get YYYY-MM-DD part if ISO string
-        if (!dateString)
-            return;
-        // Create date at end of day (23:59:59.999)
-        const endOfDay = new Date(dateString + "T23:59:59.999Z");
-        if (isNaN(endOfDay.getTime())) {
-            console.error("Invalid date value:", dateValue);
-            return;
-        }
-        const isoDateTime = endOfDay.toISOString();
-        dispatch?.(setReportConfig({
-            endDate: isoDateTime,
-            startDate: startDate || undefined,
-            reportName: reportName || undefined,
-            accountsDocumentId: accountsDocumentId || undefined,
-        }));
-    };
     // Get the parent folder node for the currently selected node
     const parentFolder = useParentFolderForSelectedNode();
     // Set the selected node to the parent folder node (close the editor)
@@ -431,7 +444,18 @@ export default function Editor() {
                                                             endDate: endDate || undefined,
                                                         })), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { value: "", children: "Select an Accounts document..." }), accountsDocuments.map((doc) => (_jsx("option", { value: doc.header.id, children: doc.header.name ||
                                                                     `Accounts (${doc.header.id.slice(0, 8)}...)` }, doc.header.id)))] }), selectedAccountsDoc && (_jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [selectedAccountsDoc.state.global?.accounts
-                                                                ?.length || 0, " ", "accounts available"] }))] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Reporting Period" }), isEditingPeriod ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Select, { options: monthOptions, value: selectedPeriod, onChange: (value) => handlePeriodChange(value), className: "min-w-[180px]" }), isPeriodChanged && (_jsx(Button, { variant: "default", onClick: handleConfirmPeriod, className: "text-sm", children: "Set Period" }))] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-lg font-bold text-gray-900", children: periodDisplayLabel }), _jsx(Button, { variant: "ghost", onClick: handleEditPeriod, className: "text-sm", children: "Change" })] }))] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Snapshot Period" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(DatePicker, { name: "startDate", value: startDate ? startDate.split("T")[0] : "", onChange: handleStartDateChange, dateFormat: "YYYY-MM-DD", className: "flex-1" }), _jsx("span", { className: "self-center", children: "to" }), _jsx(DatePicker, { name: "endDate", value: endDate ? endDate.split("T")[0] : "", onChange: handleEndDateChange, dateFormat: "YYYY-MM-DD", className: "flex-1" })] })] })] })] }), _jsxs("div", { className: "bg-white rounded-lg shadow p-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Snapshot Accounts" }), _jsxs("div", { className: "flex gap-2", children: [snapshotAccounts.length > 0 && (_jsxs("button", { onClick: handleSyncAll, disabled: isSyncingAll || !startDate || !endDate, className: "px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 disabled:bg-gray-400 disabled:cursor-not-allowed flex items-center gap-2", children: [_jsx(RefreshCw, { className: `w-4 h-4 ${isSyncingAll ? "animate-spin" : ""}` }), "Sync All"] })), _jsx("button", { onClick: handleOpenAccountPicker, disabled: !accountsDocumentId, className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-400 disabled:cursor-not-allowed", children: "Add Account" })] })] }), snapshotAccounts.length === 0 ? (_jsxs("div", { className: "text-center py-12 text-gray-500", children: [_jsx("p", { children: "No accounts added yet" }), _jsx("p", { className: "text-sm mt-2", children: "Click \"Add Account\" to select accounts for this snapshot" })] })) : (_jsx("div", { className: "space-y-6", children: [
+                                                                ?.length || 0, " ", "accounts available"] }))] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Reporting Period" }), isEditingPeriod ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Select, { options: monthOptions, value: selectedPeriod, onChange: (value) => handlePeriodChange(value), className: "min-w-[180px]" }), isPeriodChanged && (_jsx(Button, { variant: "default", onClick: handleConfirmPeriod, className: "text-sm", children: "Set Period" }))] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-lg font-bold text-gray-900", children: periodDisplayLabel }), _jsx(Button, { variant: "ghost", onClick: handleEditPeriod, className: "text-sm", children: "Change" })] }))] }), _jsxs("div", { children: [_jsx(DateRangePicker, { label: "Snapshot Period", fromDate: startDate || "", toDate: endDate || "", onChange: handleSnapshotPeriodChange }), suggestedStartDate &&
+                                                (!startDate ||
+                                                    startDate.split("T")[0] !==
+                                                        suggestedStartDate.toISOString().split("T")[0]) && (_jsxs("div", { className: "mt-2 flex items-center gap-2 p-2 bg-indigo-50 border border-indigo-200 rounded-md", children: [_jsxs("span", { className: "text-xs text-indigo-700 flex-1", children: ["Previous snapshot period ends", " ", new Date(suggestedStartDate.getTime() - 86400000).toLocaleDateString("en-US", {
+                                                                month: "short",
+                                                                day: "numeric",
+                                                                timeZone: "UTC",
+                                                            }), ". Start from", " ", _jsx("strong", { children: suggestedStartDate.toLocaleDateString("en-US", {
+                                                                    month: "short",
+                                                                    day: "numeric",
+                                                                    timeZone: "UTC",
+                                                                }) }), " ", "to avoid gaps."] }), _jsx("button", { onClick: handleApplySuggestedStartDate, className: "px-2 py-1 text-xs font-medium text-indigo-700 bg-indigo-100 hover:bg-indigo-200 rounded transition-colors whitespace-nowrap", children: "Apply" })] }))] })] })] }), _jsxs("div", { className: "bg-white rounded-lg shadow p-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Snapshot Accounts" }), _jsxs("div", { className: "flex gap-2", children: [snapshotAccounts.length > 0 && (_jsxs("button", { onClick: handleSyncAll, disabled: isSyncingAll || !startDate || !endDate, className: "px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 disabled:bg-gray-400 disabled:cursor-not-allowed flex items-center gap-2", children: [_jsx(RefreshCw, { className: `w-4 h-4 ${isSyncingAll ? "animate-spin" : ""}` }), "Sync All"] })), _jsx("button", { onClick: handleOpenAccountPicker, disabled: !accountsDocumentId, className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-400 disabled:cursor-not-allowed", children: "Add Account" })] })] }), snapshotAccounts.length === 0 ? (_jsxs("div", { className: "text-center py-12 text-gray-500", children: [_jsx("p", { children: "No accounts added yet" }), _jsx("p", { className: "text-sm mt-2", children: "Click \"Add Account\" to select accounts for this snapshot" })] })) : (_jsx("div", { className: "space-y-6", children: [
                                     {
                                         type: "Source",
                                         label: "Source",

package/dist/style.css

@@ -546,6 +546,9 @@
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -639,6 +642,9 @@
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -1015,6 +1021,9 @@
   .self-center {
     align-self: center;
   }
+  .self-stretch {
+    align-self: stretch;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1062,6 +1071,10 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
+  .rounded-l-md {
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
   .rounded-tl-sm {
     border-top-left-radius: var(--radius-sm);
   }
@@ -1080,6 +1093,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-x {
+    border-inline-style: var(--tw-border-style);
+    border-inline-width: 1px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1100,6 +1117,10 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
   .border-amber-200 {
     border-color: var(--color-amber-200);
   }
@@ -1151,6 +1172,9 @@
   .border-green-500 {
     border-color: var(--color-green-500);
   }
+  .border-indigo-200 {
+    border-color: var(--color-indigo-200);
+  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
@@ -2295,6 +2319,22 @@
       color: var(--color-gray-800);
     }
   }
+  .focus-within\:border-blue-500 {
+    &:focus-within {
+      border-color: var(--color-blue-500);
+    }
+  }
+  .focus-within\:ring-2 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-blue-500 {
+    &:focus-within {
+      --tw-ring-color: var(--color-blue-500);
+    }
+  }
   .hover\:scale-105 {
     &:hover {
       @media (hover: hover) {
@@ -2497,6 +2537,13 @@
       }
     }
   }
+  .hover\:bg-indigo-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-indigo-200);
+      }
+    }
+  }
   .hover\:bg-indigo-600 {
     &:hover {
       @media (hover: hover) {
@@ -4727,6 +4774,24 @@
   .z-50 {
     z-index: 50;
   }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
   .mx-auto {
     margin-inline: auto;
   }

package/dist/subgraphs/budget-statements/resolvers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/budget-statements/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAoB5D,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,MAAM,GAAG,IAGzD,CAAC;AAGF,eAAO,MAAM,YAAY,GACvB,aAAa,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,WAAW,MAAM,GAAG,IAAI,GAAG,SAAS,KACnC,MAAM,GAAG,IAMX,CAAC;AASF,eAAO,MAAM,WAAW,GAAI,SAAS,MAAM,GAAG,IAAI,KAAG,MAAM,GAAG,IAQ7D,CAAC;AA0BF,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAgXxE,CAAC;AA6JF,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,KAAK,CAAC;QACb,SAAS,EAAE,KAAK,CAAC;YAAE,OAAO,EAAE,cAAc,CAAA;SAAE,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,KAAK,CAAC;YAClB,SAAS,EAAE,MAAM,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE;gBAAE,KAAK,EAAE,cAAc,CAAC;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAE,CAAC;SACjD,CAAC,CAAC;KACJ,CAAC,CAAC;CACJ,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,iBAAiB,EAAE,iBAAiB,GACnC,cAAc,CAQhB;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,kBAAkB,EAAE,kBAAkB,GACrC,cAAc,CAYhB"}
+{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/budget-statements/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAoB5D,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,MAAM,GAAG,IAGzD,CAAC;AAGF,eAAO,MAAM,YAAY,GACvB,aAAa,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,WAAW,MAAM,GAAG,IAAI,GAAG,SAAS,KACnC,MAAM,GAAG,IAMX,CAAC;AAmBF,eAAO,MAAM,WAAW,GAAI,SAAS,MAAM,GAAG,IAAI,KAAG,MAAM,GAAG,IAQ7D,CAAC;AA0BF,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAgYxE,CAAC;AAuJF,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,KAAK,CAAC;QACb,SAAS,EAAE,KAAK,CAAC;YAAE,OAAO,EAAE,cAAc,CAAA;SAAE,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,KAAK,CAAC;YAClB,SAAS,EAAE,MAAM,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE;gBAAE,KAAK,EAAE,cAAc,CAAC;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAE,CAAC;SACjD,CAAC,CAAC;KACJ,CAAC,CAAC;CACJ,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,iBAAiB,EAAE,iBAAiB,GACnC,cAAc,CAQhB;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,kBAAkB,EAAE,kBAAkB,GACrC,cAAc,CAYhB"}

package/dist/subgraphs/budget-statements/resolvers.js

@@ -16,8 +16,18 @@ export const getPeriodKey = (periodStart, periodEnd) => {
     return `${start}_${end}`;
 };
 const MONTHS = [
-    "JAN", "FEB", "MAR", "APR", "MAY", "JUN",
-    "JUL", "AUG", "SEP", "OCT", "NOV", "DEC",
+    "JAN",
+    "FEB",
+    "MAR",
+    "APR",
+    "MAY",
+    "JUN",
+    "JUL",
+    "AUG",
+    "SEP",
+    "OCT",
+    "NOV",
+    "DEC",
 ];
 // Helper to extract month key from an ISO date string (format: "SEP2025")
 // Parses directly from the string to avoid timezone issues
@@ -125,15 +135,24 @@ export const getResolvers = (subgraph) => {
                 const drivesToScan = drives;
                 for (const driveId of drivesToScan) {
                     const docsIds = await reactor.getDocuments(driveId);
-                    const docs = await Promise.all(docsIds.map(async (docId) => reactor.getDocument(docId)));
+                    const docs = await Promise.all(docsIds.map(async (docId) => {
+                        try {
+                            return await reactor.getDocument(docId);
+                        }
+                        catch {
+                            return null;
+                        }
+                    }));
                     for (const doc of docs) {
+                        if (!doc)
+                            continue;
                         const docType = doc.header.documentType;
                         if (docType === "powerhouse/snapshot-report") {
                             const snapshotDoc = doc;
                             const ownerId = snapshotDoc.state.global.ownerIds?.[0] ?? null;
-                            // Apply filters: teamId takes precedence, then networkSlug (via allowedBuilderPhids)
-                            if (teamId && ownerId !== teamId)
-                                continue;
+                            // Don't filter snapshot reports by teamId here — snapshots are often
+                            // owned by the operational hub, not individual teams. The opHub sharing
+                            // mechanism (Step 4) will associate them with the correct teams later.
                             if (allowedBuilderPhids &&
                                 ownerId &&
                                 !allowedBuilderPhids.has(ownerId))
@@ -280,7 +299,7 @@ export const getResolvers = (subgraph) => {
                     const month = getMonthKey(periodStartDate) || periodKey;
                     // Build snapshot report data
                     const snapshotReportData = snapshotReport
-                        ? buildSnapshotReportData(snapshotReport, accountTransactionsDocs)
+                        ? buildSnapshotReportData(snapshotReport)
                         : {
                             startDate: "",
                             endDate: "",
@@ -302,7 +321,10 @@ export const getResolvers = (subgraph) => {
                     // Get operational hub member from builder profile
                     const opHubMember = ownerState?.operationalHubMember ?? null;
                     const operationalHubMember = opHubMember?.phid || opHubMember?.name
-                        ? { phid: opHubMember.phid || null, name: opHubMember.name || null }
+                        ? {
+                            phid: opHubMember.phid || null,
+                            name: opHubMember.name || null,
+                        }
                         : null;
                     budgetStatements.push({
                         id: key,
@@ -338,9 +360,15 @@ export const getResolvers = (subgraph) => {
                         stmt.reportedActuals = { unit: "USDS", value: String(total) };
                     }
                 }
+                // When filtering by teamId, remove entries for other owners that were
+                // only collected because we don't filter snapshot reports by teamId
+                // (snapshots are often owned by the opHub, not individual teams).
+                const filteredStatements = teamId
+                    ? budgetStatements.filter((stmt) => stmt.owner.id === teamId)
+                    : budgetStatements;
                 // Sort by month (most recent first)
-                budgetStatements.sort(sortByMonth);
-                return budgetStatements;
+                filteredStatements.sort(sortByMonth);
+                return filteredStatements;
             },
         },
     };
@@ -348,7 +376,7 @@ export const getResolvers = (subgraph) => {
 /**
  * Build snapshot report data from a SnapshotReportDocument
  */
-function buildSnapshotReportData(doc, accountTransactionsDocs) {
+function buildSnapshotReportData(doc) {
     const state = doc.state.global;
     return {
         startDate: state.reportPeriodStart || state.startDate || "",
@@ -375,7 +403,7 @@ function buildSnapshotReportData(doc, accountTransactionsDocs) {
                 datetime: tx.datetime,
                 txHash: tx.txHash,
                 counterParty: tx.counterParty || "",
-                counterPartyName: getCounterPartyName(tx.counterPartyAccountId, accountTransactionsDocs),
+                counterPartyName: getCounterPartyName(tx.counterParty, state.snapshotAccounts),
                 amount: {
                     value: tx.amount,
                     unit: tx.token,
@@ -461,19 +489,14 @@ function buildExpenseReportData(doc) {
     };
 }
 /**
- * Get counter party name from account-transactions document
+ * Get counter party name by matching the counter party address
+ * against snapshot account addresses.
  */
-function getCounterPartyName(counterPartyAccountId, accountTransactionsDocs) {
-    if (!counterPartyAccountId)
+function getCounterPartyName(counterPartyAddress, snapshotAccounts) {
+    if (!counterPartyAddress)
         return "";
-    // Search through all account-transactions docs to find the account name
-    for (const txDoc of accountTransactionsDocs.values()) {
-        const account = txDoc.state.global.account;
-        if (account && account.id === counterPartyAccountId) {
-            return account.name || "";
-        }
-    }
-    return "";
+    const account = snapshotAccounts.find((acc) => acc.accountAddress.toLowerCase() === counterPartyAddress.toLowerCase());
+    return account?.accountName || "";
 }
 /**
  * Sum of all line item actuals from expense report wallets

package/dist/subgraphs/budget-statements/resolvers.test.js

@@ -117,8 +117,18 @@ describe("getMonthKey", () => {
     });
     it("handles all months", () => {
         const expected = [
-            "JAN", "FEB", "MAR", "APR", "MAY", "JUN",
-            "JUL", "AUG", "SEP", "OCT", "NOV", "DEC",
+            "JAN",
+            "FEB",
+            "MAR",
+            "APR",
+            "MAY",
+            "JUN",
+            "JUL",
+            "AUG",
+            "SEP",
+            "OCT",
+            "NOV",
+            "DEC",
         ];
         for (let i = 0; i < 12; i++) {
             const month = String(i + 1).padStart(2, "0");

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.7",
+  "version": "1.0.0-dev.9",
   "license": "AGPL-3.0-only",
   "repository": {
     "type": "git",
@@ -69,13 +69,13 @@
     "migrate": "ph-cli migrate"
   },
   "dependencies": {
-    "@powerhousedao/builder-profile": "1.0.3",
-    "@powerhousedao/builder-tools": "5.3.3",
-    "@powerhousedao/common": "5.3.3",
-    "@powerhousedao/design-system": "5.3.3",
+    "@powerhousedao/builder-profile": "^1.0.6",
+    "@powerhousedao/builder-tools": "5.3.4",
+    "@powerhousedao/common": "5.3.4",
+    "@powerhousedao/design-system": "5.3.4",
     "@powerhousedao/document-engineering": "^1.40.1",
-    "@powerhousedao/service-offering": "0.0.3",
-    "@powerhousedao/vetra": "^5.3.3",
+    "@powerhousedao/service-offering": "0.0.9",
+    "@powerhousedao/vetra": "^5.3.4",
     "@react-pdf/renderer": "^4.3.1",
     "@safe-global/api-kit": "^4.0.0",
     "@safe-global/protocol-kit": "^6.0.3",
@@ -84,7 +84,7 @@
     "@types/cors": "^2.8.17",
     "axios": "^1.9.0",
     "cors": "^2.8.5",
-    "document-model": "5.3.3",
+    "document-model": "5.3.4",
     "dotenv": "^16.5.0",
     "error": "^10.4.0",
     "ethers": "^6.14.0",
@@ -99,23 +99,23 @@
   "devDependencies": {
     "@electric-sql/pglite": "^0.2.12",
     "@eslint/js": "^9.38.0",
-    "@powerhousedao/analytics-engine-core": "^0.5.0",
-    "@powerhousedao/codegen": "5.3.3",
-    "@powerhousedao/config": "5.3.3",
-    "@powerhousedao/connect": "5.3.3",
-    "@powerhousedao/ph-cli": "5.3.3",
-    "@powerhousedao/reactor-api": "5.3.3",
-    "@powerhousedao/reactor-browser": "5.3.3",
-    "@powerhousedao/reactor-local": "5.3.3",
+    "@powerhousedao/analytics-engine-core": "^0.6.4",
+    "@powerhousedao/codegen": "5.3.4",
+    "@powerhousedao/config": "5.3.4",
+    "@powerhousedao/connect": "5.3.4",
+    "@powerhousedao/ph-cli": "5.3.4",
+    "@powerhousedao/reactor-api": "5.3.4",
+    "@powerhousedao/reactor-browser": "5.3.4",
+    "@powerhousedao/reactor-local": "5.3.4",
     "@powerhousedao/scalars": "^2.0.1",
-    "@powerhousedao/switchboard": "5.3.3",
+    "@powerhousedao/switchboard": "5.3.4",
     "@tailwindcss/cli": "^4.1.4",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^24.9.2",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",
-    "document-drive": "5.3.3",
+    "document-drive": "5.3.4",
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",