@powerhousedao/contributor-billing 0.1.53 → 1.0.0-dev.10

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

@@ -1,13 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setName } from "document-model";
 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 { useDocumentsInSelectedDrive, useSelectedDrive, addDocument, dispatchActions, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo, useState } from "react";
+import { isValidName } from "document-drive";
 import { ExpenseReports } from "./expense-reports.js";
 import { SnapshotReports } from "./snapshot-reports.js";
 import { ResourcesServices } from "./ResourcesServices.js";
 import { ServiceSubscriptions } from "./service-subscriptions.js";
+import { actions as builderProfileActions } from "@powerhousedao/builder-profile/document-models/builder-profile";
+function generateCode(name) {
+    const words = name.trim().split(/\s+/).filter(Boolean);
+    if (words.length >= 2) {
+        // Acronym from first letter of each word, capped at 5
+        let code = words.map((w) => w[0]).join("");
+        // If only 2 words, pad with second letter of the first word
+        if (code.length < 3 && words[0].length > 1) {
+            code = words[0][0] + words[0][1] + words[1][0];
+        }
+        return code.slice(0, 5).toUpperCase();
+    }
+    // Single word: first, middle, last letter
+    const word = words[0];
+    const mid = Math.floor(word.length / 2);
+    return (word[0] + word[mid] + word[word.length - 1]).toUpperCase();
+}
 /**
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
@@ -17,15 +36,56 @@ export function DriveExplorer({ children }) {
     const showDocumentEditor = !!children;
     const documentsInSelectedDrive = useDocumentsInSelectedDrive();
     const [customView, setCustomView] = useState(null);
+    const [profileName, setProfileName] = useState("");
+    const [isCreating, setIsCreating] = useState(false);
+    const [selectedDrive] = useSelectedDrive();
     // 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
+    const handleCreateProfile = useCallback(async () => {
+        const trimmedName = profileName.trim();
+        const driveId = selectedDrive?.header.id;
+        if (!trimmedName || !driveId || isCreating)
+            return;
+        setIsCreating(true);
+        try {
+            const createdNode = await addDocument(driveId, trimmedName, "powerhouse/builder-profile");
+            if (!createdNode?.id) {
+                console.error("Failed to create builder profile document");
+                return;
+            }
+            // Set the profile name, slug, and code in the document state
+            const slug = trimmedName
+                .toLowerCase()
+                .replace(/[^a-z0-9]+/g, "-")
+                .replace(/^-|-$/g, "");
+            const code = generateCode(trimmedName);
+            await dispatchActions(builderProfileActions.updateProfile({ name: trimmedName, slug, code }), createdNode.id);
+            // Set the document name to match
+            await dispatchActions(setName(trimmedName), createdNode.id);
+            // Deselect so the main drive view renders instead of the document editor
+            setSelectedNode("");
+        }
+        catch (error) {
+            console.error("Error creating builder profile:", error);
+        }
+        finally {
+            setIsCreating(false);
+        }
+    }, [profileName, selectedDrive?.header.id, isCreating]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (isValidName(profileName) && !isCreating) {
+            void handleCreateProfile();
+        }
+    }, [profileName, isCreating, handleCreateProfile]);
+    // If no builder profile exists, show the creation form
     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" })] })] })] }) }));
+        const isValid = isValidName(profileName);
+        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("form", { onSubmit: handleSubmit, className: "mx-auto max-w-md", children: [!isValid && profileName && (_jsx("div", { className: "mb-2 text-sm text-red-500", children: "Document name must be valid URL characters." })), _jsx("input", { type: "text", value: profileName, onChange: (e) => setProfileName(e.target.value), placeholder: "Builder Profile name", maxLength: 100, disabled: isCreating, className: "mb-6 w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-base text-slate-900 placeholder-slate-400 shadow-sm outline-none transition-all focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 disabled:opacity-50" }), _jsxs("button", { type: "submit", disabled: !isValid || isCreating, className: "group relative w-full 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 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:hover:shadow-lg", children: [_jsxs("span", { className: "relative z-10 flex items-center justify-center gap-2", children: [_jsx("span", { children: isCreating ? "Creating..." : "Create Builder Profile" }), !isCreating && (_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 = () => {

package/dist/editors/builder-team-admin/module.js

@@ -5,6 +5,6 @@ export const BuilderTeamAdmin = {
     documentTypes: ["powerhouse/document-drive"],
     config: {
         id: "builder-team-admin",
-        name: "builder-team-admin",
+        name: "Builder Team Admin",
     },
 };

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

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

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

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Wallet, CheckCircle2, ArrowRight, Building2, User, } from "lucide-react";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useMemo } from "react";
 import { addDocument, useDocumentsInSelectedDrive, useSelectedDrive, setSelectedNode, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
-import { CreateHubProfileModal } from "./CreateHubProfileModal.js";
 /**
  * Dashboard home page for the Operational Hub
  * Shows setup status and guides users through important actions
@@ -97,8 +96,6 @@ export function DashboardHome({ onFolderSelect }) {
             parts.push(statusParts.join(", "));
         return parts.join(" · ");
     }, [selectedDrive, documentsInDrive, monthFolders.size, paymentsFolderIds]);
-    // State for custom create hub profile modal
-    const [showCreateHubModal, setShowCreateHubModal] = useState(false);
     const handleOpenAccounts = useCallback(async () => {
         if (accountsDocument) {
             setSelectedNode(accountsDocument.header.id);
@@ -124,9 +121,6 @@ export function DashboardHome({ onFolderSelect }) {
         if (operationalHubProfileDocument) {
             setSelectedNode(operationalHubProfileDocument.header.id);
         }
-        else {
-            setShowCreateHubModal(true);
-        }
     }, [operationalHubProfileDocument]);
     // Calculate setup progress with clickable steps
     const setupSteps = useMemo(() => {
@@ -165,5 +159,5 @@ export function DashboardHome({ onFolderSelect }) {
                                                             ? profileStats || "View and update your hub profile"
                                                             : "Set up your hub profile" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }), !operationalHubProfileDocument && (_jsx("div", { className: "mt-3 pt-3 border-t border-gray-100", children: _jsx("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 px-2 py-1 rounded", children: "Action Required" }) }))] }), _jsxs("button", { onClick: () => void handleOpenAccounts(), className: "bg-white rounded-xl border border-gray-200 p-5 text-left hover:shadow-md hover:border-blue-200 transition-all group", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `p-3 rounded-lg ${accountsDocument ? "bg-green-100" : "bg-amber-100"}`, children: _jsx(Wallet, { className: `w-5 h-5 ${accountsDocument ? "text-green-600" : "text-amber-600"}` }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Accounts" }), _jsx("p", { className: "text-sm text-gray-500", children: accountsDocument
                                                             ? accountStats || "View and manage accounts"
-                                                            : "Set up your accounts first" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }), !accountsDocument && (_jsx("div", { className: "mt-3 pt-3 border-t border-gray-100", children: _jsx("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 px-2 py-1 rounded", children: "Action Required" }) }))] }), _jsx("button", { onClick: handleOpenBilling, className: "bg-white rounded-xl border border-gray-200 p-5 text-left hover:shadow-md hover:border-blue-200 transition-all group", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-3 bg-blue-100 rounded-lg", children: _jsx(Building2, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Billing" }), _jsx("p", { className: "text-sm text-gray-500", children: billingStats || "Manage monthly billing cycles" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }) })] }), _jsx(CreateHubProfileModal, { isOpen: showCreateHubModal, onClose: () => setShowCreateHubModal(false) })] }));
+                                                            : "Set up your accounts first" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }), !accountsDocument && (_jsx("div", { className: "mt-3 pt-3 border-t border-gray-100", children: _jsx("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 px-2 py-1 rounded", children: "Action Required" }) }))] }), _jsx("button", { onClick: handleOpenBilling, className: "bg-white rounded-xl border border-gray-200 p-5 text-left hover:shadow-md hover:border-blue-200 transition-all group", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-3 bg-blue-100 rounded-lg", children: _jsx(Building2, { className: "w-5 h-5 text-blue-600" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Billing" }), _jsx("p", { className: "text-sm text-gray-500", children: billingStats || "Manage monthly billing cycles" })] })] }), _jsx(ArrowRight, { className: "w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" })] }) })] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentDropZone.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DocumentDropZone.tsx"],"names":[],"mappings":"AAUA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,GACf,EAAE,qBAAqB,2CA8IvB"}
+{"version":3,"file":"DocumentDropZone.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DocumentDropZone.tsx"],"names":[],"mappings":"AAUA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,GACf,EAAE,qBAAqB,2CAgLvB"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useOnDropFile, useSelectedDrive, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
-import { toast } from "@powerhousedao/design-system/connect";
 import { useDocumentAutoPlacement } from "../hooks/useDocumentAutoPlacement.js";
+import { cbToast } from "./cbToast.js";
 /**
  * Drop zone component that handles document uploads for the Contributor Billing drive.
  * Supports:
@@ -17,6 +17,35 @@ export function DocumentDropZone({ children, className = "", }) {
     const dragCounterRef = useRef(0);
     // Activate auto-placement hook
     useDocumentAutoPlacement();
+    // Safety net: reset drag state when the drag operation ends globally.
+    // This catches cases the component-level handlers miss:
+    // - Drop intercepted by child elements (stopPropagation)
+    // - Drag cancelled by leaving the browser window
+    // - Counter getting out of sync from DOM changes during drag
+    useEffect(() => {
+        const resetDragState = () => {
+            setIsDragging(false);
+            dragCounterRef.current = 0;
+        };
+        const handleDocumentDrop = () => {
+            resetDragState();
+        };
+        const handleDocumentDragLeave = (e) => {
+            // relatedTarget is null when the cursor leaves the browser window
+            if (!e.relatedTarget) {
+                resetDragState();
+            }
+        };
+        // Use capture phase for drop so it fires BEFORE any React handler
+        // can call stopPropagation (e.g., InvoiceTableContainer stops the
+        // event from reaching DocumentDropZone's React handler)
+        document.addEventListener("drop", handleDocumentDrop, true);
+        document.addEventListener("dragleave", handleDocumentDragLeave);
+        return () => {
+            document.removeEventListener("drop", handleDocumentDrop, true);
+            document.removeEventListener("dragleave", handleDocumentDragLeave);
+        };
+    }, []);
     const driveId = selectedDrive?.header.id;
     const handleDragEnter = useCallback((e) => {
         e.preventDefault();
@@ -53,7 +82,7 @@ export function DocumentDropZone({ children, className = "", }) {
         // Show error for rejected files
         if (rejectedFiles.length > 0) {
             const rejectedNames = rejectedFiles.map((f) => f.name).join(", ");
-            toast(`Only .phd files (Powerhouse documents) can be dropped here. Rejected: ${rejectedNames}`, { type: "error" });
+            cbToast(`Only .phd files (Powerhouse documents) can be dropped here. Rejected: ${rejectedNames}`, { type: "error" });
         }
         if (phdFiles.length === 0)
             return;
@@ -62,12 +91,12 @@ export function DocumentDropZone({ children, className = "", }) {
             try {
                 const fileNode = await onDropFile(file, (progress) => {
                     if (progress.stage === "complete") {
-                        toast(`Successfully uploaded ${file.name}`, {
+                        cbToast(`Successfully uploaded ${file.name}`, {
                             type: "success",
                         });
                     }
                     else if (progress.stage === "failed") {
-                        toast(`Failed to upload ${file.name}`, {
+                        cbToast(`Failed to upload ${file.name}`, {
                             type: "error",
                         });
                     }
@@ -81,10 +110,10 @@ export function DocumentDropZone({ children, className = "", }) {
                         if (doc) {
                             const docType = doc.header.documentType;
                             if (docType === "powerhouse/expense-report") {
-                                toast(`Expense report uploaded. It will be placed in the appropriate Reporting folder based on its period.`, { type: "info" });
+                                cbToast(`Expense report uploaded. It will be placed in the appropriate Reporting folder based on its period.`, { type: "info" });
                             }
                             else if (docType === "powerhouse/accounts") {
-                                toast(`Accounts document uploaded. It will remain at the root level.`, { type: "info" });
+                                cbToast(`Accounts document uploaded. It will remain at the root level.`, { type: "info" });
                             }
                         }
                     }, 1000);
@@ -92,7 +121,7 @@ export function DocumentDropZone({ children, className = "", }) {
             }
             catch (error) {
                 console.error("Error dropping file:", error);
-                toast(`Error uploading ${file.name}`, { type: "error" });
+                cbToast(`Error uploading ${file.name}`, { type: "error" });
             }
         });
         await Promise.allSettled(filePromises);

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":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,kBAAkB;IAC1B,cAAc,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,EAAE,kBAAkB,2CAyFpB"}
+{"version":3,"file":"DriveContents.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveContents.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,kBAAkB;IAC1B,cAAc,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,EAAE,kBAAkB,2CA6FpB"}

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

@@ -13,8 +13,11 @@ export function DriveContents({ selectedFolder, onFolderSelect, onActiveNodeIdCh
         return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsx(DashboardHome, { onFolderSelect: onFolderSelect }) }) }));
     }
     // Payments folder - show invoice table
+    // All content is inside InvoiceTableContainer so its drop zone covers the
+    // entire view — drops on the header or stats area are handled by the same
+    // folder-aware logic that moves invoices to the correct Payments folder.
     if (selectedFolder.folderType === "payments") {
-        return (_jsxs("div", { className: "container mx-auto flex-1 p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Payments - ", selectedFolder.monthName] }), _jsxs("p", { className: "text-gray-600", children: ["Manage invoices and billing statements for", " ", selectedFolder.monthName] })] }), _jsx(Suspense, { children: _jsx(HeaderStats, { folderId: selectedFolder.folderId }) }), _jsx(Suspense, { children: _jsx(InvoiceTableContainer, { folderId: selectedFolder.folderId, monthName: selectedFolder.monthName, reportingFolderId: selectedFolder.reportingFolderId }) })] }, selectedFolder.folderId));
+        return (_jsx("div", { className: "container mx-auto flex-1 p-4", children: _jsx(Suspense, { children: _jsxs(InvoiceTableContainer, { folderId: selectedFolder.folderId, monthName: selectedFolder.monthName, reportingFolderId: selectedFolder.reportingFolderId, children: [_jsxs("div", { className: "mb-4", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Payments - ", selectedFolder.monthName] }), _jsxs("p", { className: "text-gray-600", children: ["Manage invoices and billing statements for", " ", selectedFolder.monthName] })] }), _jsx(Suspense, { children: _jsx(HeaderStats, { folderId: selectedFolder.folderId }) })] }) }) }, selectedFolder.folderId));
     }
     // Reporting folder - show expense and snapshot reports
     if (selectedFolder.folderType === "reporting") {

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;AAQlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAwFtD"}
+{"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;AAkBlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqOtD"}

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ToastContainer } from "@powerhousedao/design-system/connect";
-import { useState, useEffect, useRef } from "react";
+import { setName } from "document-model";
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { useDocumentsInSelectedDrive, useSelectedDrive, addDocument, dispatchActions, setSelectedNode, } from "@powerhousedao/reactor-browser";
+import { isValidName } from "document-drive";
+import { setOperationalHubName } from "../../../document-models/operational-hub-profile/gen/configuration/creators.js";
+import { ToastRenderer } from "./ToastRenderer.js";
 import { DriveContents } from "./DriveContents.js";
 import { FolderTree } from "./FolderTree.js";
 import { FolderTreeErrorBoundary } from "./FolderTreeErrorBoundary.js";
@@ -12,6 +16,48 @@ import { DocumentDropZone } from "./DocumentDropZone.js";
 export function DriveExplorer({ children }) {
     // if a document is selected then its editor will be passed as children
     const showDocumentEditor = !!children;
+    const documentsInSelectedDrive = useDocumentsInSelectedDrive();
+    const [selectedDrive] = useSelectedDrive();
+    const [hubName, setHubName] = useState("");
+    const [isCreating, setIsCreating] = useState(false);
+    // Check if operational hub profile document exists
+    const hasHubProfile = useMemo(() => {
+        if (!documentsInSelectedDrive)
+            return false;
+        return documentsInSelectedDrive.some((doc) => doc.header.documentType === "powerhouse/operational-hub-profile");
+    }, [documentsInSelectedDrive]);
+    const handleCreateHubProfile = useCallback(async () => {
+        const trimmedName = hubName.trim();
+        const driveId = selectedDrive?.header.id;
+        if (!trimmedName || !driveId || isCreating)
+            return;
+        setIsCreating(true);
+        try {
+            const createdNode = await addDocument(driveId, trimmedName, "powerhouse/operational-hub-profile", undefined, undefined, undefined, "operational-hub-profile-editor");
+            if (!createdNode?.id) {
+                console.error("Failed to create operational hub profile document");
+                return;
+            }
+            // Set the hub name in the document state
+            await dispatchActions(setOperationalHubName({ name: trimmedName }), createdNode.id);
+            // Set the document name to match
+            await dispatchActions(setName(trimmedName), createdNode.id);
+            // Deselect so the main drive view renders instead of the document editor
+            setSelectedNode("");
+        }
+        catch (error) {
+            console.error("Error creating operational hub profile:", error);
+        }
+        finally {
+            setIsCreating(false);
+        }
+    }, [hubName, selectedDrive?.header.id, isCreating]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (isValidName(hubName) && !isCreating) {
+            void handleCreateHubProfile();
+        }
+    }, [hubName, isCreating, handleCreateHubProfile]);
     // Track which folder is selected for content routing
     const [selectedFolder, setSelectedFolder] = useState(null);
     // Track active node in sidebar for visual selection sync
@@ -47,7 +93,12 @@ export function DriveExplorer({ children }) {
             setActiveNodeId(folderInfo.folderId);
         }
     };
-    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsx(FolderTreeErrorBoundary, { children: _jsx(FolderTree, { onFolderSelect: handleFolderSelect, activeNodeId: activeNodeId, onActiveNodeIdChange: setActiveNodeId }) }), _jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), _jsx(DocumentDropZone, { className: "flex-1 min-w-0 h-full overflow-x-hidden overflow-y-auto", children: showDocumentEditor ? (
+    // If no hub profile exists, show the creation form
+    if (!hasHubProfile) {
+        const isValid = isValidName(hubName);
+        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-purple-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-purple-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-purple-600 to-indigo-600 p-3 shadow-lg shadow-purple-500/30", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "text-white", children: _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }), _jsx("h2", { className: "mb-4 text-3xl font-bold tracking-tight text-slate-900", children: "Create your Operational Hub" }), _jsx("p", { className: "mb-8 text-lg leading-relaxed text-slate-600", children: "Get started by creating your operational hub to manage accounts, billing, and financial reporting." }), _jsxs("form", { onSubmit: handleSubmit, className: "mx-auto max-w-md", children: [!isValid && hubName && (_jsx("div", { className: "mb-2 text-sm text-red-500", children: "Document name must be valid URL characters." })), _jsx("input", { type: "text", value: hubName, onChange: (e) => setHubName(e.target.value), placeholder: "Operational Hub name", maxLength: 100, disabled: isCreating, className: "mb-6 w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-base text-slate-900 placeholder-slate-400 shadow-sm outline-none transition-all focus:border-purple-500 focus:ring-2 focus:ring-purple-500/20 disabled:opacity-50" }), _jsxs("button", { type: "submit", disabled: !isValid || isCreating, className: "group relative w-full overflow-hidden rounded-xl bg-gradient-to-r from-purple-600 to-indigo-600 px-8 py-4 text-base font-semibold text-white shadow-lg shadow-purple-500/40 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/50 active:scale-100 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:hover:shadow-lg", children: [_jsxs("span", { className: "relative z-10 flex items-center justify-center gap-2", children: [_jsx("span", { children: isCreating ? "Creating..." : "Create Operational Hub" }), !isCreating && (_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-purple-700 to-indigo-700 opacity-0 transition-opacity duration-300 group-hover:opacity-100" })] })] })] })] }) }));
+    }
+    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsx(FolderTreeErrorBoundary, { children: _jsx(FolderTree, { onFolderSelect: handleFolderSelect, activeNodeId: activeNodeId, onActiveNodeIdChange: setActiveNodeId }) }), _jsx(ToastRenderer, {}), _jsx(DocumentDropZone, { className: "flex-1 min-w-0 h-full overflow-x-hidden overflow-y-auto", children: showDocumentEditor ? (
                 /* Document editor view */
                 _jsx("div", { className: "min-h-full", children: children })) : (
                 /* Folder content view */

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":"AA2CA,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,WAAW,GACX,SAAS,GACT,eAAe,GACf,IAAI,CAAC;AAET,+CAA+C;AAC/C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,KAAK,eAAe,GAAG;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,GACrB,EAAE,eAAe,2CA4cjB"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AA0CA,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,WAAW,GACX,SAAS,GACT,eAAe,GACf,IAAI,CAAC;AAET,+CAA+C;AAC/C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,KAAK,eAAe,GAAG;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,GACrB,EAAE,eAAe,2CA8bjB"}

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

@@ -4,7 +4,6 @@ import { addDocument, setSelectedNode, useDocumentsInSelectedDrive, useSelectedD
 import { Wallet, FileText, Building2, Calendar, CreditCard, BarChart3, Camera, User, } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 import { useBillingFolderStructure } from "../hooks/useBillingFolderStructure.js";
-import { CreateHubProfileModal } from "./CreateHubProfileModal.js";
 const ICON_SIZE = 16;
 const SUBSCRIPTIONS_FOLDER_NAME = "Subscriptions";
 /**
@@ -29,8 +28,6 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
     const [localActiveNodeId, setLocalActiveNodeId] = useState("");
     const activeNodeId = controlledActiveNodeId ?? localActiveNodeId;
     const setActiveNodeId = onActiveNodeIdChange ?? setLocalActiveNodeId;
-    // State for custom create hub profile modal
-    const [showCreateHubModal, setShowCreateHubModal] = useState(false);
     const documentsInDrive = useDocumentsInSelectedDrive();
     const [driveDocument] = useSelectedDrive();
     const { billingFolder, monthFolders, paymentsFolderIds, reportingFolderIds } = useBillingFolderStructure();
@@ -275,10 +272,6 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
                 onFolderSelect?.(null);
                 safeSetSelectedNode(operationalHubProfileDocument.header.id);
             }
-            else {
-                safeSetSelectedNode("");
-                setShowCreateHubModal(true);
-            }
             return;
         }
         // Check if this is an account-transactions child node
@@ -369,7 +362,7 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
     // Use a stable key based on the drive ID only
     // Previously this changed on every folder/document add, causing sidebar to remount and lose collapsed state
     const sidebarKey = driveDocument?.header.id || "empty";
-    return (_jsxs(_Fragment, { children: [_jsxs(SidebarProvider, { nodes: navigationSections, children: [_jsx("style", { children: `
+    return (_jsx(_Fragment, { children: _jsxs(SidebarProvider, { nodes: navigationSections, children: [_jsx("style", { children: `
             .folder-tree-sidebar .sidebar__item-caret--no-children {
               visibility: hidden;
             }
@@ -377,11 +370,9 @@ export function FolderTree({ onFolderSelect, activeNodeId: controlledActiveNodeI
               display: none;
             }
           ` }), _jsx(Sidebar, { className: "pt-1 folder-tree-sidebar", nodes: navigationSections, activeNodeId: sanitizedActiveNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: operationalHubProfileDocument?.state?.global?.name ||
-                            "Operational Hub", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
-                            onFolderSelect?.(null);
-                            safeSetSelectedNode("");
-                            setActiveNodeId("");
-                        } }, sidebarKey)] }), _jsx(CreateHubProfileModal, { isOpen: showCreateHubModal, onClose: () => setShowCreateHubModal(false), onCreated: () => {
-                    onFolderSelect?.(null);
-                } })] }));
+                        "Operational Hub", showSearchBar: false, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2, handleOnTitleClick: () => {
+                        onFolderSelect?.(null);
+                        safeSetSelectedNode("");
+                        setActiveNodeId("");
+                    } }, sidebarKey)] }) }));
 }

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderControls.d.ts

@@ -33,6 +33,7 @@ interface HeaderControlsProps {
         };
     }>;
     canExportSelectedRows: () => boolean;
+    onDeleteSelected?: (ids: string[]) => Promise<void>;
 }
-export declare const HeaderControls: ({ statusOptions, selectedStatuses, onStatusChange, onSearchChange, onExport, onExpenseReportExport, hasBillingStatements, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, invoices, billingStatements, canExportSelectedRows, }: HeaderControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderControls: ({ statusOptions, selectedStatuses, onStatusChange, onSearchChange, onExport, onExpenseReportExport, hasBillingStatements, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, invoices, billingStatements, canExportSelectedRows, onDeleteSelected, }: HeaderControlsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HeaderControls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,UAAU,mBAAmB;IAC3B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,mQAe5B,mBAAmB,4CAuPrB,CAAC"}
+{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAY/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,UAAU,mBAAmB;IAC3B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,cAAc,GAAI,qRAgB5B,mBAAmB,4CA4SrB,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTable/HeaderControls.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Select } from "@powerhousedao/document-engineering/ui";
-import { toast } from "@powerhousedao/design-system/connect";
+import { cbToast } from "../cbToast.js";
 import { ConfirmationModal } from "./ConfirmationModal.js";
 const currencyOptions = [
     { label: "CHF", value: "CHF" },
@@ -10,19 +10,22 @@ const currencyOptions = [
     { label: "GBP", value: "GBP" },
     { label: "JPY", value: "JPY" },
 ];
-export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, hasBillingStatements = false, onCreateOrOpenExpenseReport, selected = {}, handleCreateBillingStatement, setSelected, invoices = [], billingStatements = [], canExportSelectedRows, }) => {
+export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, hasBillingStatements = false, onCreateOrOpenExpenseReport, selected = {}, handleCreateBillingStatement, setSelected, invoices = [], billingStatements = [], canExportSelectedRows, onDeleteSelected, }) => {
     const batchOptions = [
         { label: "Generate Bill Statements", value: "generate-bills" },
         {
             label: "Export CSV Expense Report",
             value: "export-csv-expense-report",
         },
+        { label: "Delete Selected", value: "delete-selected" },
     ];
     const [showCurrencyModal, setShowCurrencyModal] = useState(false);
     const [selectedCurrency, setSelectedCurrency] = useState("CHF");
     const [showExpenseReportCurrencyModal, setShowExpenseReportCurrencyModal] = useState(false);
     const [selectedExpenseReportCurrency, setSelectedExpenseReportCurrency] = useState("CHF");
     const [selectedBatchAction, setSelectedBatchAction] = useState(undefined);
+    const [showDeleteConfirmModal, setShowDeleteConfirmModal] = useState(false);
+    const [deleteIds, setDeleteIds] = useState([]);
     const [isProcessing, setIsProcessing] = useState(false);
     // Simple batch action handler - matches working old code pattern
     const handleBatchAction = async (action) => {
@@ -30,10 +33,21 @@ export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onSt
             setShowExpenseReportCurrencyModal(true);
             return;
         }
+        if (action === "delete-selected") {
+            const selectedIds = Object.keys(selected).filter((id) => selected[id]);
+            if (selectedIds.length === 0) {
+                cbToast("No documents selected", { type: "warning" });
+                setTimeout(() => setSelectedBatchAction(undefined), 0);
+                return;
+            }
+            setDeleteIds(selectedIds);
+            setShowDeleteConfirmModal(true);
+            return;
+        }
         if (action === "generate-bills") {
             const selectedIds = Object.keys(selected).filter((id) => selected[id]);
             if (selectedIds.length === 0) {
-                toast("No invoices selected", { type: "warning" });
+                cbToast("No invoices selected", { type: "warning" });
                 setTimeout(() => setSelectedBatchAction(undefined), 0);
                 return;
             }
@@ -62,7 +76,7 @@ export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onSt
                 });
                 setSelected(updatedSelected);
                 const billNames = existingBills.join(", ");
-                toast(`Billing statements already exist for: ${billNames}`, {
+                cbToast(`Billing statements already exist for: ${billNames}`, {
                     type: "warning",
                 });
                 setTimeout(() => setSelectedBatchAction(undefined), 0);
@@ -75,7 +89,7 @@ export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onSt
                     updatedSelected[id] = false;
                 });
                 setSelected(updatedSelected);
-                toast("Invoice not ready, change status to ISSUED", {
+                cbToast("Invoice not ready, change status to ISSUED", {
                     type: "warning",
                 });
                 setTimeout(() => setSelectedBatchAction(undefined), 0);
@@ -120,5 +134,26 @@ export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onSt
                 }, header: "Select Base Currency", continueLabel: "Export", cancelLabel: "Cancel", children: [_jsx("p", { className: "text-red-600 text-sm mb-3 font-medium", children: "Warning: the chosen currency should match the base currency of the accounting system." }), _jsx("div", { className: "w-[200px]", children: _jsx(Select, { options: currencyOptions, onChange: (value) => setSelectedCurrency(value), placeholder: "Select Base Currency", value: selectedCurrency }) })] }), _jsxs(ConfirmationModal, { open: showExpenseReportCurrencyModal, onCancel: () => setShowExpenseReportCurrencyModal(false), onContinue: () => {
                     setShowExpenseReportCurrencyModal(false);
                     onExpenseReportExport?.(selectedExpenseReportCurrency);
-                }, header: "Select Base Currency", continueLabel: "Export", cancelLabel: "Cancel", children: [_jsx("p", { className: "text-red-600 text-sm mb-3 font-medium", children: "Warning: the chosen currency should match the base currency of the accounting system." }), _jsx("div", { className: "w-[200px]", children: _jsx(Select, { options: currencyOptions, onChange: (value) => setSelectedExpenseReportCurrency(value), placeholder: "Select Base Currency", value: selectedExpenseReportCurrency }) })] })] }));
+                }, header: "Select Base Currency", continueLabel: "Export", cancelLabel: "Cancel", children: [_jsx("p", { className: "text-red-600 text-sm mb-3 font-medium", children: "Warning: the chosen currency should match the base currency of the accounting system." }), _jsx("div", { className: "w-[200px]", children: _jsx(Select, { options: currencyOptions, onChange: (value) => setSelectedExpenseReportCurrency(value), placeholder: "Select Base Currency", value: selectedExpenseReportCurrency }) })] }), _jsx(ConfirmationModal, { open: showDeleteConfirmModal, onCancel: () => {
+                    setShowDeleteConfirmModal(false);
+                    setDeleteIds([]);
+                    setTimeout(() => setSelectedBatchAction(undefined), 0);
+                }, onContinue: async () => {
+                    setShowDeleteConfirmModal(false);
+                    setIsProcessing(true);
+                    try {
+                        await onDeleteSelected?.(deleteIds);
+                        // Clear selection for deleted docs
+                        const updatedSelected = { ...selected };
+                        deleteIds.forEach((id) => {
+                            delete updatedSelected[id];
+                        });
+                        setSelected(updatedSelected);
+                    }
+                    finally {
+                        setDeleteIds([]);
+                        setIsProcessing(false);
+                        setTimeout(() => setSelectedBatchAction(undefined), 100);
+                    }
+                }, header: "Delete Selected Documents", continueLabel: "Delete", cancelLabel: "Cancel", children: _jsxs("p", { className: "text-red-600 text-sm mb-3 font-medium", children: ["This will permanently delete ", deleteIds.length, " selected document", deleteIds.length !== 1 ? "s" : "", " from the drive. This action cannot be undone."] }) })] }));
 };

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

@@ -1,6 +1,6 @@
 import { type VetraDocumentModelModule } from "@powerhousedao/reactor-browser";
 import type { PHDocument } from "document-model";
-import type { FileNode } from "document-drive";
+import { type FileNode } from "document-drive";
 export declare const statusOptions: {
     label: string;
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,wBAAwB,EAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA6E/C,eAAO,MAAM,aAAa;;;GAUzB,CAAC;AAeF,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,CACX,QAAQ,EACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC7D,IAAI,CAAC;IACV,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;IACnD,qBAAqB,EAAE,CACrB,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;IACV,gBAAgB,EAAE,CAChB,EAAE,EAAE,MAAM,KACP,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7D,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;IACrC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA6BD,eAAO,MAAM,YAAY,GAAI,yLAY1B,iBAAiB,4CAmuBnB,CAAC"}
+{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,wBAAwB,EAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA6E3D,eAAO,MAAM,aAAa;;;GAUzB,CAAC;AAeF,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,CACX,QAAQ,EACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC7D,IAAI,CAAC;IACV,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;IACnD,qBAAqB,EAAE,CACrB,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;IACV,gBAAgB,EAAE,CAChB,EAAE,EAAE,MAAM,KACP,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7D,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;IACrC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA6BD,eAAO,MAAM,YAAY,GAAI,yLAY1B,iBAAiB,4CAkvBnB,CAAC"}