@powerhousedao/contributor-billing 0.1.31 → 0.1.32

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FolderTree } from "./FolderTree.js";
+import { DriveContents } from "./DriveContents.js";
+import { ContributorsSection } from "./team-members.js";
+import { useDocumentsInSelectedDrive, showCreateDocumentModal, } from "@powerhousedao/reactor-browser";
+import { useMemo, useState } from "react";
+import { ExpenseReports } from "./expense-reports.js";
+import { SnapshotReports } from "./snapshot-reports.js";
+/**
+ * Main drive explorer component with sidebar navigation and content area.
+ * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
+ */
+export function DriveExplorer({ children }) {
+    // if a document is selected then it's editor will be passed as children
+    const showDocumentEditor = !!children;
+    const documentsInSelectedDrive = useDocumentsInSelectedDrive();
+    const [customView, setCustomView] = useState(null);
+    // Check if builder profile document exists
+    const hasBuilderProfile = useMemo(() => {
+        if (!documentsInSelectedDrive)
+            return false;
+        return documentsInSelectedDrive.some((doc) => doc.header.documentType === "powerhouse/builder-profile");
+    }, [documentsInSelectedDrive]);
+    // If no builder profile exists, show only the intro dialog
+    if (!hasBuilderProfile) {
+        return (_jsx("div", { className: "flex h-full items-center justify-center px-4 py-12", children: _jsxs("div", { className: "relative w-full max-w-2xl overflow-hidden rounded-2xl border border-slate-200/50 bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40 p-12 shadow-xl shadow-slate-200/50 backdrop-blur-sm", children: [_jsx("div", { className: "absolute -right-20 -top-20 h-64 w-64 rounded-full bg-gradient-to-br from-blue-400/20 to-indigo-400/20 blur-3xl" }), _jsx("div", { className: "absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-gradient-to-br from-indigo-300/20 to-purple-300/20 blur-2xl" }), _jsxs("div", { className: "relative z-10 text-center", children: [_jsx("div", { className: "mb-6 inline-flex items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 p-3 shadow-lg shadow-blue-500/30", children: _jsx("svg", { className: "h-8 w-8 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) }), _jsx("h2", { className: "mb-4 text-3xl font-bold tracking-tight text-slate-900", children: "Create your Builder Team Profile" }), _jsx("p", { className: "mb-8 text-lg leading-relaxed text-slate-600", children: "Get started by creating your builder profile to manage your team, services, and build your presence in the Achra ecosystem." }), _jsxs("button", { className: "group relative overflow-hidden rounded-xl bg-gradient-to-r from-blue-600 to-indigo-600 px-8 py-4 text-base font-semibold text-white shadow-lg shadow-blue-500/40 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-blue-500/50 active:scale-100", onClick: () => showCreateDocumentModal("powerhouse/builder-profile"), children: [_jsxs("span", { className: "relative z-10 flex items-center gap-2", children: [_jsx("span", { children: "Create Builder Profile" }), _jsx("svg", { className: "h-5 w-5 transition-transform duration-300 group-hover:translate-x-1", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 7l5 5m0 0l-5 5m5-5H6" }) })] }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-700 to-indigo-700 opacity-0 transition-opacity duration-300 group-hover:opacity-100" })] })] })] }) }));
+    }
+    // Render the appropriate content based on state
+    const renderContent = () => {
+        // Document editor takes priority
+        if (showDocumentEditor) {
+            return children;
+        }
+        // Custom views
+        if (customView === "team-members") {
+            return _jsx(ContributorsSection, {});
+        }
+        if (customView === "expense-reports") {
+            return _jsx(ExpenseReports, {});
+        }
+        if (customView === "snapshot-reports") {
+            return _jsx(SnapshotReports, {});
+        }
+        // Default: folder contents
+        return _jsx(DriveContents, {});
+    };
+    // Normal layout when builder profile exists
+    return (_jsxs("div", { className: "flex h-full", children: [_jsx(FolderTree, { onCustomViewChange: setCustomView }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: renderContent() })] }));
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/EmptyState.tsx"],"names":[],"mappings":"AAEA,iEAAiE;AACjE,wBAAgB,UAAU,mDAWzB"}

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

@@ -0,0 +1,11 @@
+import type { ExpenseReportDocument } from "../../../document-models/expense-report/gen/types.js";
+type ExpenseReportsStatsProps = {
+    expenseReportDocuments: ExpenseReportDocument[];
+};
+/**
+ * Displays statistics and a line chart for expense reports.
+ * Shows total count, date range, total amount, and actuals over time.
+ */
+export declare function ExpenseReportsStats({ expenseReportDocuments, }: ExpenseReportsStatsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExpenseReportsStats.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpenseReportsStats.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/ExpenseReportsStats.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AASlG,KAAK,wBAAwB,GAAG;IAC9B,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;CACjD,CAAC;AAwQF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,sBAAsB,GACvB,EAAE,wBAAwB,2CA8G1B"}

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

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+/**
+ * Formats a number as USD currency
+ */
+function formatCurrency(value) {
+    return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+    }).format(value);
+}
+/**
+ * Formats a date as "MMM YYYY" (e.g., "Jan 2025")
+ */
+function formatPeriod(date) {
+    if (!date)
+        return "N/A";
+    return date.toLocaleDateString("en-US", { month: "short", year: "numeric" });
+}
+/**
+ * Simple SVG Line Chart component with hover tooltips
+ */
+function LineChart({ data }) {
+    const [hoveredPoint, setHoveredPoint] = useState(null);
+    // Sort data by period start date
+    const sortedData = useMemo(() => {
+        return [...data]
+            .filter((d) => d.periodStart !== null)
+            .sort((a, b) => {
+            if (!a.periodStart || !b.periodStart)
+                return 0;
+            return a.periodStart.getTime() - b.periodStart.getTime();
+        });
+    }, [data]);
+    if (sortedData.length === 0) {
+        return (_jsx("div", { className: "flex items-center justify-center h-48 text-gray-400", children: "No data with valid periods to display" }));
+    }
+    // Chart dimensions - increased padding to prevent clipping
+    const width = 450;
+    const height = 240;
+    const padding = { top: 50, right: 50, bottom: 60, left: 50 };
+    const chartWidth = width - padding.left - padding.right;
+    const chartHeight = height - padding.top - padding.bottom;
+    // Calculate scales
+    const maxActuals = Math.max(...sortedData.map((d) => d.totalActuals), 1);
+    const minTime = sortedData[0]?.periodStart?.getTime() ?? 0;
+    const maxTime = sortedData[sortedData.length - 1]?.periodStart?.getTime() ?? 1;
+    const timeRange = maxTime - minTime || 1;
+    // Generate points for the line
+    const points = sortedData.map((d, i) => {
+        const x = sortedData.length === 1
+            ? chartWidth / 2 + padding.left
+            : padding.left +
+                ((d.periodStart.getTime() - minTime) / timeRange) * chartWidth;
+        const y = padding.top + chartHeight - (d.totalActuals / maxActuals) * chartHeight;
+        return { x, y, data: d, index: i };
+    });
+    // Create SVG path for the line
+    const linePath = points.length > 1
+        ? points.reduce((path, point, i) => {
+            return (path +
+                (i === 0 ? `M ${point.x},${point.y}` : ` L ${point.x},${point.y}`));
+        }, "")
+        : "";
+    // Create area path (for gradient fill under line)
+    const areaPath = points.length > 1
+        ? linePath +
+            ` L ${points[points.length - 1].x},${padding.top + chartHeight}` +
+            ` L ${points[0].x},${padding.top + chartHeight} Z`
+        : "";
+    return (_jsxs("svg", { viewBox: `0 0 ${width} ${height}`, className: "w-full max-w-md", style: { minHeight: "200px" }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "areaGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "rgb(99, 102, 241)", stopOpacity: "0.3" }), _jsx("stop", { offset: "100%", stopColor: "rgb(99, 102, 241)", stopOpacity: "0.05" })] }) }), _jsx("line", { x1: padding.left, y1: padding.top, x2: padding.left, y2: padding.top + chartHeight, stroke: "#d1d5db", strokeWidth: "1" }), _jsx("line", { x1: padding.left, y1: padding.top + chartHeight, x2: width - 5, y2: padding.top + chartHeight, stroke: "#374151", strokeWidth: "1.5" }), _jsx("polygon", { points: `${width - 5},${padding.top + chartHeight - 4} ${width - 5},${padding.top + chartHeight + 4} ${width},${padding.top + chartHeight}`, fill: "#374151" }), areaPath && _jsx("path", { d: areaPath, fill: "url(#areaGradient)" }), linePath && (_jsx("path", { d: linePath, fill: "none", stroke: "rgb(99, 102, 241)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" })), points.map((point, i) => (_jsxs("g", { children: [_jsx("circle", { cx: point.x, cy: point.y, r: "20", fill: "transparent", style: { cursor: "pointer" }, onMouseEnter: () => setHoveredPoint(i), onMouseLeave: () => setHoveredPoint(null) }), _jsx("circle", { cx: point.x, cy: point.y, r: hoveredPoint === i ? 6 : 4, fill: "white", stroke: "rgb(99, 102, 241)", strokeWidth: "2", style: { transition: "r 0.15s ease" } }), hoveredPoint === i && (_jsxs("g", { children: [_jsx("rect", { x: point.x - 45, y: point.y - 35, width: "90", height: "24", rx: "4", fill: "#1f2937" }), _jsx("polygon", { points: `${point.x - 5},${point.y - 11} ${point.x + 5},${point.y - 11} ${point.x},${point.y - 6}`, fill: "#1f2937" }), _jsx("text", { x: point.x, y: point.y - 18, fontSize: "12", fill: "white", textAnchor: "middle", fontWeight: "500", children: formatCurrency(point.data.totalActuals) })] }))] }, i))), sortedData.length > 0 && (_jsxs(_Fragment, { children: [_jsx("text", { x: points[0].x, y: padding.top + chartHeight + 20, fontSize: "11", fill: "#6b7280", textAnchor: "middle", children: formatPeriod(sortedData[0].periodStart) }), sortedData.length > 1 && (_jsx("text", { x: points[points.length - 1].x, y: padding.top + chartHeight + 20, fontSize: "11", fill: "#6b7280", textAnchor: "middle", children: formatPeriod(sortedData[sortedData.length - 1].periodStart) }))] })), _jsx("text", { x: padding.left - 5, y: padding.top - 10, fontSize: "14", fill: "#374151", fontWeight: "bold", children: "$" }), _jsx("text", { x: width / 2, y: 16, fontSize: "14", fill: "#374151", textAnchor: "middle", fontWeight: "600", children: "Actuals Over Time" }), _jsxs("g", { transform: `translate(${width / 2 - 50}, ${height - 10})`, children: [_jsx("circle", { cx: "0", cy: "-4", r: "4", fill: "rgb(99, 102, 241)" }), _jsx("text", { x: "10", y: "0", fontSize: "11", fill: "#6b7280", children: "Total Actuals (USD)" })] })] }));
+}
+/**
+ * Displays statistics and a line chart for expense reports.
+ * Shows total count, date range, total amount, and actuals over time.
+ */
+export function ExpenseReportsStats({ expenseReportDocuments, }) {
+    // Extract and process data from expense report documents
+    const chartData = useMemo(() => {
+        return expenseReportDocuments.map((doc) => {
+            const state = doc.state.global;
+            // First try to get total actuals from group totals
+            let totalActuals = 0;
+            if (state.wallets) {
+                for (const wallet of state.wallets) {
+                    // Try group totals first
+                    if (wallet.totals) {
+                        for (const groupTotal of wallet.totals) {
+                            if (groupTotal?.totalActuals) {
+                                totalActuals += groupTotal.totalActuals;
+                            }
+                        }
+                    }
+                }
+                // If group totals are empty/zero, fall back to summing line item actuals
+                if (totalActuals === 0) {
+                    for (const wallet of state.wallets) {
+                        if (wallet.lineItems) {
+                            for (const lineItem of wallet.lineItems) {
+                                if (lineItem?.actuals) {
+                                    totalActuals += lineItem.actuals;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            return {
+                periodStart: state.periodStart ? new Date(state.periodStart) : null,
+                periodEnd: state.periodEnd ? new Date(state.periodEnd) : null,
+                totalActuals,
+                documentName: doc.header.name,
+            };
+        });
+    }, [expenseReportDocuments]);
+    // Calculate summary stats
+    const stats = useMemo(() => {
+        const validPeriods = chartData.filter((d) => d.periodStart !== null);
+        const sortedByStart = [...validPeriods].sort((a, b) => {
+            if (!a.periodStart || !b.periodStart)
+                return 0;
+            return a.periodStart.getTime() - b.periodStart.getTime();
+        });
+        const earliestPeriod = sortedByStart[0]?.periodStart ?? null;
+        const latestPeriod = sortedByStart[sortedByStart.length - 1]?.periodStart ?? null;
+        const totalActualsSum = chartData.reduce((sum, d) => sum + d.totalActuals, 0);
+        return {
+            count: expenseReportDocuments.length,
+            earliestPeriod,
+            latestPeriod,
+            totalActualsSum,
+        };
+    }, [chartData, expenseReportDocuments.length]);
+    return (_jsx("div", { className: "bg-white rounded-xl p-6 mb-6 border border-gray-200 shadow-sm", children: _jsxs("div", { className: "flex flex-row items-center justify-between gap-8", children: [_jsxs("div", { className: "space-y-3 flex-shrink-0", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-600 mb-4", children: "Some Stats :" }), _jsxs("div", { className: "space-y-2 text-gray-700", children: [_jsxs("p", { children: [_jsx("span", { className: "text-gray-500", children: "Total Expense Reports :" }), " ", _jsx("span", { className: "font-semibold text-xl text-gray-900", children: stats.count })] }), _jsxs("p", { children: [_jsx("span", { className: "text-gray-500", children: "Start Period :" }), " ", _jsx("span", { className: "font-medium text-gray-900", children: formatPeriod(stats.earliestPeriod) })] }), _jsxs("p", { children: [_jsx("span", { className: "text-gray-500", children: "Latest Period :" }), " ", _jsx("span", { className: "font-medium text-gray-900", children: formatPeriod(stats.latestPeriod) })] }), _jsxs("p", { children: [_jsx("span", { className: "text-gray-500", children: "Total Amount :" }), " ", _jsx("span", { className: "font-semibold text-xl text-indigo-600", children: formatCurrency(stats.totalActualsSum) })] })] })] }), _jsx("div", { className: "flex-1 max-w-md", children: _jsx(LineChart, { data: chartData }) })] }) }));
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Files.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/Files.tsx"],"names":[],"mappings":"AAMA,sDAAsD;AACtD,wBAAgB,KAAK,mDAiBpB"}

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

@@ -0,0 +1,14 @@
+/** Custom view types that don't correspond to document models */
+export type CustomView = "team-members" | "expense-reports" | "snapshot-reports" | null;
+type FolderTreeProps = {
+    onCustomViewChange?: (view: CustomView) => void;
+};
+/**
+ * Sidebar navigation component with hardcoded navigation sections.
+ * Displays Builder Profile, Team Members, Service Subscriptions, and Expense Reports.
+ * Clicking a section navigates to an existing document or creates one if none exists.
+ * The Expense Reports section dynamically shows folder contents as child nodes.
+ */
+export declare function FolderTree({ onCustomViewChange }: FolderTreeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FolderTree.d.ts.map

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

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

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

@@ -0,0 +1,307 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
+import { setSelectedNode, showCreateDocumentModal, useDocumentsInSelectedDrive, useSelectedDrive, isFolderNodeKind, isFileNodeKind, } from "@powerhousedao/reactor-browser";
+import { CreditCard, FileText, User, Users, Folder, Camera, Package, } from "lucide-react";
+import { useMemo, useState } from "react";
+const ICON_SIZE = 16;
+const EXPENSE_REPORTS_FOLDER_NAME = "Expense Reports";
+const SNAPSHOT_REPORTS_FOLDER_NAME = "Snapshot Reports";
+/**
+ * Maps navigation section IDs to their corresponding document types.
+ * When a section is clicked, the corresponding document type will be created or navigated to.
+ * A null value indicates the section uses a custom view instead.
+ */
+const SECTION_TO_DOCUMENT_TYPE = {
+    "builder-profile": "powerhouse/builder-profile",
+    "team-members": null, // Uses custom TeamMembers component
+    "service-subscriptions": "powerhouse/service-subscriptions",
+    "service-offering": "powerhouse/service-offering",
+    "expense-reports": null, // Uses custom ExpenseReports component
+    "snapshot-reports": null, // Uses custom SnapshotReports component
+};
+/**
+ * Maps navigation section IDs to custom view identifiers.
+ */
+const SECTION_TO_CUSTOM_VIEW = {
+    "team-members": "team-members",
+    "expense-reports": "expense-reports",
+    "snapshot-reports": "snapshot-reports",
+};
+/**
+ * Base navigation sections for the Builder Team Admin drive.
+ * The expense-reports and snapshot-reports sections will have dynamic children added based on folder contents.
+ */
+const BASE_NAVIGATION_SECTIONS = [
+    {
+        id: "builder-profile",
+        title: "Builder Profile",
+        icon: _jsx(User, { size: ICON_SIZE }),
+    },
+    {
+        id: "team-members",
+        title: "Team Members",
+        icon: _jsx(Users, { size: ICON_SIZE }),
+    },
+    {
+        id: "service-subscriptions",
+        title: "Service Subscriptions",
+        icon: _jsx(CreditCard, { size: ICON_SIZE }),
+    },
+    {
+        id: "service-offering",
+        title: "Service Offering",
+        icon: _jsx(Package, { size: ICON_SIZE }),
+    },
+    {
+        id: "expense-reports",
+        title: "Expense Reports",
+        icon: _jsx(FileText, { size: ICON_SIZE }),
+    },
+    {
+        id: "snapshot-reports",
+        title: "Snapshot Reports",
+        icon: _jsx(Camera, { size: ICON_SIZE }),
+    },
+];
+/**
+ * Recursively builds SidebarNode children from folder contents.
+ * Folders get folder icons, files get document icons.
+ */
+function buildSidebarNodesFromFolder(parentId, allNodes) {
+    // Find all nodes that are direct children of the parent folder
+    const childNodes = allNodes.filter((node) => {
+        if (isFolderNodeKind(node)) {
+            return node.parentFolder === parentId;
+        }
+        if (isFileNodeKind(node)) {
+            return node.parentFolder === parentId;
+        }
+        return false;
+    });
+    return childNodes.map((node) => {
+        const isFolder = isFolderNodeKind(node);
+        const sidebarNode = {
+            id: node.id,
+            title: node.name,
+            icon: isFolder ? (_jsx(Folder, { size: ICON_SIZE })) : (_jsx(FileText, { size: ICON_SIZE })),
+        };
+        // Recursively add children for folders
+        if (isFolder) {
+            const children = buildSidebarNodesFromFolder(node.id, allNodes);
+            if (children.length > 0) {
+                sidebarNode.children = children;
+            }
+        }
+        return sidebarNode;
+    });
+}
+/**
+ * Sidebar navigation component with hardcoded navigation sections.
+ * Displays Builder Profile, Team Members, Service Subscriptions, and Expense Reports.
+ * Clicking a section navigates to an existing document or creates one if none exists.
+ * The Expense Reports section dynamically shows folder contents as child nodes.
+ */
+export function FolderTree({ onCustomViewChange }) {
+    const [activeNodeId, setActiveNodeId] = useState(BASE_NAVIGATION_SECTIONS[0].id);
+    const documentsInDrive = useDocumentsInSelectedDrive();
+    const [driveDocument] = useSelectedDrive();
+    // Find the "Expense Reports" folder in the drive
+    const expenseReportsFolder = useMemo(() => {
+        if (!driveDocument)
+            return null;
+        const nodes = driveDocument.state.global.nodes;
+        return nodes.find((node) => isFolderNodeKind(node) && node.name === EXPENSE_REPORTS_FOLDER_NAME);
+    }, [driveDocument]);
+    // 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);
+    }, [driveDocument]);
+    // Build a set of all node IDs that are within the Expense Reports folder tree
+    const expenseReportsNodeIds = useMemo(() => {
+        const nodeIds = new Set();
+        if (!expenseReportsFolder || !driveDocument)
+            return nodeIds;
+        const allNodes = driveDocument.state.global.nodes;
+        // Recursively collect all node IDs within the Expense 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) {
+                    nodeIds.add(node.id);
+                }
+            }
+        };
+        collectNodeIds(expenseReportsFolder.id);
+        return nodeIds;
+    }, [expenseReportsFolder, driveDocument]);
+    // Build a set of all node IDs that are within the Snapshot Reports folder tree
+    const snapshotReportsNodeIds = useMemo(() => {
+        const nodeIds = new Set();
+        if (!snapshotReportsFolder || !driveDocument)
+            return nodeIds;
+        const allNodes = driveDocument.state.global.nodes;
+        // Recursively collect all node 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) {
+                    nodeIds.add(node.id);
+                }
+            }
+        };
+        collectNodeIds(snapshotReportsFolder.id);
+        return nodeIds;
+    }, [snapshotReportsFolder, driveDocument]);
+    // Find the builder profile document and get its state
+    const builderProfileDocument = useMemo(() => {
+        if (!documentsInDrive)
+            return null;
+        return documentsInDrive.find((doc) => doc.header.documentType === "powerhouse/builder-profile");
+    }, [documentsInDrive]);
+    // Check if builder profile document exists - don't show sidebar if it doesn't
+    const hasBuilderProfile = builderProfileDocument !== null;
+    // Get the isOperator flag from the builder profile state
+    const isOperator = useMemo(() => {
+        if (!builderProfileDocument)
+            return false;
+        const state = builderProfileDocument.state?.global;
+        return state?.isOperator ?? false;
+    }, [builderProfileDocument]);
+    // Build navigation sections with dynamic expense reports and snapshot reports children
+    const navigationSections = useMemo(() => {
+        if (!driveDocument) {
+            return BASE_NAVIGATION_SECTIONS;
+        }
+        const allNodes = driveDocument.state.global.nodes;
+        // Build expense reports children
+        const expenseReportsChildren = expenseReportsFolder
+            ? buildSidebarNodesFromFolder(expenseReportsFolder.id, allNodes)
+            : [];
+        // Build snapshot reports children
+        const snapshotReportsChildren = snapshotReportsFolder
+            ? buildSidebarNodesFromFolder(snapshotReportsFolder.id, allNodes)
+            : [];
+        // Filter and transform the sections based on isOperator flag
+        return BASE_NAVIGATION_SECTIONS
+            // Hide "Service Offering" when isOperator is false
+            .filter((section) => {
+            if (section.id === "service-offering" && !isOperator) {
+                return false;
+            }
+            return true;
+        })
+            // Transform sections with dynamic content
+            .map((section) => {
+            // Change "Builder Profile" to "Operator Profile" when isOperator is true
+            if (section.id === "builder-profile" && isOperator) {
+                return {
+                    ...section,
+                    title: "Operator Profile",
+                };
+            }
+            if (section.id === "expense-reports" &&
+                expenseReportsChildren.length > 0) {
+                return {
+                    ...section,
+                    children: expenseReportsChildren,
+                };
+            }
+            if (section.id === "snapshot-reports" &&
+                snapshotReportsChildren.length > 0) {
+                return {
+                    ...section,
+                    children: snapshotReportsChildren,
+                };
+            }
+            return section;
+        });
+    }, [expenseReportsFolder, snapshotReportsFolder, driveDocument, isOperator]);
+    // Create a map of document type to existing document (first one found)
+    const existingDocumentsByType = useMemo(() => {
+        const map = {};
+        if (!documentsInDrive)
+            return map;
+        for (const doc of documentsInDrive) {
+            const docType = doc.header.documentType;
+            // Only store the first document of each type (singleton pattern)
+            if (!map[docType]) {
+                map[docType] = doc.header.id;
+            }
+        }
+        return map;
+    }, [documentsInDrive]);
+    // Don't render if no builder profile exists
+    if (!hasBuilderProfile) {
+        return null;
+    }
+    const handleActiveNodeChange = (node) => {
+        setActiveNodeId(node.id);
+        // Check if this is a child node within the Expense Reports folder
+        if (expenseReportsNodeIds.has(node.id)) {
+            // Check if it's a folder or a document
+            const driveNode = driveDocument?.state.global.nodes.find((n) => n.id === node.id);
+            if (driveNode && isFolderNodeKind(driveNode)) {
+                // It's a folder - navigate to it within the expense reports view
+                onCustomViewChange?.("expense-reports");
+                setSelectedNode(node.id);
+            }
+            else if (driveNode && isFileNodeKind(driveNode)) {
+                // It's a document - open the document editor
+                onCustomViewChange?.(null);
+                setSelectedNode(node.id);
+            }
+            return;
+        }
+        // Check if this is a child node within the Snapshot Reports folder
+        if (snapshotReportsNodeIds.has(node.id)) {
+            // Check if it's a folder or a document
+            const driveNode = driveDocument?.state.global.nodes.find((n) => n.id === node.id);
+            if (driveNode && isFolderNodeKind(driveNode)) {
+                // It's a folder - navigate to it within the snapshot reports view
+                onCustomViewChange?.("snapshot-reports");
+                setSelectedNode(node.id);
+            }
+            else if (driveNode && isFileNodeKind(driveNode)) {
+                // It's a document - open the document editor
+                onCustomViewChange?.(null);
+                setSelectedNode(node.id);
+            }
+            return;
+        }
+        // Check if this section has a custom view
+        const customView = SECTION_TO_CUSTOM_VIEW[node.id];
+        if (customView) {
+            onCustomViewChange?.(customView);
+            setSelectedNode(""); // Deselect any document so custom view can render
+            return;
+        }
+        // Clear custom view when navigating to a document
+        onCustomViewChange?.(null);
+        const documentType = SECTION_TO_DOCUMENT_TYPE[node.id];
+        if (!documentType)
+            return;
+        const existingDocId = existingDocumentsByType[documentType];
+        if (existingDocId) {
+            // Navigate to the existing document
+            setSelectedNode(existingDocId);
+        }
+        else {
+            // Clear selected node to create document at drive root, not in current folder
+            setSelectedNode("");
+            showCreateDocumentModal(documentType);
+        }
+    };
+    return (_jsx(SidebarProvider, { nodes: navigationSections, children: _jsx(Sidebar, { className: "pt-1", nodes: navigationSections, activeNodeId: activeNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: "Builder Team Admin", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
+                onCustomViewChange?.(null);
+                setSelectedNode("");
+            } }) }));
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Folders.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/Folders.tsx"],"names":[],"mappings":"AAMA,wDAAwD;AACxD,wBAAgB,OAAO,mDAgBtB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/NavigationBreadcrumbs.tsx"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,wBAAgB,qBAAqB,4CAMpC"}

package/dist/editors/builder-team-admin/components/expense-reports.d.ts

@@ -0,0 +1,2 @@
+export declare function ExpenseReports(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=expense-reports.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expense-reports.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/expense-reports.tsx"],"names":[],"mappings":"AAgJA,wBAAgB,cAAc,4CA0H7B"}