@powerhousedao/contributor-billing 0.1.36 → 0.1.39

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from "react";
+import { setName } from "document-model";
 import { useSelectedExpenseReportDocument } from "../../document-models/expense-report/hooks.js";
 import { actions, } from "../../document-models/expense-report/index.js";
 import { Icon, Button, Select } from "@powerhousedao/document-engineering";
@@ -9,7 +10,7 @@ import { AddBillingStatementModal } from "./components/AddBillingStatementModal.
 import { ExpenseReportPDF } from "./components/ExpenseReportPDF.js";
 import { pdf } from "@react-pdf/renderer";
 import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
+import { setSelectedNode, useParentFolderForSelectedNode, useSelectedDrive, isFolderNodeKind, } from "@powerhousedao/reactor-browser";
 import { useSyncWallet } from "./hooks/useSyncWallet.js";
 import { RefreshCw } from "lucide-react";
 import { SetOwner } from "./components/SetOwner.js";
@@ -61,8 +62,9 @@ export default function Editor() {
     // Local state for the selected period (before confirmation)
     const [selectedPeriod, setSelectedPeriod] = useState(() => {
         if (periodStart) {
+            // Use UTC methods to avoid timezone issues
             const date = new Date(periodStart);
-            return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
+            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, "0")}`;
         }
         // Default to current month
         const now = new Date();
@@ -71,8 +73,9 @@ export default function Editor() {
     // Track if the selected period differs from the saved period
     const savedPeriod = useMemo(() => {
         if (periodStart) {
+            // Use UTC methods to avoid timezone issues
             const date = new Date(periodStart);
-            return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
+            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, "0")}`;
         }
         return "";
     }, [periodStart]);
@@ -92,23 +95,45 @@ export default function Editor() {
     // Handle period confirmation (saves to document)
     const handleConfirmPeriod = () => {
         const { periodStart, periodEnd } = getMonthDateRange(selectedPeriod);
-        // Dispatch both start and end dates
+        // Get the formatted month label (e.g., "January 2025") - timezone agnostic
+        const [year, month] = selectedPeriod.split("-").map(Number);
+        const monthNames = [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December",
+        ];
+        const monthLabel = `${monthNames[month - 1]} ${year}`;
+        // Dispatch period dates
         dispatch(actions.setPeriodStart({ periodStart }));
         dispatch(actions.setPeriodEnd({ periodEnd }));
+        // Auto-set document name based on reporting period
+        dispatch(setName(`${monthLabel} - Expense Report`));
         // Exit editing mode
         setIsEditingPeriod(false);
     };
-    // Handle starting to edit the period
-    const handleEditPeriod = () => {
-        setIsEditingPeriod(true);
-    };
     // Generate month options
     const monthOptions = useMemo(() => generateMonthOptions(), []);
     // Get the formatted display label for the current period
     const periodDisplayLabel = useMemo(() => {
-        const option = monthOptions.find((opt) => opt.value === selectedPeriod);
-        return option ? option.label : selectedPeriod;
-    }, [selectedPeriod, monthOptions]);
+        if (!periodStart)
+            return selectedPeriod;
+        const date = new Date(periodStart);
+        const monthName = date.toLocaleDateString("en-US", {
+            month: "long",
+            timeZone: "UTC",
+        });
+        const year = date.getUTCFullYear();
+        return `${monthName} ${year}`;
+    }, [periodStart, selectedPeriod]);
     // Handle wallet selection for adding billing statements
     const handleAddBillingStatement = (walletAddress) => {
         setSelectedWallet(walletAddress);
@@ -166,17 +191,48 @@ export default function Editor() {
         const year = date.getFullYear();
         return `${month} ${year} Breakdown`;
     }, [periodStart]);
-    // Get the parent folder node for the currently selected node
+    // Get the parent folder node for the currently selected node (this is the Reporting folder)
     const parentFolder = useParentFolderForSelectedNode();
+    const [driveDocument] = useSelectedDrive();
+    // Find the sibling "Payments" folder dynamically
+    // Structure: Month Folder -> Reporting (where expense report lives) | Payments (sibling)
+    // We find the expense report's file node, get its parent (Reporting), then find the sibling Payments folder
+    const paymentsFolderId = useMemo(() => {
+        if (!driveDocument || !document)
+            return null;
+        const nodes = driveDocument.state.global.nodes;
+        const expenseReportId = document.header.id;
+        // Find the expense report's file node in the drive
+        const expenseReportFileNode = nodes.find((node) => node.id === expenseReportId);
+        if (!expenseReportFileNode)
+            return null;
+        // Get the Reporting folder (parent of expense report)
+        const reportingFolderId = expenseReportFileNode.parentFolder;
+        if (!reportingFolderId)
+            return null;
+        // Find the Reporting folder node to get its parent (month folder)
+        const reportingFolder = nodes.find((node) => isFolderNodeKind(node) && node.id === reportingFolderId);
+        if (!reportingFolder)
+            return null;
+        // Get the month folder (parent of Reporting)
+        const monthFolderId = reportingFolder.parentFolder;
+        if (!monthFolderId)
+            return null;
+        // Find the "Payments" sibling folder under the same month folder
+        const paymentsFolder = nodes.find((node) => isFolderNodeKind(node) &&
+            node.parentFolder === monthFolderId &&
+            node.name === "Payments");
+        return paymentsFolder?.id ?? null;
+    }, [driveDocument, document]);
     // Set the selected node to the parent folder node (close the editor)
     function handleClose() {
         setSelectedNode(parentFolder?.id);
     }
-    return (_jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsxs("div", { className: "ph-default-styles flex flex-col flex-1 min-h-0 w-full bg-gray-50 dark:bg-gray-900", children: [_jsx("div", { className: "flex-1 overflow-auto px-3 sm:px-4 lg:px-6 py-4", children: _jsxs("div", { className: "w-full max-w-none space-y-4 lg:space-y-6", children: [_jsx("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "px-4 sm:px-6 py-4 sm:py-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [_jsx("h1", { className: "text-xl sm:text-2xl lg:text-3xl font-bold text-gray-900 dark:text-white", children: "Expense Report" }), _jsxs(Button, { variant: "ghost", onClick: handleExportPDF, className: "flex items-center gap-2 shrink-0", children: [_jsx(Icon, { name: "ExportPdf", size: 18 }), _jsx("span", { children: "Export to PDF" })] })] }), _jsxs("div", { className: "flex flex-wrap justify-between gap-12", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "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 dark:text-white", children: periodDisplayLabel }), _jsx(Button, { variant: "ghost", onClick: handleEditPeriod, className: "text-sm", children: "Change" })] }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Status:" }), _jsx(Select, { options: [
+    return (_jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsxs("div", { className: "ph-default-styles flex flex-col flex-1 min-h-0 w-full bg-gray-50 dark:bg-gray-900", children: [_jsx("div", { className: "flex-1 overflow-auto px-3 sm:px-4 lg:px-6 py-4", children: _jsxs("div", { className: "w-full max-w-none space-y-4 lg:space-y-6", children: [_jsx("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "px-4 sm:px-6 py-4 sm:py-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [_jsx("h1", { className: "text-xl sm:text-2xl lg:text-3xl font-bold text-gray-900 dark:text-white", children: "Expense Report" }), _jsxs(Button, { variant: "ghost", onClick: handleExportPDF, className: "flex items-center gap-2 shrink-0", children: [_jsx(Icon, { name: "ExportPdf", size: 18 }), _jsx("span", { children: "Export to PDF" })] })] }), _jsxs("div", { className: "flex flex-wrap justify-between gap-12", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "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" }))] })) : (_jsx("span", { className: "text-lg font-bold text-gray-900 dark:text-white", children: periodDisplayLabel }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Status:" }), _jsx(Select, { options: [
                                                                     { label: "Draft", value: "DRAFT" },
                                                                     { label: "Review", value: "REVIEW" },
                                                                     { label: "Final", value: "FINAL" },
                                                                 ], value: document.state.global.status, onChange: (value) => dispatch(actions.setStatus({
                                                                     status: value,
-                                                                })), className: "min-w-[180px]" })] }), _jsx(SetOwner, { ownerId: ownerId, dispatch: dispatch })] })] }) }), _jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: "Wallets" }), _jsxs(Button, { variant: "ghost", onClick: handleSyncAllWallets, disabled: isSyncingAll, className: "flex items-center gap-2", children: [_jsx(RefreshCw, { size: 16, className: isSyncingAll ? "animate-spin" : "" }), _jsx("span", { className: "hidden sm:inline", children: isSyncingAll ? "Syncing..." : "Sync All" })] })] }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(WalletsTable, { wallets: wallets, groups: groups, onAddBillingStatement: handleAddBillingStatement, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }), wallets.length > 0 && (_jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsx("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700", children: _jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: breakdownTitle }) }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(AggregatedExpensesTable, { wallets: wallets, groups: groups, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }))] }) }), isModalOpen && selectedWallet && (_jsx(AddBillingStatementModal, { isOpen: isModalOpen, onClose: handleCloseModal, walletAddress: selectedWallet, dispatch: dispatch, groups: groups }))] })] }));
+                                                                })), className: "min-w-[180px]" })] }), _jsx(SetOwner, { ownerId: ownerId, dispatch: dispatch })] })] }) }), _jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: "Wallets" }), _jsxs(Button, { variant: "ghost", onClick: handleSyncAllWallets, disabled: isSyncingAll, className: "flex items-center gap-2", children: [_jsx(RefreshCw, { size: 16, className: isSyncingAll ? "animate-spin" : "" }), _jsx("span", { className: "hidden sm:inline", children: isSyncingAll ? "Syncing..." : "Sync All" })] })] }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(WalletsTable, { wallets: wallets, groups: groups, onAddBillingStatement: handleAddBillingStatement, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }), wallets.length > 0 && (_jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden", children: [_jsx("div", { className: "px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-gray-700", children: _jsx("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900 dark:text-white", children: breakdownTitle }) }), _jsx("div", { className: "p-3 sm:p-4 lg:p-6 overflow-x-auto", children: _jsx(AggregatedExpensesTable, { wallets: wallets, groups: groups, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }))] }) }), isModalOpen && selectedWallet && (_jsx(AddBillingStatementModal, { isOpen: isModalOpen, onClose: handleCloseModal, walletAddress: selectedWallet, dispatch: dispatch, groups: groups, paymentsFolderId: paymentsFolderId }))] })] }));
 }

package/dist/editors/expense-report/hooks/useSyncWallet.js

@@ -71,7 +71,7 @@ export function useSyncWallet() {
             const lineItems = statement.state.global.lineItems || [];
             lineItems.forEach((billingLineItem) => {
                 const groupId = mapTagToGroup(billingLineItem);
-                const categoryKey = groupId || "uncategorized";
+                const categoryKey = groupId || "Uncategorized";
                 const existing = categoryAggregation.get(categoryKey);
                 if (existing) {
                     // Aggregate values for the same category
@@ -95,16 +95,16 @@ export function useSyncWallet() {
         if (accountTransactionsDocumentId && periodStart && periodEnd) {
             const transactionPayments = calculatePaymentsFromTransactions(accountTransactionsDocumentId, periodStart, periodEnd);
             if (transactionPayments > 0) {
-                // Add payments to "uncategorized" category
-                const uncategorized = categoryAggregation.get("uncategorized");
-                if (uncategorized) {
-                    // Update existing uncategorized category with payments
-                    uncategorized.payments = transactionPayments;
+                // Add payments to "Uncategorized" category
+                const Uncategorized = categoryAggregation.get("Uncategorized");
+                if (Uncategorized) {
+                    // Update existing Uncategorized category with payments
+                    Uncategorized.payments = transactionPayments;
                 }
                 else {
-                    // Create new uncategorized category entry with payments
-                    categoryAggregation.set("uncategorized", {
-                        groupId: null,
+                    // Create new Uncategorized category entry with payments
+                    categoryAggregation.set("Uncategorized", {
+                        groupId: "121482a1-b69f-4511-g46f-267c24450238",
                         groupLabel: "Uncategorized",
                         budget: 0,
                         actuals: 0,

package/dist/editors/invoice/ingestPDF.js

@@ -7,7 +7,7 @@ import { getCountryCodeFromName, mapChainNameToConfig } from "./utils/utils.js";
 import { LoaderCircle } from "lucide-react";
 let GRAPHQL_URL = "http://localhost:4001/graphql";
 if (!window.document.baseURI.includes("localhost")) {
-    GRAPHQL_URL = "https://switchboard.powerhouse.xyz/graphql";
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 export async function loadPDFFile({ file, dispatch, }) {
     if (!file)

package/dist/editors/invoice/invoiceToGnosis.js

@@ -3,8 +3,8 @@ import React, { useState, useEffect } from "react";
 import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 const InvoiceToGnosis = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/requestFinance.js

@@ -3,8 +3,8 @@ import React, { useState } from "react";
 import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 const RequestFinance = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/uploadPdfChunked.js

@@ -6,8 +6,8 @@
  * @param onProgress Callback for upload progress
  */
 let GRAPHQL_URL = "http://localhost:4001/graphql";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://switchboard.powerhouse.xyz/graphql';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql";
 }
 export async function uploadPdfChunked(pdfData, endpoint = GRAPHQL_URL, chunkSize = 500 * 1024, // 500KB chunks
 onProgress) {

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":"AAyEA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA8qC7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/snapshot-report-editor/editor.tsx"],"names":[],"mappings":"AA6EA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAqsC7B"}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { generateId } from "document-model/core";
+import { generateId, setName } from "document-model";
 import { useState, useMemo, useEffect } 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, DatePicker, } from "@powerhousedao/document-engineering";
 import { ChevronDown, ChevronUp, RefreshCw } from "lucide-react";
 import { useSelectedSnapshotReportDocument } from "../hooks/useSnapshotReportDocument.js";
 import { setReportConfig, addSnapshotAccount, addTransaction, setPeriodStart, setPeriodEnd, } from "../../document-models/snapshot-report/gen/creators.js";
@@ -75,8 +75,9 @@ export default function Editor() {
     // Local state for the selected period (before confirmation)
     const [selectedPeriod, setSelectedPeriod] = useState(() => {
         if (reportPeriodStart) {
+            // Use UTC methods to avoid timezone issues
             const date = new Date(reportPeriodStart);
-            return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
+            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, "0")}`;
         }
         // Default to current month
         const now = new Date();
@@ -85,8 +86,9 @@ export default function Editor() {
     // Track if the selected period differs from the saved period
     const savedPeriod = useMemo(() => {
         if (reportPeriodStart) {
+            // Use UTC methods to avoid timezone issues
             const date = new Date(reportPeriodStart);
-            return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
+            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, "0")}`;
         }
         return "";
     }, [reportPeriodStart]);
@@ -106,9 +108,28 @@ export default function Editor() {
     // Handle period confirmation (saves to document)
     const handleConfirmPeriod = () => {
         const { periodStart, periodEnd } = getMonthDateRange(selectedPeriod);
-        // Dispatch both start and end dates
+        // Get the formatted month label (e.g., "January 2025") - timezone agnostic
+        const [year, month] = selectedPeriod.split("-").map(Number);
+        const monthNames = [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December",
+        ];
+        const monthLabel = `${monthNames[month - 1]} ${year}`;
+        // Dispatch period dates
         dispatch?.(setPeriodStart({ periodStart }));
         dispatch?.(setPeriodEnd({ periodEnd }));
+        // Auto-set document name based on reporting period
+        dispatch?.(setName(`${monthLabel} - Snapshot Report`));
         // Exit editing mode
         setIsEditingPeriod(false);
     };

package/dist/scripts/invoice/pdfToClaudeAI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pdfToClaudeAI.d.ts","sourceRoot":"","sources":["../../../scripts/invoice/pdfToClaudeAI.ts"],"names":[],"mappings":"AA4LA,wBAAsB,yBAAyB,CAAC,QAAQ,EAAE,MAAM;;GAsR/D"}
+{"version":3,"file":"pdfToClaudeAI.d.ts","sourceRoot":"","sources":["../../../scripts/invoice/pdfToClaudeAI.ts"],"names":[],"mappings":"AAiMA,wBAAsB,yBAAyB,CAAC,QAAQ,EAAE,MAAM;;GAsR/D"}

package/dist/scripts/invoice/pdfToClaudeAI.js

@@ -148,7 +148,9 @@ function truncateToLastCompleteElement(json) {
         if (lastPropStart > 0) {
             // Find the comma or opening brace before this property
             let searchFrom = lastPropStart;
-            while (searchFrom > 0 && json[searchFrom] !== "," && json[searchFrom] !== "{") {
+            while (searchFrom > 0 &&
+                json[searchFrom] !== "," &&
+                json[searchFrom] !== "{") {
                 searchFrom--;
             }
             if (json[searchFrom] === ",") {

package/dist/style.css

@@ -83,10 +83,13 @@
     --color-violet-50: oklch(96.9% 0.016 293.756);
     --color-violet-500: oklch(60.6% 0.25 292.717);
     --color-violet-600: oklch(54.1% 0.281 293.009);
+    --color-purple-50: oklch(97.7% 0.014 308.299);
     --color-purple-100: hsl(262 79% 93%);
     --color-purple-200: hsl(263 79% 89%);
     --color-purple-300: hsl(263 79% 85%);
     --color-purple-500: hsl(264 77% 77%);
+    --color-purple-600: hsl(263 76% 74%);
+    --color-purple-700: hsl(263 78% 70%);
     --color-purple-800: hsl(263 78% 66%);
     --color-purple-900: hsl(263 78% 63%);
     --color-pink-500: oklch(65.6% 0.241 354.308);
@@ -346,6 +349,9 @@
   .-top-20 {
     top: calc(var(--spacing) * -20);
   }
+  .top-full {
+    top: 100%;
+  }
   .-right-20 {
     right: calc(var(--spacing) * -20);
   }
@@ -364,6 +370,9 @@
   .-left-16 {
     left: calc(var(--spacing) * -16);
   }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
   .z-10 {
     z-index: 10;
   }
@@ -454,6 +463,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -472,6 +484,9 @@
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
+  .ml-auto {
+    margin-left: auto;
+  }
   .block {
     display: block;
   }
@@ -572,6 +587,12 @@
   .max-h-32 {
     max-height: calc(var(--spacing) * 32);
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
+  .max-h-72 {
+    max-height: calc(var(--spacing) * 72);
+  }
   .max-h-\[80vh\] {
     max-height: 80vh;
   }
@@ -653,6 +674,9 @@
   .w-50 {
     width: calc(var(--spacing) * 50);
   }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
@@ -1306,6 +1330,9 @@
   .bg-orange-100 {
     background-color: var(--color-orange-100);
   }
+  .bg-purple-50 {
+    background-color: var(--color-purple-50);
+  }
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
@@ -1371,6 +1398,10 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .from-blue-50 {
+    --tw-gradient-from: var(--color-blue-50);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-blue-400\/20 {
     --tw-gradient-from: color-mix(in srgb, hsl(209 100% 75%) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1436,6 +1467,10 @@
     --tw-gradient-to: var(--color-blue-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-indigo-50 {
+    --tw-gradient-to: var(--color-indigo-50);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-indigo-50\/40 {
     --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1735,6 +1770,9 @@
   .text-amber-600 {
     color: var(--color-amber-600);
   }
+  .text-amber-700 {
+    color: var(--color-amber-700);
+  }
   .text-amber-800 {
     color: var(--color-amber-800);
   }
@@ -1804,6 +1842,9 @@
   .text-gray-100 {
     color: var(--color-gray-100);
   }
+  .text-gray-300 {
+    color: var(--color-gray-300);
+  }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
@@ -1855,6 +1896,12 @@
   .text-orange-800 {
     color: var(--color-orange-800);
   }
+  .text-purple-600 {
+    color: var(--color-purple-600);
+  }
+  .text-purple-700 {
+    color: var(--color-purple-700);
+  }
   .text-purple-800 {
     color: var(--color-purple-800);
   }
@@ -1922,6 +1969,9 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2173,6 +2223,13 @@
       }
     }
   }
+  .group-hover\:text-blue-500 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-blue-500);
+      }
+    }
+  }
   .group-hover\:text-indigo-500 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2240,6 +2297,20 @@
       }
     }
   }
+  .hover\:border-blue-200 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-blue-200);
+      }
+    }
+  }
+  .hover\:border-blue-300 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-blue-300);
+      }
+    }
+  }
   .hover\:border-gray-300 {
     &:hover {
       @media (hover: hover) {
@@ -2254,6 +2325,13 @@
       }
     }
   }
+  .hover\:border-purple-300 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-purple-300);
+      }
+    }
+  }
   .hover\:bg-\[\#1b1d26\] {
     &:hover {
       @media (hover: hover) {
@@ -2418,6 +2496,13 @@
       }
     }
   }
+  .hover\:bg-purple-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-50);
+      }
+    }
+  }
   .hover\:bg-red-50 {
     &:hover {
       @media (hover: hover) {

package/dist/subgraphs/budget-statements/index.d.ts

@@ -0,0 +1,11 @@
+import { BaseSubgraph } from "@powerhousedao/reactor-api";
+import type { DocumentNode } from "graphql";
+export declare class BudgetStatementsSubgraph extends BaseSubgraph {
+    name: string;
+    typeDefs: DocumentNode;
+    resolvers: Record<string, unknown>;
+    additionalContextFields: {};
+    onSetup(): Promise<void>;
+    onDisconnect(): Promise<void>;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../subgraphs/budget-statements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,qBAAa,wBAAyB,SAAQ,YAAY;IACxD,IAAI,SAAuB;IAC3B,QAAQ,EAAE,YAAY,CAAU;IAChC,SAAS,0BAAsB;IAC/B,uBAAuB,KAAM;IACvB,OAAO;IACP,YAAY;CACnB"}

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

@@ -0,0 +1,11 @@
+import { BaseSubgraph } from "@powerhousedao/reactor-api";
+import { schema } from "./schema.js";
+import { getResolvers } from "./resolvers.js";
+export class BudgetStatementsSubgraph extends BaseSubgraph {
+    name = "budget-statements";
+    typeDefs = schema;
+    resolvers = getResolvers(this);
+    additionalContextFields = {};
+    async onSetup() { }
+    async onDisconnect() { }
+}

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

@@ -0,0 +1,3 @@
+import { type ISubgraph } from "@powerhousedao/reactor-api";
+export declare const getResolvers: (subgraph: ISubgraph) => Record<string, unknown>;
+//# sourceMappingURL=resolvers.d.ts.map

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

@@ -0,0 +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;AA0E5D,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CA+LxE,CAAC"}