@powerhousedao/contributor-billing 0.1.30 → 0.1.32

package/dist/editors/builder-team-admin/hooks/useSnapshotReportAutoPlacement.d.ts

@@ -0,0 +1,25 @@
+import type { FolderNode } from "document-drive";
+import type { SnapshotReportDocument } from "../../../document-models/snapshot-report/gen/types.js";
+interface UseSnapshotReportAutoPlacementResult {
+    /** The Snapshot Reports folder node, or null if it doesn't exist yet */
+    snapshotReportsFolder: FolderNode | null;
+    /** Set of all node IDs within the Snapshot Reports folder tree */
+    snapshotReportsFolderNodeIds: Set<string>;
+    /** All snapshot report documents within the Snapshot Reports folder */
+    snapshotReportDocuments: SnapshotReportDocument[];
+}
+/**
+ * Hook that handles automatic placement of snapshot report documents into the
+ * "Snapshot Reports" folder, organized by year based on startDate.
+ *
+ * This hook:
+ * 1. Creates the "Snapshot Reports" folder if it doesn't exist
+ * 2. Monitors for snapshot report documents dropped anywhere in the drive
+ * 3. Automatically moves them into year-based subfolders under "Snapshot Reports"
+ *
+ * Use this hook in any component that needs the auto-placement behavior,
+ * regardless of the current view (main overview, snapshot reports view, etc.)
+ */
+export declare function useSnapshotReportAutoPlacement(): UseSnapshotReportAutoPlacementResult;
+export {};
+//# sourceMappingURL=useSnapshotReportAutoPlacement.d.ts.map

package/dist/editors/builder-team-admin/hooks/useSnapshotReportAutoPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnapshotReportAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/hooks/useSnapshotReportAutoPlacement.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAIpG,UAAU,oCAAoC;IAC5C,wEAAwE;IACxE,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAC;IACzC,kEAAkE;IAClE,4BAA4B,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1C,uEAAuE;IACvE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;CACnD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,8BAA8B,IAAI,oCAAoC,CA0NrF"}

package/dist/editors/builder-team-admin/hooks/useSnapshotReportAutoPlacement.js

@@ -0,0 +1,180 @@
+import { useEffect, useMemo, useRef } from "react";
+import { isFolderNodeKind, isFileNodeKind, addFolder, useSelectedDrive, useDocumentsInSelectedDrive, useNodeActions, } from "@powerhousedao/reactor-browser";
+const SNAPSHOT_REPORTS_FOLDER_NAME = "Snapshot Reports";
+/**
+ * Hook that handles automatic placement of snapshot report documents into the
+ * "Snapshot Reports" folder, organized by year based on startDate.
+ *
+ * This hook:
+ * 1. Creates the "Snapshot Reports" folder if it doesn't exist
+ * 2. Monitors for snapshot report documents dropped anywhere in the drive
+ * 3. Automatically moves them into year-based subfolders under "Snapshot Reports"
+ *
+ * Use this hook in any component that needs the auto-placement behavior,
+ * regardless of the current view (main overview, snapshot reports view, etc.)
+ */
+export function useSnapshotReportAutoPlacement() {
+    const [driveDocument] = useSelectedDrive();
+    const documentsInDrive = useDocumentsInSelectedDrive();
+    const { onMoveNode } = useNodeActions();
+    // Track which documents have been processed for auto-placement
+    const processedDocsRef = useRef(new Set());
+    const hasCreatedFolder = useRef(false);
+    // Find the "Snapshot Reports" folder in the drive
+    const snapshotReportsFolder = useMemo(() => {
+        if (!driveDocument)
+            return null;
+        const nodes = driveDocument.state.global.nodes;
+        return (nodes.find((node) => isFolderNodeKind(node) && node.name === SNAPSHOT_REPORTS_FOLDER_NAME) ?? null);
+    }, [driveDocument]);
+    // Build a set of all SNAPSHOT REPORT node IDs within the Snapshot Reports folder tree
+    // This only includes snapshot-report documents, not other document types
+    const snapshotReportsFolderNodeIds = useMemo(() => {
+        const nodeIds = new Set();
+        if (!snapshotReportsFolder || !driveDocument)
+            return nodeIds;
+        const allNodes = driveDocument.state.global.nodes;
+        // Recursively collect folder IDs and snapshot report file IDs within the Snapshot Reports folder
+        const collectNodeIds = (parentId) => {
+            nodeIds.add(parentId);
+            for (const node of allNodes) {
+                if (isFolderNodeKind(node) && node.parentFolder === parentId) {
+                    collectNodeIds(node.id);
+                }
+                else if (isFileNodeKind(node) &&
+                    node.parentFolder === parentId &&
+                    node.documentType === "powerhouse/snapshot-report") {
+                    // Only include snapshot-report documents, not other types
+                    nodeIds.add(node.id);
+                }
+            }
+        };
+        collectNodeIds(snapshotReportsFolder.id);
+        return nodeIds;
+    }, [snapshotReportsFolder, driveDocument]);
+    // Filter snapshot report documents that are inside the Snapshot Reports folder
+    const snapshotReportDocuments = useMemo(() => {
+        if (!documentsInDrive || !driveDocument)
+            return [];
+        // Get file nodes for snapshot reports in the Snapshot Reports folder
+        const snapshotReportFileNodes = driveDocument.state.global.nodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/snapshot-report" &&
+            snapshotReportsFolderNodeIds.has(node.id));
+        // Map file node IDs to their documents
+        const fileNodeIds = new Set(snapshotReportFileNodes.map((n) => n.id));
+        return documentsInDrive.filter((doc) => doc.header.documentType === "powerhouse/snapshot-report" &&
+            fileNodeIds.has(doc.header.id));
+    }, [documentsInDrive, driveDocument, snapshotReportsFolderNodeIds]);
+    // Create folder if it doesn't exist
+    useEffect(() => {
+        if (!driveDocument || snapshotReportsFolder || hasCreatedFolder.current)
+            return;
+        hasCreatedFolder.current = true;
+        const driveId = driveDocument.header.id;
+        void addFolder(driveId, SNAPSHOT_REPORTS_FOLDER_NAME);
+    }, [driveDocument, snapshotReportsFolder]);
+    // Get year folders that exist directly under the Snapshot Reports folder
+    const yearFolders = useMemo(() => {
+        if (!driveDocument || !snapshotReportsFolder)
+            return new Map();
+        const folders = new Map(); // year string -> folder node
+        for (const node of driveDocument.state.global.nodes) {
+            if (isFolderNodeKind(node) &&
+                node.parentFolder === snapshotReportsFolder.id &&
+                /^\d{4}$/.test(node.name) // folder name is a 4-digit year
+            ) {
+                folders.set(node.name, node);
+            }
+        }
+        return folders;
+    }, [driveDocument, snapshotReportsFolder]);
+    // Auto-place snapshot reports into year folders based on startDate
+    // This monitors ALL snapshot reports in the drive, not just those in the Snapshot Reports folder
+    useEffect(() => {
+        if (!driveDocument || !snapshotReportsFolder || !documentsInDrive)
+            return;
+        const driveId = driveDocument.header.id;
+        const allNodes = driveDocument.state.global.nodes;
+        // Find ALL snapshot report file nodes that are NOT inside the Snapshot Reports folder tree
+        // These need to be moved into the proper location
+        const snapshotReportNodesOutsideFolder = allNodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/snapshot-report" &&
+            !snapshotReportsFolderNodeIds.has(node.id));
+        // Also check for snapshot reports directly in the Snapshot Reports root folder
+        // (these need to be moved to year subfolders)
+        const snapshotReportNodesInRoot = allNodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/snapshot-report" &&
+            node.parentFolder === snapshotReportsFolder.id);
+        // Combine both sets of nodes that need processing
+        const nodesToProcess = [
+            ...snapshotReportNodesOutsideFolder,
+            ...snapshotReportNodesInRoot,
+        ];
+        // Process each snapshot report
+        for (const fileNode of nodesToProcess) {
+            // Skip if already processed
+            if (processedDocsRef.current.has(fileNode.id))
+                continue;
+            // Find the corresponding document to get startDate
+            const doc = documentsInDrive.find((d) => d.header.documentType === "powerhouse/snapshot-report" &&
+                d.header.id === fileNode.id);
+            if (!doc)
+                continue;
+            const startDate = doc.state.global.startDate;
+            if (!startDate) {
+                // No period defined - move to root of Snapshot Reports folder
+                // (this signals something might be wrong with the document)
+                processedDocsRef.current.add(fileNode.id);
+                // Only move if not already in the Snapshot Reports folder
+                if (!snapshotReportsFolderNodeIds.has(fileNode.id)) {
+                    onMoveNode(fileNode, snapshotReportsFolder).catch((error) => {
+                        console.error(`Failed to move snapshot report to Snapshot Reports folder:`, error);
+                        processedDocsRef.current.delete(fileNode.id);
+                    });
+                }
+                continue;
+            }
+            // Extract year from startDate
+            const year = new Date(startDate).getFullYear().toString();
+            // Mark as processed immediately to prevent duplicate processing
+            processedDocsRef.current.add(fileNode.id);
+            // Check if year folder exists
+            const existingYearFolder = yearFolders.get(year);
+            if (existingYearFolder) {
+                // Year folder exists - move the document there
+                onMoveNode(fileNode, existingYearFolder).catch((error) => {
+                    console.error(`Failed to move snapshot report to ${year} folder:`, error);
+                    // Remove from processed so it can be retried
+                    processedDocsRef.current.delete(fileNode.id);
+                });
+            }
+            else {
+                // Create year folder first, then move the document
+                addFolder(driveId, year, snapshotReportsFolder.id)
+                    .then((newFolder) => {
+                    if (newFolder) {
+                        // Move the document to the new year folder
+                        return onMoveNode(fileNode, newFolder);
+                    }
+                })
+                    .catch((error) => {
+                    console.error(`Failed to create ${year} folder or move snapshot report:`, error);
+                    // Remove from processed so it can be retried
+                    processedDocsRef.current.delete(fileNode.id);
+                });
+            }
+        }
+    }, [
+        driveDocument,
+        snapshotReportsFolder,
+        documentsInDrive,
+        snapshotReportsFolderNodeIds,
+        yearFolders,
+        onMoveNode,
+    ]);
+    return {
+        snapshotReportsFolder,
+        snapshotReportsFolderNodeIds,
+        snapshotReportDocuments,
+    };
+}

package/dist/editors/builder-team-admin/module.d.ts

@@ -0,0 +1,3 @@
+import { type EditorModule } from "document-model";
+export declare const BuilderTeamAdmin: EditorModule;
+//# sourceMappingURL=module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/builder-team-admin/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,gBAAgB,EAAE,YAO9B,CAAC"}

package/dist/editors/{clean-new-editor → builder-team-admin}/module.js

@@ -1,10 +1,10 @@
 import {} from "document-model";
 import { lazy } from "react";
-export const CleanNewEditor = {
+export const BuilderTeamAdmin = {
     Component: lazy(() => import("./editor.js")),
     documentTypes: ["powerhouse/document-drive"],
     config: {
-        id: "clean-new-editor",
-        name: "clean-new-editor",
+        id: "builder-team-admin",
+        name: "builder-team-admin",
     },
 };

package/dist/editors/builder-team-admin/utils/graphql-client.d.ts

@@ -0,0 +1,41 @@
+/**
+ * GraphQL client utility for fetching remote builder profiles from Switchboard.
+ * This is used as a fallback when local drives don't have the builder profile documents.
+ */
+export interface RemoteBuilderProfile {
+    id: string;
+    state: {
+        name: string | null;
+        slug: string | null;
+        icon: string | null;
+    };
+}
+/**
+ * Fetches all available remote drives
+ */
+export declare function fetchRemoteDrives(): Promise<string[]>;
+/**
+ * Fetches drive ID by slug
+ */
+export declare function fetchDriveIdBySlug(slug: string): Promise<string | null>;
+/**
+ * Fetches all builder profiles from a specific drive
+ */
+export declare function fetchBuilderProfilesFromDrive(driveId: string, options?: {
+    silent?: boolean;
+}): Promise<RemoteBuilderProfile[]>;
+/**
+ * Fetches a single builder profile by document ID
+ */
+export declare function fetchBuilderProfileById(docId: string, driveId?: string): Promise<RemoteBuilderProfile | null>;
+/**
+ * Fetches all builder profiles from all available remote drives.
+ * This aggregates profiles from multiple drives into a single list.
+ */
+export declare function fetchAllRemoteBuilderProfiles(): Promise<RemoteBuilderProfile[]>;
+/**
+ * Fetches multiple builder profiles by their IDs.
+ * Tries to find them across all available remote drives.
+ */
+export declare function fetchRemoteBuilderProfilesByIds(phids: string[]): Promise<Map<string, RemoteBuilderProfile>>;
+//# sourceMappingURL=graphql-client.d.ts.map

package/dist/editors/builder-team-admin/utils/graphql-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-client.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/utils/graphql-client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAmIH,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;KACrB,CAAC;CACH;AAcD;;GAEG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAG3D;AAED;;GAEG;AACH,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAM7E;AAED;;GAEG;AACH,wBAAsB,6BAA6B,CACjD,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAC7B,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAOjC;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAMtC;AAED;;;GAGG;AACH,wBAAsB,6BAA6B,IAAI,OAAO,CAC5D,oBAAoB,EAAE,CACvB,CA8BA;AAED;;;GAGG;AACH,wBAAsB,+BAA+B,CACnD,KAAK,EAAE,MAAM,EAAE,GACd,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAiC5C"}

package/dist/editors/builder-team-admin/utils/graphql-client.js

@@ -0,0 +1,189 @@
+/**
+ * GraphQL client utility for fetching remote builder profiles from Switchboard.
+ * This is used as a fallback when local drives don't have the builder profile documents.
+ */
+function getGraphQLUrl() {
+    if (typeof window === "undefined") {
+        return "http://localhost:4001/graphql";
+    }
+    const baseURI = window.document.baseURI;
+    if (baseURI.includes("localhost")) {
+        return "http://localhost:4001/graphql";
+    }
+    // Determine the appropriate Switchboard URL based on environment
+    if (baseURI.includes("-dev.")) {
+        return "https://switchboard-dev.powerhouse.xyz/graphql";
+    }
+    if (baseURI.includes("-staging.")) {
+        return "https://switchboard-staging.powerhouse.xyz/graphql";
+    }
+    // Production environment
+    return "https://switchboard.powerhouse.xyz/graphql";
+}
+async function graphqlRequest(query, variables, options) {
+    try {
+        const response = await fetch(getGraphQLUrl(), {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ query, variables }),
+        });
+        if (!response.ok) {
+            if (!options?.silent) {
+                console.warn("[graphql-client] Request failed:", response.status, response.statusText);
+            }
+            return null;
+        }
+        const result = (await response.json());
+        // Return data even if there are errors - partial data might still be useful
+        // Only treat as full failure if there's no data at all
+        if (result.errors?.length && !result.data) {
+            if (!options?.silent) {
+                console.warn("[graphql-client] GraphQL errors:", result.errors);
+            }
+            return null;
+        }
+        return result.data ?? null;
+    }
+    catch (error) {
+        // Silently fail - this is a fallback mechanism
+        if (!options?.silent) {
+            console.warn("[graphql-client] Request error:", error);
+        }
+        return null;
+    }
+}
+// Query to get all available drives
+const GET_DRIVES_QUERY = `
+  query GetDrives {
+    drives
+  }
+`;
+// Query to get drive ID by slug
+const GET_DRIVE_ID_BY_SLUG_QUERY = `
+  query GetDriveIdBySlug($slug: String!) {
+    driveIdBySlug(slug: $slug)
+  }
+`;
+// Query to get builder profile documents from a drive
+const GET_BUILDER_PROFILES_QUERY = `
+  query GetBuilderProfiles($driveId: String!) {
+    BuilderProfile {
+      getDocuments(driveId: $driveId) {
+        id
+        state {
+          name
+          slug
+          icon
+        }
+      }
+    }
+  }
+`;
+// Query to get a single builder profile by ID
+const GET_BUILDER_PROFILE_QUERY = `
+  query GetBuilderProfile($docId: PHID!, $driveId: PHID) {
+    BuilderProfile {
+      getDocument(docId: $docId, driveId: $driveId) {
+        id
+        state {
+          name
+          slug
+          icon
+        }
+      }
+    }
+  }
+`;
+/**
+ * Fetches all available remote drives
+ */
+export async function fetchRemoteDrives() {
+    const data = await graphqlRequest(GET_DRIVES_QUERY);
+    return data?.drives ?? [];
+}
+/**
+ * Fetches drive ID by slug
+ */
+export async function fetchDriveIdBySlug(slug) {
+    const data = await graphqlRequest(GET_DRIVE_ID_BY_SLUG_QUERY, { slug });
+    return data?.driveIdBySlug ?? null;
+}
+/**
+ * Fetches all builder profiles from a specific drive
+ */
+export async function fetchBuilderProfilesFromDrive(driveId, options) {
+    const data = await graphqlRequest(GET_BUILDER_PROFILES_QUERY, { driveId }, options);
+    return data?.BuilderProfile?.getDocuments ?? [];
+}
+/**
+ * Fetches a single builder profile by document ID
+ */
+export async function fetchBuilderProfileById(docId, driveId) {
+    const data = await graphqlRequest(GET_BUILDER_PROFILE_QUERY, { docId, driveId });
+    return data?.BuilderProfile?.getDocument ?? null;
+}
+/**
+ * Fetches all builder profiles from all available remote drives.
+ * This aggregates profiles from multiple drives into a single list.
+ */
+export async function fetchAllRemoteBuilderProfiles() {
+    try {
+        const drives = await fetchRemoteDrives();
+        if (!drives.length) {
+            return [];
+        }
+        // Fetch profiles from all drives in parallel (silent to avoid console spam)
+        const profilePromises = drives.map((driveSlug) => fetchBuilderProfilesFromDrive(driveSlug, { silent: true }).catch(() => []));
+        const profileArrays = await Promise.all(profilePromises);
+        // Flatten and dedupe by ID
+        const profileMap = new Map();
+        for (const profiles of profileArrays) {
+            for (const profile of profiles) {
+                if (!profileMap.has(profile.id)) {
+                    profileMap.set(profile.id, profile);
+                }
+            }
+        }
+        return Array.from(profileMap.values());
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Fetches multiple builder profiles by their IDs.
+ * Tries to find them across all available remote drives.
+ */
+export async function fetchRemoteBuilderProfilesByIds(phids) {
+    if (!phids.length) {
+        return new Map();
+    }
+    try {
+        // First, get all profiles from all drives
+        const allProfiles = await fetchAllRemoteBuilderProfiles();
+        // Filter to only the ones we need
+        const result = new Map();
+        for (const profile of allProfiles) {
+            if (phids.includes(profile.id)) {
+                result.set(profile.id, profile);
+            }
+        }
+        // For any missing profiles, try direct fetch
+        const missingPhids = phids.filter((phid) => !result.has(phid));
+        if (missingPhids.length > 0) {
+            const directFetches = missingPhids.map(async (phid) => {
+                const profile = await fetchBuilderProfileById(phid);
+                if (profile) {
+                    result.set(phid, profile);
+                }
+            });
+            await Promise.all(directFetches);
+        }
+        return result;
+    }
+    catch {
+        return new Map();
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveContents.tsx"],"names":[],"mappings":"AAMA,4DAA4D;AAC5D,wBAAgB,aAAa,4CAU5B"}
+{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveContents.tsx"],"names":[],"mappings":"AAUA,4DAA4D;AAC5D,wBAAgB,aAAa,4CAgB5B"}

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

@@ -4,7 +4,11 @@ import { EmptyState } from "./EmptyState.js";
 import { Files } from "./Files.js";
 import { Folders } from "./Folders.js";
 import { NavigationBreadcrumbs } from "./NavigationBreadcrumbs.js";
+import { ToastContainer } from "@powerhousedao/design-system/connect";
+import { HeaderStats } from "./InvoiceTable/HeaderStats.js";
+import { InvoiceTableContainer } from "./InvoiceTable/InvoiceTableContainer.js";
+import { Suspense } from "react";
 /** Shows the documents and folders in the selected drive */
 export function DriveContents() {
-    return (_jsxs("div", { className: "space-y-6 px-6", children: [_jsx(NavigationBreadcrumbs, {}), _jsx(Folders, {}), _jsx(Files, {}), _jsx(EmptyState, {}), _jsx(CreateDocument, {})] }));
+    return (_jsxs("div", { className: "container mx-auto flex-1 overflow-y-auto p-4", children: [_jsx(Suspense, { children: _jsx(HeaderStats, {}) }), _jsx(Suspense, { children: _jsx(InvoiceTableContainer, {}) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAiCtD"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAoCtD"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "@powerhousedao/design-system/connect";
-import { HeaderStats } from "./HeaderStats.js";
-import { InvoiceTableContainer } from "./InvoiceTableContainer.js";
+import { DriveContents } from "./DriveContents.js";
+import { FolderTree } from "./FolderTree.js";
 /**
  * Main drive explorer component for Contributor Billing.
  * Displays an operational hub with invoice management and billing statement generation.
@@ -9,9 +9,9 @@ import { InvoiceTableContainer } from "./InvoiceTableContainer.js";
 export function DriveExplorer({ children }) {
     // if a document is selected then its editor will be passed as children
     const showDocumentEditor = !!children;
-    return (_jsxs("div", { className: "contributor-billing-explorer h-full overflow-y-auto", children: [_jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), showDocumentEditor ? (
-            /* Document editor view */
-            children) : (
-            /* Operational Hub view */
-            _jsxs("div", { className: "container mx-auto p-4 space-y-4", children: [_jsx(HeaderStats, {}), _jsx(InvoiceTableContainer, {})] }))] }));
+    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsx(FolderTree, {}), _jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), _jsx("div", { className: "flex-1 min-w-0 h-full overflow-auto", children: showDocumentEditor ? (
+                /* Document editor view */
+                _jsx("div", { className: "min-h-full", children: children })) : (
+                /* Operational Hub view */
+                _jsx(DriveContents, {})) })] }));
 }

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

@@ -1,6 +1,15 @@
+/** Custom view types that don't correspond to document models */
+export type CustomView = "accounts" | "expense-report" | "snapshot-report" | null;
+type FolderTreeProps = {
+    onCustomViewChange?: (view: CustomView) => void;
+};
 /**
- * Hierarchical folder tree navigation component using Sidebar from document-engineering.
- * Displays folders and files in a tree structure with expand/collapse functionality, search, and resize support.
+ * Sidebar navigation component with hardcoded navigation sections.
+ * Displays Accounts as the main section.
+ * If an accounts document exists, clicking shows its editor.
+ * If it doesn't exist, clicking shows the create document modal.
+ * Account-transactions documents are shown as children of the Accounts node.
  */
-export declare function FolderTree(): import("react/jsx-runtime").JSX.Element;
+export declare function FolderTree({ onCustomViewChange }: FolderTreeProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=FolderTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AAyDA;;;GAGG;AACH,wBAAgB,UAAU,4CA0CzB"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AAeA,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,IAAI,CAAC;AA2CT,KAAK,eAAe,GAAG;IACrB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,kBAAkB,EAAE,EAAE,eAAe,2CAyIjE"}