@powerhousedao/builder-team-admin 0.0.1

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileItem } from "@powerhousedao/design-system/connect";
+import { useNodesInSelectedDriveOrFolder, isFileNodeKind, } from "@powerhousedao/reactor-browser";
+/** Shows the files in the selected drive or folder */
+export function Files() {
+    const nodes = useNodesInSelectedDriveOrFolder();
+    const fileNodes = nodes.filter((n) => isFileNodeKind(n));
+    const hasFiles = fileNodes.length > 0;
+    if (!hasFiles)
+        return null;
+    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold text-gray-600", children: "Documents" }), _jsx("div", { className: "flex flex-wrap gap-4", children: fileNodes.map((fileNode) => (_jsx(FileItem, { fileNode: fileNode }, fileNode.id))) })] }));
+}

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" | 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":"AAoBA,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,iBAAiB,GAAG,IAAI,CAAC;AA4FnE,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,kDAmKjE"}

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

@@ -0,0 +1,209 @@
+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 } from "lucide-react";
+import { useMemo, useState } from "react";
+const ICON_SIZE = 16;
+const EXPENSE_REPORTS_FOLDER_NAME = "Expense 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",
+    "expense-reports": null, // Uses custom ExpenseReports component
+};
+/**
+ * Maps navigation section IDs to custom view identifiers.
+ */
+const SECTION_TO_CUSTOM_VIEW = {
+    "team-members": "team-members",
+    "expense-reports": "expense-reports",
+};
+/**
+ * Base navigation sections for the Builder Team Admin drive.
+ * The expense-reports section 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: "expense-reports",
+        title: "Expense Reports",
+        icon: _jsx(FileText, { 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]);
+    // 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 navigation sections with dynamic expense reports children
+    const navigationSections = useMemo(() => {
+        if (!expenseReportsFolder || !driveDocument) {
+            return BASE_NAVIGATION_SECTIONS;
+        }
+        const allNodes = driveDocument.state.global.nodes;
+        const expenseReportsChildren = buildSidebarNodesFromFolder(expenseReportsFolder.id, allNodes);
+        // Replace the expense-reports section with one that has children
+        return BASE_NAVIGATION_SECTIONS.map((section) => {
+            if (section.id === "expense-reports" &&
+                expenseReportsChildren.length > 0) {
+                return {
+                    ...section,
+                    children: expenseReportsChildren,
+                };
+            }
+            return section;
+        });
+    }, [expenseReportsFolder, driveDocument]);
+    // Check if builder profile document exists - don't show sidebar if it doesn't
+    const hasBuilderProfile = useMemo(() => {
+        if (!documentsInDrive)
+            return false;
+        return documentsInDrive.some((doc) => doc.header.documentType === "powerhouse/builder-profile");
+    }, [documentsInDrive]);
+    // 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 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 {
+            // Create a new document
+            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

@@ -0,0 +1,3 @@
+/** Shows the folders in the selected drive or folder */
+export declare function Folders(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Folders.d.ts.map

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/Folders.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FolderItem } from "@powerhousedao/design-system/connect";
+import { useNodesInSelectedDriveOrFolder, isFolderNodeKind, } from "@powerhousedao/reactor-browser";
+/** Shows the folders in the selected drive or folder */
+export function Folders() {
+    const nodes = useNodesInSelectedDriveOrFolder();
+    const folderNodes = nodes.filter((n) => isFolderNodeKind(n));
+    const hasFolders = folderNodes.length > 0;
+    if (!hasFolders)
+        return null;
+    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-bold text-gray-600", children: "Folders" }), _jsx("div", { className: "flex flex-wrap gap-4", children: folderNodes.map((folderNode) => (_jsx(FolderItem, { folderNode: folderNode }, folderNode.id))) })] }));
+}

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

@@ -0,0 +1,3 @@
+/** Shows the navigation breadcrumbs for the selected drive or folder */
+export declare function NavigationBreadcrumbs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NavigationBreadcrumbs.d.ts.map

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/NavigationBreadcrumbs.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Breadcrumbs } from "@powerhousedao/design-system/connect";
+/** Shows the navigation breadcrumbs for the selected drive or folder */
+export function NavigationBreadcrumbs() {
+    return (_jsx("div", { className: "border-b border-gray-200 pb-3 space-y-3", children: _jsx(Breadcrumbs, {}) }));
+}

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":"AAqJA,wBAAgB,cAAc,4CAiS7B"}

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

@@ -0,0 +1,250 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileItem } from "@powerhousedao/design-system/connect";
+import { FolderItem } from "@powerhousedao/design-system/connect";
+import { isFolderNodeKind, isFileNodeKind, addFolder, useSelectedDrive, setSelectedNode, useSelectedNodePath, useNodesInSelectedDriveOrFolder, useSelectedDriveId, useUserPermissions, useDocumentsInSelectedDrive, useNodeActions, } from "@powerhousedao/reactor-browser";
+import { useMemo, useEffect, useRef, useState, Fragment } from "react";
+import { Plus } from "lucide-react";
+import { ExpenseReportsStats } from "./ExpenseReportsStats.js";
+const EXPENSE_REPORTS_FOLDER_NAME = "Expense Reports";
+/**
+ * Simple inline input for creating new folders.
+ */
+function FolderNameInput({ onSubmit, onCancel, }) {
+    const [value, setValue] = useState("New Folder");
+    const inputRef = useRef(null);
+    useEffect(() => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+    }, []);
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            if (value.trim()) {
+                onSubmit(value.trim());
+            }
+        }
+        else if (e.key === "Escape") {
+            onCancel();
+        }
+    };
+    return (_jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, onBlur: () => {
+            if (value.trim()) {
+                onSubmit(value.trim());
+            }
+            else {
+                onCancel();
+            }
+        }, className: "text-gray-800 bg-transparent border-b border-gray-400 outline-none px-1 py-0.5 text-sm min-w-[100px]", placeholder: "New Folder" }));
+}
+/**
+ * Custom breadcrumbs component that treats "Expense Reports" folder as the root.
+ * Only shows path from "Expense Reports" folder onwards.
+ * Includes folder creation functionality.
+ */
+function ExpenseReportsBreadcrumbs({ rootFolderId }) {
+    const selectedNodePath = useSelectedNodePath();
+    const selectedDriveId = useSelectedDriveId();
+    const { isAllowedToCreateDocuments } = useUserPermissions();
+    const [isCreating, setIsCreating] = useState(false);
+    // Find the index of the root folder in the path
+    const rootIndex = selectedNodePath.findIndex((node) => node.id === rootFolderId);
+    // Get the path starting from (and including) the root folder
+    const visiblePath = rootIndex >= 0 ? selectedNodePath.slice(rootIndex) : selectedNodePath;
+    const handleAddNew = () => {
+        setIsCreating(true);
+    };
+    const handleSubmit = (name) => {
+        if (!isAllowedToCreateDocuments || !selectedDriveId)
+            return;
+        const parentFolderId = selectedNodePath.at(-1)?.id;
+        addFolder(selectedDriveId, name, parentFolderId)
+            .then((node) => {
+            if (node) {
+                setSelectedNode(node);
+            }
+        })
+            .catch((error) => {
+            console.error(error);
+        })
+            .finally(() => {
+            setIsCreating(false);
+        });
+    };
+    const handleCancel = () => {
+        setIsCreating(false);
+    };
+    return (_jsxs("div", { className: "flex h-9 flex-row items-center gap-2 text-gray-500 border-b border-gray-200 pb-3", children: [visiblePath.map((node) => (_jsxs(Fragment, { children: [_jsx("div", { className: "transition-colors last-of-type:text-gray-800 hover:text-gray-800 cursor-pointer", onClick: () => setSelectedNode(node.id), role: "button", children: node.name }), _jsx("span", { children: "/" })] }, node.id))), isAllowedToCreateDocuments &&
+                (isCreating ? (_jsx(FolderNameInput, { onSubmit: handleSubmit, onCancel: handleCancel })) : (_jsxs("button", { type: "button", className: "ml-1 flex items-center justify-center gap-2 rounded-md bg-gray-50 px-2 py-1.5 transition-colors hover:bg-gray-200 hover:text-gray-800", onClick: handleAddNew, children: [_jsx(Plus, { size: 14 }), "Add new"] })))] }));
+}
+export function ExpenseReports() {
+    const [driveDocument] = useSelectedDrive();
+    const hasCreatedFolder = useRef(false);
+    const hasNavigatedToFolder = useRef(false);
+    const selectedNodePath = useSelectedNodePath();
+    const nodesInCurrentFolder = useNodesInSelectedDriveOrFolder();
+    const documentsInDrive = useDocumentsInSelectedDrive();
+    // 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]);
+    // Build a set of all node IDs within the Expense Reports folder tree
+    const expenseReportsFolderNodeIds = 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]);
+    // Filter expense report documents that are inside the Expense Reports folder
+    const expenseReportDocuments = useMemo(() => {
+        if (!documentsInDrive || !driveDocument)
+            return [];
+        // Get file nodes for expense reports in the Expense Reports folder
+        const expenseReportFileNodes = driveDocument.state.global.nodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/expense-report" &&
+            expenseReportsFolderNodeIds.has(node.id));
+        // Map file node IDs to their documents
+        const fileNodeIds = new Set(expenseReportFileNodes.map((n) => n.id));
+        return documentsInDrive.filter((doc) => doc.header.documentType === "powerhouse/expense-report" &&
+            fileNodeIds.has(doc.header.id));
+    }, [documentsInDrive, driveDocument, expenseReportsFolderNodeIds]);
+    // Create folder if it doesn't exist
+    useEffect(() => {
+        if (!driveDocument || expenseReportsFolder || hasCreatedFolder.current)
+            return;
+        hasCreatedFolder.current = true;
+        const driveId = driveDocument.header.id;
+        void addFolder(driveId, EXPENSE_REPORTS_FOLDER_NAME);
+    }, [driveDocument, expenseReportsFolder]);
+    // Navigate to the folder when it exists (only once on mount)
+    useEffect(() => {
+        if (expenseReportsFolder && !hasNavigatedToFolder.current) {
+            hasNavigatedToFolder.current = true;
+            setSelectedNode(expenseReportsFolder.id);
+        }
+    }, [expenseReportsFolder]);
+    // Check if we're currently within the Expense Reports folder tree
+    const isWithinExpenseReports = useMemo(() => {
+        if (!expenseReportsFolder)
+            return false;
+        return selectedNodePath.some((node) => node.id === expenseReportsFolder.id);
+    }, [selectedNodePath, expenseReportsFolder]);
+    // If user navigated outside Expense Reports folder, bring them back
+    useEffect(() => {
+        if (expenseReportsFolder &&
+            !isWithinExpenseReports &&
+            hasNavigatedToFolder.current) {
+            setSelectedNode(expenseReportsFolder.id);
+        }
+    }, [expenseReportsFolder, isWithinExpenseReports]);
+    // Track which documents have been processed for auto-placement
+    const processedDocsRef = useRef(new Set());
+    // Get node actions for moving files
+    const { onMoveNode } = useNodeActions();
+    // Get year folders that exist directly under the Expense Reports folder
+    const yearFolders = useMemo(() => {
+        if (!driveDocument || !expenseReportsFolder)
+            return new Map();
+        const folders = new Map(); // year string -> folder node
+        for (const node of driveDocument.state.global.nodes) {
+            if (isFolderNodeKind(node) &&
+                node.parentFolder === expenseReportsFolder.id &&
+                /^\d{4}$/.test(node.name) // folder name is a 4-digit year
+            ) {
+                folders.set(node.name, node);
+            }
+        }
+        return folders;
+    }, [driveDocument, expenseReportsFolder]);
+    // Auto-place expense reports into year folders based on periodStart
+    useEffect(() => {
+        if (!driveDocument || !expenseReportsFolder || !documentsInDrive)
+            return;
+        const driveId = driveDocument.header.id;
+        const allNodes = driveDocument.state.global.nodes;
+        // Find expense report file nodes that are directly in the Expense Reports root folder
+        const expenseReportNodesInRoot = allNodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/expense-report" &&
+            node.parentFolder === expenseReportsFolder.id);
+        // Process each expense report in the root folder
+        for (const fileNode of expenseReportNodesInRoot) {
+            // Skip if already processed
+            if (processedDocsRef.current.has(fileNode.id))
+                continue;
+            // Find the corresponding document to get periodStart
+            const doc = documentsInDrive.find((d) => d.header.documentType === "powerhouse/expense-report" &&
+                d.header.id === fileNode.id);
+            if (!doc)
+                continue;
+            const periodStart = doc.state.global.periodStart;
+            if (!periodStart) {
+                // No period defined - leave in root folder (this signals something is wrong)
+                processedDocsRef.current.add(fileNode.id);
+                continue;
+            }
+            // Extract year from periodStart
+            const year = new Date(periodStart).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 expense 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, expenseReportsFolder.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 expense report:`, error);
+                    // Remove from processed so it can be retried
+                    processedDocsRef.current.delete(fileNode.id);
+                });
+            }
+        }
+    }, [
+        driveDocument,
+        expenseReportsFolder,
+        documentsInDrive,
+        yearFolders,
+        onMoveNode,
+    ]);
+    // Show loading state while folder is being created
+    if (!expenseReportsFolder) {
+        return (_jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("div", { className: "text-gray-500", children: "Setting up Expense Reports folder..." }) }));
+    }
+    // Get folder and file nodes from current selection
+    const folderNodes = nodesInCurrentFolder.filter((n) => isFolderNodeKind(n));
+    const fileNodes = nodesInCurrentFolder.filter((n) => isFileNodeKind(n));
+    const hasFolders = folderNodes.length > 0;
+    const hasFiles = fileNodes.length > 0;
+    const isEmpty = !hasFolders && !hasFiles;
+    const hasExpenseReports = expenseReportDocuments.length > 0;
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-2xl font-bold text-center mb-4", children: "Expense Reports" }), _jsxs("div", { className: "space-y-6 px-6", children: [hasExpenseReports && (_jsx(ExpenseReportsStats, { expenseReportDocuments: expenseReportDocuments })), _jsx(ExpenseReportsBreadcrumbs, { rootFolderId: expenseReportsFolder.id }), hasFolders && (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-bold text-gray-600", children: "Folders" }), _jsx("div", { className: "flex flex-wrap gap-4", children: folderNodes.map((folderNode) => (_jsx(FolderItem, { folderNode: folderNode }, folderNode.id))) })] })), hasFiles && (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold text-gray-600", children: "Documents" }), _jsx("div", { className: "flex flex-wrap gap-4", children: fileNodes.map((fileNode) => (_jsx(FileItem, { fileNode: fileNode }, fileNode.id))) })] })), isEmpty && (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx("div", { className: "text-gray-400 mb-2", children: _jsx("svg", { className: "w-16 h-16 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }), _jsx("p", { className: "text-gray-500 text-sm", children: "No expense reports yet. Add documents to this folder to get started." })] }))] })] }));
+}

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

@@ -0,0 +1,10 @@
+import type { BuilderProfileDocument } from "@powerhousedao/builder-profile/document-models/builder-profile";
+type ProfileHeaderProps = {
+    builderProfileDoc: BuilderProfileDocument | null;
+};
+/**
+ * Hero section displaying the builder team profile with avatar and name.
+ */
+export declare function ProfileHeader({ builderProfileDoc }: ProfileHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ProfileHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/ProfileHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gEAAgE,CAAC;AAE7G,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAClD,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,iBAAiB,EAAE,EAAE,kBAAkB,kDA2DtE"}

package/dist/editors/builder-team-admin/components/overview/ProfileHeader.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Hero section displaying the builder team profile with avatar and name.
+ */
+export function ProfileHeader({ builderProfileDoc }) {
+    if (!builderProfileDoc) {
+        return null;
+    }
+    const { name, icon, slug } = builderProfileDoc.state.global;
+    const displayName = name || "Unnamed Team";
+    const initials = displayName
+        .split(" ")
+        .map((word) => word[0])
+        .join("")
+        .slice(0, 2)
+        .toUpperCase();
+    return (_jsxs("div", { className: "relative overflow-hidden rounded-2xl bg-gradient-to-br from-slate-50 via-indigo-50/40 to-blue-50/30 p-8 border border-slate-200/60", children: [_jsx("div", { className: "absolute -right-16 -top-16 h-48 w-48 rounded-full bg-gradient-to-br from-indigo-200/30 to-blue-200/30 blur-2xl" }), _jsx("div", { className: "absolute -bottom-12 -left-12 h-32 w-32 rounded-full bg-gradient-to-br from-slate-200/40 to-indigo-200/30 blur-xl" }), _jsxs("div", { className: "relative z-10 flex items-center gap-6", children: [_jsxs("div", { className: "relative", children: [icon ? (_jsx("img", { src: icon, alt: displayName, className: "h-20 w-20 rounded-2xl object-cover shadow-lg shadow-slate-300/50 ring-4 ring-white/80", onError: (e) => {
+                                    e.currentTarget.style.display = "none";
+                                    const fallback = e.currentTarget.nextElementSibling;
+                                    if (fallback) {
+                                        fallback.style.display = "flex";
+                                    }
+                                } })) : null, _jsx("div", { className: `h-20 w-20 rounded-2xl bg-gradient-to-br from-indigo-500 to-blue-600 shadow-lg shadow-indigo-400/30 ring-4 ring-white/80 ${icon ? "hidden" : "flex"} items-center justify-center`, children: _jsx("span", { className: "text-2xl font-bold text-white", children: initials }) })] }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight text-slate-900", children: displayName }), slug && (_jsxs("p", { className: "mt-1 text-base font-medium text-slate-500", children: ["@", slug] }))] })] })] }));
+}

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

@@ -0,0 +1,15 @@
+import type { ServiceSubscription } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+type SubscriptionsStatsProps = {
+    subscriptions: ServiceSubscription[];
+};
+/**
+ * Displays subscription statistics in a 4-column card grid.
+ * Shows: Active count, Trial count, Monthly cost estimate, Seats usage.
+ */
+export declare function SubscriptionsStats({ subscriptions }: SubscriptionsStatsProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Empty state placeholder when no subscriptions document exists.
+ */
+export declare function SubscriptionsEmptyState(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubscriptionsStats.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionsStats.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/SubscriptionsStats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yEAAyE,CAAC;AAEnH,KAAK,uBAAuB,GAAG;IAC7B,aAAa,EAAE,mBAAmB,EAAE,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,EAAE,uBAAuB,2CA+E5E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,4CA6BtC"}