@powerhousedao/contributor-billing 0.1.41 → 0.1.43

package/dist/editors/billing-statement/components/lineItemsTable.js

@@ -161,27 +161,27 @@ const LineItemsTable = (props) => {
     if (showTagTable) {
         return (_jsx(LineItemTagsTable, { lineItems: state.lineItems, onClose: () => setShowTagTable(false), dispatch: dispatch }));
     }
-    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs font-semibold tracking-[0.24em] text-black/60", children: "LINE ITEMS" }), _jsx("div", { className: "text-sm text-black/50", children: "Double\u2011click a row to edit. Click outside to save." })] }), _jsx("div", { className: "flex items-center justify-between gap-3 sm:justify-end", children: _jsxs("button", { type: "button", onClick: () => setShowTagTable(!showTagTable), className: "group inline-flex items-center gap-2 rounded-full border border-black/15 bg-[#efe8da] px-3 py-2 text-xs font-semibold tracking-wide text-black/80 shadow-[0_10px_28px_rgba(15,23,42,0.10)] transition hover:bg-[#e7ddc9] focus:outline-none focus-visible:ring-2 focus-visible:ring-black/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white", "aria-label": "Open tag editor", children: [_jsx(Tag, { className: "h-4 w-4 text-black/70" }), "Tags"] }) })] }), _jsxs("div", { className: "mt-4 overflow-hidden rounded-xl border border-black/10 bg-white shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]", children: [_jsx("div", { className: "overflow-x-auto", ref: tableRef, children: _jsx("div", { className: "min-w-[980px]", children: _jsxs("table", { className: "w-full border-collapse text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-[#efe8da] text-[#14120f]", children: [_jsx("th", { className: "w-10 border-b border-black/10 px-2 py-3 text-center text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "#" }), _jsx("th", { className: "w-[28rem] border-b border-black/10 px-3 py-3 text-left text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "DESCRIPTION" }), _jsx("th", { className: "w-44 border-b border-black/10 px-3 py-3 text-left text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "UNIT" }), _jsx("th", { className: "w-20 border-b border-black/10 px-3 py-3 text-right text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "QTY" }), _jsx("th", { className: "w-28 border-b border-black/10 px-3 py-3 text-right text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "FIAT/UNIT" }), _jsx("th", { className: "w-28 border-b border-black/10 px-3 py-3 text-right text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "POWT/UNIT" }), _jsx("th", { className: "w-32 border-b border-black/10 px-3 py-3 text-right text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "TOTAL FIAT" }), _jsx("th", { className: "w-32 border-b border-black/10 px-3 py-3 text-right text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "TOTAL POWT" }), _jsx("th", { className: "w-16 border-b border-black/10 px-2 py-3 text-center text-[11px] font-semibold tracking-[0.20em] text-black/70" })] }) }), _jsxs("tbody", { className: "text-black/90", children: [state.lineItems.map((item, idx) => editingRow === idx ? (_jsxs("tr", { className: "bg-[#fff3cf] shadow-[inset_0_0_0_1px_rgba(245,158,11,0.35)]", children: [_jsx("td", { className: "border-b border-black/10 px-2 py-3 text-center font-mono text-xs tabular-nums text-black/60", children: idx + 1 }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(InputField, { input: localLineItem.description, value: localLineItem.description, onBlur: () => { }, handleInputChange: (e) => handleInputChange("description", e.target.value), className: "w-full rounded-lg border border-black/15 bg-white px-3 py-2 text-sm shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(Select, { options: units, value: localLineItem.unit, onChange: (value) => handleInputChange("unit", value), className: "w-44 rounded-lg border border-black/15 bg-white px-2 py-2 text-sm" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(NumberForm, { number: localLineItem.quantity, handleInputChange: (e) => handleInputChange("quantity", e.target.value), className: "w-24 rounded-lg border border-black/15 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(NumberForm, { number: localLineItem.unitPriceCash, handleInputChange: (e) => handleInputChange("unitPriceCash", String(e.target.value)), className: "w-28 rounded-lg border border-black/15 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(NumberForm, { number: localLineItem.unitPricePwt, handleInputChange: (e) => handleInputChange("unitPricePwt", e.target.value), className: "w-28 rounded-lg border border-black/15 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums text-black/70", children: localLineItem.quantity && localLineItem.unitPriceCash
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-[11px] font-medium uppercase tracking-wider text-slate-400", children: "Line Items" }), _jsx("div", { className: "text-sm text-slate-400", children: "Double\u2011click a row to edit. Click outside to save." })] }), _jsx("div", { className: "flex items-center gap-3", children: _jsxs("button", { type: "button", onClick: () => setShowTagTable(!showTagTable), className: "group inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2 text-xs font-medium text-slate-600 shadow-sm transition hover:bg-slate-50 hover:border-slate-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/20 focus-visible:ring-offset-2", "aria-label": "Open tag editor", children: [_jsx(Tag, { className: "h-4 w-4 text-slate-400" }), "Tags"] }) })] }), _jsxs("div", { className: "mt-5 overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-sm", children: [_jsx("div", { className: "overflow-x-auto", ref: tableRef, children: _jsx("div", { className: "min-w-[980px]", children: _jsxs("table", { className: "w-full border-collapse text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gradient-to-r from-slate-50 to-blue-50/30", children: [_jsx("th", { className: "w-10 border-b border-slate-100 px-2 py-3.5 text-center text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "#" }), _jsx("th", { className: "w-[28rem] border-b border-slate-100 px-3 py-3.5 text-left text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "Description" }), _jsx("th", { className: "w-44 border-b border-slate-100 px-3 py-3.5 text-left text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "Unit" }), _jsx("th", { className: "w-20 border-b border-slate-100 px-3 py-3.5 text-right text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "Qty" }), _jsx("th", { className: "w-28 border-b border-slate-100 px-3 py-3.5 text-right text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "Fiat/Unit" }), _jsx("th", { className: "w-28 border-b border-slate-100 px-3 py-3.5 text-right text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "POWT/Unit" }), _jsx("th", { className: "w-32 border-b border-slate-100 px-3 py-3.5 text-right text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "Total Fiat" }), _jsx("th", { className: "w-32 border-b border-slate-100 px-3 py-3.5 text-right text-[11px] font-medium uppercase tracking-wide text-slate-500", children: "Total POWT" }), _jsx("th", { className: "w-16 border-b border-slate-100 px-2 py-3.5 text-center text-[11px] font-medium uppercase tracking-wide text-slate-500" })] }) }), _jsxs("tbody", { className: "text-slate-700", children: [state.lineItems.map((item, idx) => editingRow === idx ? (_jsxs("tr", { className: "bg-blue-50/50 shadow-[inset_0_0_0_1px_rgba(59,130,246,0.15)]", children: [_jsx("td", { className: "border-b border-slate-100 px-2 py-3 text-center text-xs text-slate-400", children: idx + 1 }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(InputField, { input: localLineItem.description, value: localLineItem.description, onBlur: () => { }, handleInputChange: (e) => handleInputChange("description", e.target.value), className: "w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(Select, { options: units, value: localLineItem.unit, onChange: (value) => handleInputChange("unit", value), className: "w-44 rounded-xl border border-slate-200 bg-white px-2 py-2 text-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(NumberForm, { number: localLineItem.quantity, handleInputChange: (e) => handleInputChange("quantity", e.target.value), className: "w-24 rounded-xl border border-slate-200 bg-white px-3 py-2 text-right shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(NumberForm, { number: localLineItem.unitPriceCash, handleInputChange: (e) => handleInputChange("unitPriceCash", String(e.target.value)), className: "w-28 rounded-xl border border-slate-200 bg-white px-3 py-2 text-right shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(NumberForm, { number: localLineItem.unitPricePwt, handleInputChange: (e) => handleInputChange("unitPricePwt", e.target.value), className: "w-28 rounded-xl border border-slate-200 bg-white px-3 py-2 text-right shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-3 text-right text-slate-500", children: localLineItem.quantity && localLineItem.unitPriceCash
                                                             ? Number(localLineItem.quantity) *
                                                                 Number(localLineItem.unitPriceCash)
-                                                            : "" }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums text-black/70", children: localLineItem.quantity && localLineItem.unitPricePwt
+                                                            : "" }), _jsx("td", { className: "border-b border-slate-100 px-3 py-3 text-right text-slate-500", children: localLineItem.quantity && localLineItem.unitPricePwt
                                                             ? Number(localLineItem.quantity) *
                                                                 Number(localLineItem.unitPricePwt)
-                                                            : "" }), _jsx("td", { className: "border-b border-black/10 px-2 py-3 text-center", children: _jsx("button", { type: "button", onClick: (e) => {
+                                                            : "" }), _jsx("td", { className: "border-b border-slate-100 px-2 py-3 text-center", children: _jsx("button", { type: "button", onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 handleDeleteLineItem(String(localLineItem.id));
-                                                            }, className: "inline-flex items-center justify-center rounded-lg p-1.5 text-red-600/70 transition hover:bg-red-50 hover:text-red-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/20 focus-visible:ring-offset-1", "aria-label": "Delete line item", children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, item.id)) : (_jsxs("tr", { className: "cursor-pointer odd:bg-[#fbf8f1] even:bg-white hover:bg-[#fff3cf]/60", onDoubleClick: () => {
+                                                            }, className: "inline-flex items-center justify-center rounded-lg p-1.5 text-red-400 transition hover:bg-red-50 hover:text-red-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500/20 focus-visible:ring-offset-1", "aria-label": "Delete line item", children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, item.id)) : (_jsxs("tr", { className: "cursor-pointer odd:bg-slate-50/30 even:bg-white hover:bg-blue-50/30 transition-colors", onDoubleClick: () => {
                                                     setEditingRow(idx);
                                                     setLocalLineItem({ ...item });
-                                                }, children: [_jsx("td", { className: "border-b border-black/10 px-2 py-3 text-center font-mono text-xs tabular-nums text-black/60", children: idx + 1 }), _jsx("td", { className: "border-b border-black/10 px-3 py-3", children: item.description }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-center text-xs font-semibold tracking-wide text-black/60", children: item.unit }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums", children: item.quantity }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums", children: formatNumber(item.unitPriceCash) }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums", children: formatNumber(item.unitPricePwt) }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums", children: formatNumber(item.totalPriceCash) }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums", children: formatNumber(item.totalPricePwt) }), _jsx("td", { className: "border-b border-black/10 px-2 py-3 text-center", children: _jsx("button", { type: "button", onClick: (e) => {
+                                                }, children: [_jsx("td", { className: "border-b border-slate-50 px-2 py-3 text-center text-xs text-slate-400", children: idx + 1 }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-slate-700", children: item.description }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-center text-xs font-medium tracking-wide text-slate-500", children: item.unit }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-right text-slate-700", children: item.quantity }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-right text-slate-700", children: formatNumber(item.unitPriceCash) }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-right text-slate-700", children: formatNumber(item.unitPricePwt) }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-right text-slate-700", children: formatNumber(item.totalPriceCash) }), _jsx("td", { className: "border-b border-slate-50 px-3 py-3 text-right text-slate-700", children: formatNumber(item.totalPricePwt) }), _jsx("td", { className: "border-b border-slate-50 px-2 py-3 text-center", children: _jsx("button", { type: "button", onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 handleDeleteLineItem(item.id);
-                                                            }, className: "inline-flex items-center justify-center rounded-lg p-1.5 text-red-600/70 transition hover:bg-red-50 hover:text-red-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-600/20 focus-visible:ring-offset-1", "aria-label": "Delete line item", children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, item.id))), isAddingNew && (_jsxs("tr", { className: "bg-[#e8fff3] shadow-[inset_0_0_0_1px_rgba(16,185,129,0.22)]", children: [_jsx("td", { className: "border-b border-black/10 px-2 py-3 text-center font-mono text-xs tabular-nums text-black/60", children: state.lineItems.length + 1 }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(InputField, { input: newLineItem.description, value: newLineItem.description, onBlur: () => { }, handleInputChange: (e) => handleNewLineItemChange("description", e.target.value), className: "w-full rounded-lg border border-black/15 bg-white px-3 py-2 text-sm shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(Select, { options: units, value: newLineItem.unit, onChange: (value) => handleNewLineItemChange("unit", value), className: "w-44 rounded-lg border border-black/15 bg-white px-2 py-2 text-sm" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(NumberForm, { number: newLineItem.quantity, handleInputChange: (e) => handleNewLineItemChange("quantity", e.target.value), className: "w-24 rounded-lg border border-black/15 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(NumberForm, { number: newLineItem.unitPriceCash, handleInputChange: (e) => handleNewLineItemChange("unitPriceCash", String(e.target.value)), className: "w-28 rounded-lg border border-black/15 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-2", children: _jsx(NumberForm, { number: newLineItem.unitPricePwt, handleInputChange: (e) => handleNewLineItemChange("unitPricePwt", e.target.value), className: "w-28 rounded-lg border border-black/15 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]" }) }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums text-black/70", children: newLineItem.quantity && newLineItem.unitPriceCash
+                                                            }, className: "inline-flex items-center justify-center rounded-lg p-1.5 text-red-400 transition hover:bg-red-50 hover:text-red-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500/20 focus-visible:ring-offset-1", "aria-label": "Delete line item", children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, item.id))), isAddingNew && (_jsxs("tr", { className: "bg-emerald-50/50 shadow-[inset_0_0_0_1px_rgba(16,185,129,0.15)]", children: [_jsx("td", { className: "border-b border-slate-100 px-2 py-3 text-center text-xs text-slate-400", children: state.lineItems.length + 1 }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(InputField, { input: newLineItem.description, value: newLineItem.description, onBlur: () => { }, handleInputChange: (e) => handleNewLineItemChange("description", e.target.value), className: "w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(Select, { options: units, value: newLineItem.unit, onChange: (value) => handleNewLineItemChange("unit", value), className: "w-44 rounded-xl border border-slate-200 bg-white px-2 py-2 text-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(NumberForm, { number: newLineItem.quantity, handleInputChange: (e) => handleNewLineItemChange("quantity", e.target.value), className: "w-24 rounded-xl border border-slate-200 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(NumberForm, { number: newLineItem.unitPriceCash, handleInputChange: (e) => handleNewLineItemChange("unitPriceCash", String(e.target.value)), className: "w-28 rounded-xl border border-slate-200 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-2", children: _jsx(NumberForm, { number: newLineItem.unitPricePwt, handleInputChange: (e) => handleNewLineItemChange("unitPricePwt", e.target.value), className: "w-28 rounded-xl border border-slate-200 bg-white px-3 py-2 text-right font-mono tabular-nums shadow-sm" }) }), _jsx("td", { className: "border-b border-slate-100 px-3 py-3 text-right font-mono tabular-nums text-slate-500", children: newLineItem.quantity && newLineItem.unitPriceCash
                                                             ? Number(newLineItem.quantity) *
                                                                 Number(newLineItem.unitPriceCash)
-                                                            : "" }), _jsx("td", { className: "border-b border-black/10 px-3 py-3 text-right font-mono tabular-nums text-black/70", children: newLineItem.quantity && newLineItem.unitPricePwt
+                                                            : "" }), _jsx("td", { className: "border-b border-slate-100 px-3 py-3 text-right font-mono tabular-nums text-slate-500", children: newLineItem.quantity && newLineItem.unitPricePwt
                                                             ? Number(newLineItem.quantity) *
                                                                 Number(newLineItem.unitPricePwt)
-                                                            : "" }), _jsx("td", { className: "border-b border-black/10 px-2 py-3 text-center" })] }))] })] }) }) }), !isAddingNew && (_jsx("div", { className: "flex justify-center bg-[#fbf8f1] px-4 py-4", children: _jsxs("button", { onClick: handleAddLineItem, className: "inline-flex items-center gap-2 rounded-full border border-black/15 bg-[#efe8da] px-4 py-2 text-xs font-semibold tracking-wide text-black/80 shadow-[0_10px_28px_rgba(15,23,42,0.10)] transition hover:bg-[#e7ddc9] focus:outline-none focus-visible:ring-2 focus-visible:ring-black/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white", children: [_jsx(Plus, { className: "h-4 w-4 text-black/70" }), "Add Line Item"] }) })), isAddingNew && (_jsxs("div", { className: "flex justify-center gap-2 bg-[#fbf8f1] px-4 py-4", children: [_jsx("button", { onClick: handleSaveNewLineItem, className: "rounded-full bg-emerald-600 px-4 py-2 text-xs font-semibold tracking-wide text-white shadow-[0_10px_28px_rgba(0,0,0,0.18)] transition hover:bg-emerald-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-600/60 focus-visible:ring-offset-2 focus-visible:ring-offset-white", children: "Save Line Item" }), _jsx("button", { onClick: handleCancelAdd, className: "rounded-full bg-[#121319] px-4 py-2 text-xs font-semibold tracking-wide text-[#f6f1e7] shadow-[0_10px_28px_rgba(0,0,0,0.18)] transition hover:bg-[#1b1d26] focus:outline-none focus-visible:ring-2 focus-visible:ring-[#f2d38a]/60 focus-visible:ring-offset-2 focus-visible:ring-offset-white", children: "Cancel" })] }))] })] }));
+                                                            : "" }), _jsx("td", { className: "border-b border-slate-100 px-2 py-3 text-center" })] }))] })] }) }) }), !isAddingNew && (_jsx("div", { className: "flex justify-center bg-gradient-to-r from-slate-50 to-blue-50/30 px-4 py-4", children: _jsxs("button", { onClick: handleAddLineItem, className: "inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-xs font-medium text-slate-600 shadow-sm transition hover:bg-slate-50 hover:border-slate-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/20 focus-visible:ring-offset-2", children: [_jsx(Plus, { className: "h-4 w-4 text-slate-400" }), "Add Line Item"] }) })), isAddingNew && (_jsxs("div", { className: "flex justify-center gap-3 bg-gradient-to-r from-slate-50 to-blue-50/30 px-4 py-4", children: [_jsx("button", { onClick: handleSaveNewLineItem, className: "rounded-xl bg-emerald-500 px-5 py-2.5 text-xs font-medium text-white shadow-sm transition hover:bg-emerald-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/40 focus-visible:ring-offset-2", children: "Save Line Item" }), _jsx("button", { onClick: handleCancelAdd, className: "rounded-xl border border-slate-200 bg-white px-5 py-2.5 text-xs font-medium text-slate-600 shadow-sm transition hover:bg-slate-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-slate-300/40 focus-visible:ring-offset-2", children: "Cancel" })] }))] })] }));
 };
 export default LineItemsTable;

package/dist/editors/billing-statement/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/billing-statement/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,eAAO,MAAM,YAAY;;;GAWxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDAuKtD"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/billing-statement/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,eAAO,MAAM,YAAY;;;GAWxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDAwKtD"}

package/dist/editors/billing-statement/editor.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { actions, } from "../../document-models/billing-statement/index.js";
-import { CurrencyForm } from "../invoice/components/currencyForm.js";
 import { Textarea, Select } from "@powerhousedao/document-engineering";
 import LineItemsTable from "./components/lineItemsTable.js";
 import { formatNumber } from "../invoice/lineItems.js";
@@ -35,19 +34,19 @@ export default function Editor(props) {
     function handleClose() {
         setSelectedNode(parentFolder);
     }
-    return (_jsxs("div", { className: "min-h-screen w-full bg-white text-[#14120f]", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsx("div", { className: "w-full bg-white", children: _jsxs("div", { className: "mx-auto w-full max-w-6xl px-4 py-10 sm:px-6 lg:px-8", children: [_jsxs("div", { className: "overflow-hidden rounded-2xl border border-black/10 bg-white text-[#14120f] shadow-[0_18px_50px_rgba(15,23,42,0.10)]", children: [_jsx("div", { className: "border-b border-black/10 bg-[#efe8da] px-6 py-5 text-[#14120f]", children: _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", children: [_jsx("div", { className: "space-y-1", children: _jsx("h1", { className: "font-serif text-2xl tracking-tight sm:text-3xl", children: "Billing Statement" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-x-6 gap-y-2 text-sm sm:text-right", children: [_jsx("div", { className: "text-black/60", children: "Submitter" }), _jsx("div", { className: "font-semibold text-black/90", children: state.contributor }), _jsx("div", { className: "text-black/60", children: "Status" }), _jsx("div", { className: "flex justify-start sm:justify-end", children: _jsx("span", { className: "inline-flex items-center rounded-full border border-black/15 bg-black/5 px-3 py-1 text-xs font-semibold tracking-wide text-black/80", children: String(state.status || "—") }) })] })] }) }), _jsxs("div", { className: "px-6 py-6", children: [_jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-black/10 bg-[#efe8da] px-4 py-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("div", { className: "text-sm text-black/60", children: "Keep edits lightweight: double\u2011click a row to edit, click outside to auto\u2011save." }), _jsxs("div", { className: "flex items-center justify-between gap-3 sm:justify-end", children: [_jsx("span", { className: "text-xs font-semibold tracking-wide text-black/60", children: "CURRENCY" }), _jsx("div", { className: "rounded-lg border border-black/10 px-2 py-1 shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]", children: _jsx(Select, { className: "w-28", options: currencyList.map((currency) => ({
-                                                                    value: currency.ticker,
-                                                                    label: currency.ticker,
-                                                                })), value: state.currency, onChange: (value) => {
-                                                                    dispatch(actions.editBillingStatement({
-                                                                        currency: value,
-                                                                    }));
-                                                                } }) })] })] }), _jsx("div", { className: "mt-6", children: _jsx(LineItemsTable, { state: state, dispatch: dispatch }) }), _jsxs("div", { className: "mt-8 grid gap-6 lg:grid-cols-2", children: [_jsxs("div", { className: "rounded-xl border border-black/10 bg-white p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]", children: [_jsx(Textarea, { label: "Notes", placeholder: "Add notes", autoExpand: true, rows: 4, multiline: true, value: notes, onBlur: (e) => {
-                                                                const newValue = e.target.value;
-                                                                if (newValue !== state.notes) {
-                                                                    dispatch(actions.editBillingStatement({ notes: newValue }));
-                                                                }
-                                                            }, onChange: (e) => {
-                                                                setNotes(e.target.value);
-                                                            }, className: "p-2" }), _jsx("div", { className: "mt-2 text-xs text-black/50", children: "Tip: notes are saved by clicking outside of the textarea or pressing tab." })] }), _jsxs("div", { className: "rounded-xl border border-black/10 bg-white p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]", children: [_jsxs("div", { className: "flex items-baseline justify-between", children: [_jsx("div", { className: "text-xs font-semibold tracking-[0.24em] text-black/60", children: "TOTALS" }), _jsx("div", { className: "text-xs text-black/40", children: "read\u2011only" })] }), _jsx("div", { className: "mt-3 overflow-hidden rounded-lg border border-black/10", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "bg-[#efe8da] text-[#14120f]", children: _jsxs("tr", { children: [_jsx("th", { className: "border-b border-black/10 px-4 py-3 text-left text-xs font-semibold tracking-wide text-black/70", children: "Total Fiat" }), _jsx("th", { className: "border-b border-black/10 px-4 py-3 text-left text-xs font-semibold tracking-wide text-black/70", children: "Total POWT" })] }) }), _jsx("tbody", { className: "bg-[#fbf8f1]", children: _jsxs("tr", { children: [_jsx("td", { className: "border-t border-black/10 px-4 py-4 font-mono text-sm tabular-nums text-black/90", children: formatNumber(state.totalCash) }), _jsx("td", { className: "border-t border-black/10 px-4 py-4 font-mono text-sm tabular-nums text-black/90", children: formatNumber(state.totalPowt) })] }) })] }) }), _jsx("div", { className: "mt-3 text-xs text-black/50", children: "Totals update from line items." })] })] })] })] }), _jsx("div", { className: "mt-6 text-center text-xs text-black/40", children: "This view is a styled editor shell \u2014 your document operations remain unchanged." })] }) })] }));
+    return (_jsxs("div", { className: "min-h-screen w-full bg-gradient-to-br from-slate-50 via-blue-50/30 to-slate-50", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsx("div", { className: "w-full", children: _jsx("div", { className: "mx-auto w-full max-w-6xl px-4 py-10 sm:px-6 lg:px-8", children: _jsxs("div", { className: "overflow-hidden rounded-3xl border border-slate-200/60 bg-white shadow-[0_8px_30px_rgb(0,0,0,0.04)]", children: [_jsx("div", { className: "border-b border-slate-100 bg-gradient-to-r from-slate-50 to-blue-50/50 px-8 py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { children: _jsx("h1", { className: "text-3xl font-light tracking-tight text-slate-800", children: "Billing Statement" }) }), _jsxs("div", { className: "flex items-center gap-10", children: [_jsxs("div", { className: "flex flex-col items-end gap-1.5", children: [_jsx("div", { className: "text-[11px] font-medium uppercase tracking-wider text-slate-400", children: "Submitter" }), _jsx("div", { className: "text-sm font-medium text-slate-700", children: state.contributor })] }), _jsxs("div", { className: "flex flex-col items-end gap-1.5", children: [_jsx("div", { className: "text-[11px] font-medium uppercase tracking-wider text-slate-400", children: "Status" }), _jsx("span", { className: "inline-flex items-center rounded-full bg-blue-50 px-3 py-1 text-xs font-medium text-blue-700", children: String(state.status || "—") })] })] })] }) }), _jsxs("div", { className: "px-8 py-8", children: [_jsxs("div", { className: "flex items-center justify-between rounded-2xl border border-slate-100 bg-slate-50/50 px-5 py-4", children: [_jsx("div", { className: "text-sm text-slate-500", children: "Keep edits lightweight: double\u2011click a row to edit, click outside to auto\u2011save." }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-slate-400", children: "Currency" }), _jsx("div", { className: "rounded-xl border border-slate-200 bg-white px-3 py-2 shadow-sm", children: _jsx(Select, { className: "w-28", options: currencyList.map((currency) => ({
+                                                                value: currency.ticker,
+                                                                label: currency.ticker,
+                                                            })), value: state.currency, onChange: (value) => {
+                                                                dispatch(actions.editBillingStatement({
+                                                                    currency: value,
+                                                                }));
+                                                            } }) })] })] }), _jsx("div", { className: "mt-6", children: _jsx(LineItemsTable, { state: state, dispatch: dispatch }) }), _jsxs("div", { className: "mt-8 grid gap-6 lg:grid-cols-2", children: [_jsxs("div", { className: "rounded-2xl border border-slate-100 bg-white p-5 shadow-sm", children: [_jsx(Textarea, { label: "Notes", placeholder: "Add notes", autoExpand: true, rows: 4, multiline: true, value: notes, onBlur: (e) => {
+                                                            const newValue = e.target.value;
+                                                            if (newValue !== state.notes) {
+                                                                dispatch(actions.editBillingStatement({ notes: newValue }));
+                                                            }
+                                                        }, onChange: (e) => {
+                                                            setNotes(e.target.value);
+                                                        }, className: "p-2" }), _jsx("div", { className: "mt-3 text-xs text-slate-400", children: "Tip: notes are saved by clicking outside of the textarea or pressing tab." })] }), _jsxs("div", { className: "rounded-2xl border border-slate-100 bg-white p-5 shadow-sm", children: [_jsxs("div", { className: "flex items-baseline justify-between", children: [_jsx("div", { className: "text-[11px] font-medium uppercase tracking-wider text-slate-400", children: "Totals" }), _jsx("div", { className: "text-xs text-slate-300", children: "read\u2011only" })] }), _jsx("div", { className: "mt-4 overflow-hidden rounded-xl border border-slate-100", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "bg-gradient-to-r from-slate-50 to-blue-50/30", children: _jsxs("tr", { children: [_jsx("th", { className: "border-b border-slate-100 px-5 py-3.5 text-left text-xs font-medium uppercase tracking-wide text-slate-500", children: "Total Fiat" }), _jsx("th", { className: "border-b border-slate-100 px-5 py-3.5 text-left text-xs font-medium uppercase tracking-wide text-slate-500", children: "Total POWT" })] }) }), _jsx("tbody", { className: "bg-white", children: _jsxs("tr", { children: [_jsx("td", { className: "border-t border-slate-50 px-5 py-4 font-mono text-base tabular-nums text-slate-700", children: formatNumber(state.totalCash) }), _jsx("td", { className: "border-t border-slate-50 px-5 py-4 font-mono text-base tabular-nums text-slate-700", children: formatNumber(state.totalPowt) })] }) })] }) }), _jsx("div", { className: "mt-3 text-xs text-slate-400", children: "Totals update from line items." })] })] })] })] }) }) })] }));
 }

package/dist/editors/billing-statement/lineItemTags/lineItemTags.js

@@ -19,12 +19,12 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, }) {
             });
         });
     };
-    return (_jsx("div", { className: "min-h-screen w-full bg-white text-[#14120f]", children: _jsx("div", { className: "mx-auto w-full max-w-6xl px-4 py-10 sm:px-6 lg:px-8", children: _jsxs("div", { className: "overflow-hidden rounded-2xl border border-black/10 bg-white text-[#14120f] shadow-[0_18px_50px_rgba(15,23,42,0.10)]", children: [_jsxs("div", { className: "flex flex-col gap-4 border-b border-black/10 bg-[#efe8da] px-6 py-5 text-[#14120f] sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "grid h-10 w-10 place-items-center rounded-xl border border-black/10 bg-white", children: _jsx(Tag, { className: "h-5 w-5 text-black/70" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] font-semibold tracking-[0.22em] text-black/60", children: "TAG EDITOR" }), _jsx("h2", { className: "font-serif text-xl tracking-tight", children: "Assign tags to line items" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { color: "light", size: "small", onClick: handleReset, children: "Reset" }), _jsx("button", { type: "button", onClick: onClose, className: "inline-flex items-center justify-center rounded-full border border-black/15 bg-black/5 p-2 text-black/70 transition hover:bg-black/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-black/20 focus-visible:ring-offset-2 focus-visible:ring-offset-[#efe8da]", "aria-label": "Close tag editor", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsxs("div", { className: "p-6", children: [_jsx("div", { className: "overflow-hidden rounded-xl border border-black/10 bg-white shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "bg-[#efe8da] text-[#14120f]", children: _jsxs("tr", { children: [_jsx("th", { className: "border-b border-black/10 px-3 py-3 text-left text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "ITEM" }), _jsx("th", { className: "border-b border-black/10 px-3 py-3 text-left text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "PERIOD" }), _jsx("th", { className: "border-b border-black/10 px-3 py-3 text-left text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "EXPENSE ACCOUNT" }), _jsx("th", { className: "border-b border-black/10 px-3 py-3 text-left text-[11px] font-semibold tracking-[0.20em] text-black/70", children: "BUDGET" })] }) }), _jsx("tbody", { className: "text-sm text-black/90", children: lineItems.map((item) => (_jsxs("tr", { className: "odd:bg-[#fbf8f1] even:bg-white hover:bg-[#fff3cf]/60", children: [_jsx("td", { className: "border-b border-gray-200 p-2", children: _jsx(InputField, { value: item.description, handleInputChange: (e) => { }, onBlur: (e) => {
+    return (_jsx("div", { className: "min-h-screen w-full bg-gradient-to-br from-slate-50 via-blue-50/30 to-slate-50 text-slate-800", children: _jsx("div", { className: "mx-auto w-full max-w-6xl px-4 py-10 sm:px-6 lg:px-8", children: _jsxs("div", { className: "overflow-hidden rounded-2xl border border-slate-200/60 bg-white text-slate-800 shadow-[0_18px_50px_rgba(15,23,42,0.10)]", children: [_jsxs("div", { className: "flex flex-col gap-4 border-b border-slate-200/60 bg-gradient-to-r from-slate-50 to-blue-50/50 px-6 py-5 text-slate-800 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "grid h-10 w-10 place-items-center rounded-xl border border-slate-200/60 bg-white", children: _jsx(Tag, { className: "h-5 w-5 text-slate-600" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] font-medium tracking-[0.22em] text-slate-500", children: "TAG EDITOR" }), _jsx("h2", { className: "text-xl font-medium tracking-tight", children: "Assign tags to line items" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { color: "light", size: "small", onClick: handleReset, children: "Reset" }), _jsx("button", { type: "button", onClick: onClose, className: "inline-flex items-center justify-center rounded-full border border-slate-300/60 bg-slate-100/50 p-2 text-slate-600 transition hover:bg-slate-200/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50", "aria-label": "Close tag editor", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsxs("div", { className: "p-6", children: [_jsx("div", { className: "overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "bg-gradient-to-r from-slate-50 to-blue-50/30 text-slate-800", children: _jsxs("tr", { children: [_jsx("th", { className: "border-b border-slate-200/60 px-3 py-3 text-left text-[11px] font-medium tracking-[0.20em] text-slate-600", children: "ITEM" }), _jsx("th", { className: "border-b border-slate-200/60 px-3 py-3 text-left text-[11px] font-medium tracking-[0.20em] text-slate-600", children: "PERIOD" }), _jsx("th", { className: "border-b border-slate-200/60 px-3 py-3 text-left text-[11px] font-medium tracking-[0.20em] text-slate-600", children: "EXPENSE ACCOUNT" }), _jsx("th", { className: "border-b border-slate-200/60 px-3 py-3 text-left text-[11px] font-medium tracking-[0.20em] text-slate-600", children: "BUDGET" })] }) }), _jsx("tbody", { className: "text-sm text-slate-700", children: lineItems.map((item) => (_jsxs("tr", { className: "odd:bg-slate-50/30 even:bg-white hover:bg-blue-50/30", children: [_jsx("td", { className: "border-b border-slate-200/60 p-2", children: _jsx(InputField, { value: item.description, handleInputChange: (e) => { }, onBlur: (e) => {
                                                                     dispatch(actions.editLineItem({
                                                                         id: item.id,
                                                                         description: e.target.value,
                                                                     }));
-                                                                }, className: "w-full text-xs" }) }), _jsx("td", { className: "border-b border-gray-200 p-2 w-50", children: _jsx(DatePicker, { name: "period", dateFormat: "YYYY-MM-DD", autoClose: true, placeholder: "Select Period", value: item.lineItemTag.find((tag) => tag.dimension === "accounting-period")?.label || "", onChange: (e) => dispatch(actions.editLineItemTag({
+                                                                }, className: "w-full text-xs" }) }), _jsx("td", { className: "border-b border-slate-200/60 p-2 w-50", children: _jsx(DatePicker, { name: "period", dateFormat: "YYYY-MM-DD", autoClose: true, placeholder: "Select Period", value: item.lineItemTag.find((tag) => tag.dimension === "accounting-period")?.label || "", onChange: (e) => dispatch(actions.editLineItemTag({
                                                                     lineItemId: item.id,
                                                                     dimension: "accounting-period",
                                                                     value: new Date(e.target.value)
@@ -39,7 +39,7 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, }) {
                                                                         month: "long",
                                                                         year: "numeric",
                                                                     }),
-                                                                })), className: "w-full text-xs bg-white" }) }), _jsx("td", { className: "border-b border-gray-200 p-2", children: _jsx(Select, { options: expenseAccountOptions, value: item.lineItemTag.find((tag) => tag.dimension === "expense-account")?.value || "", placeholder: "Select Expense Account", searchable: true, onChange: (value) => {
+                                                                })), className: "w-full text-xs bg-white" }) }), _jsx("td", { className: "border-b border-slate-200/60 p-2", children: _jsx(Select, { options: expenseAccountOptions, value: item.lineItemTag.find((tag) => tag.dimension === "expense-account")?.value || "", placeholder: "Select Expense Account", searchable: true, onChange: (value) => {
                                                                     const selectedOption = expenseAccountOptions.find((option) => option.value === value);
                                                                     dispatch(actions.editLineItemTag({
                                                                         lineItemId: item.id,
@@ -47,12 +47,12 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, }) {
                                                                         value: selectedOption?.value || "",
                                                                         label: selectedOption?.label,
                                                                     }));
-                                                                }, className: "w-full text-xs" }) }), _jsx("td", { className: "border-b border-gray-200 p-2", children: _jsx(Select, { options: budgetOptions, value: item.lineItemTag.find((tag) => tag.dimension === "budget")?.value || "", placeholder: "Select Budget", onChange: (value) => {
+                                                                }, className: "w-full text-xs" }) }), _jsx("td", { className: "border-b border-slate-200/60 p-2", children: _jsx(Select, { options: budgetOptions, value: item.lineItemTag.find((tag) => tag.dimension === "budget")?.value || "", placeholder: "Select Budget", onChange: (value) => {
                                                                     dispatch(actions.editLineItemTag({
                                                                         lineItemId: item.id,
                                                                         dimension: "budget",
                                                                         value: value,
                                                                         label: budgetOptions.find((option) => option.value === value)?.label,
                                                                     }));
-                                                                } }) })] }, item.id))) })] }) }) }), _jsx("div", { className: "mt-4 text-xs text-black/50", children: "Changes persist as you blur fields/selects." })] })] }) }) }));
+                                                                } }) })] }, item.id))) })] }) }) }), _jsx("div", { className: "mt-4 text-xs text-slate-400", children: "Changes persist as you blur fields/selects." })] })] }) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ResourcesServices.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/ResourcesServices.tsx"],"names":[],"mappings":"AAmBA;;;;;GAKG;AACH,wBAAgB,iBAAiB,4CA6PhC"}
+{"version":3,"file":"ResourcesServices.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/ResourcesServices.tsx"],"names":[],"mappings":"AAmBA;;;;;GAKG;AACH,wBAAgB,iBAAiB,4CAgQhC"}

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

@@ -72,5 +72,7 @@ export function ResourcesServices() {
     const hasFolders = folderNodes.length > 0;
     const hasFiles = fileNodes.length > 0;
     const isEmpty = !hasFolders && !hasFiles;
-    return (_jsxs("div", { children: [_jsx("div", { className: "text-2xl font-bold text-center mb-4", children: currentFolderName }), _jsxs("div", { className: "space-y-6 px-6", children: [_jsxs("div", { className: "flex h-9 flex-row items-center gap-2 text-gray-500 border-b border-gray-200 pb-3", children: [_jsx("div", { className: "transition-colors hover:text-gray-800 cursor-pointer", onClick: () => setSelectedNode(""), role: "button", children: "Resources & Services" }), _jsx("span", { children: "/" }), _jsx("div", { className: "text-gray-800", children: currentFolderName }), _jsx("span", { children: "/" }), isAllowedToCreateDocuments && (_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: () => showCreateDocumentModal(documentType), children: [_jsx(Plus, { size: 14 }), "Add new"] }))] }), 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: isInResourceTemplates ? (_jsx(FileText, { className: "w-16 h-16 mx-auto" })) : (_jsx(Package, { className: "w-16 h-16 mx-auto" })) }), _jsxs("p", { className: "text-gray-500 text-sm", children: ["No ", currentFolderName.toLowerCase(), " yet.", isAllowedToCreateDocuments && (_jsxs(_Fragment, { children: [" ", "Click \"Add new\" to create your first", " ", isInResourceTemplates ? "resource template" : "service offering", "."] }))] })] }))] })] }));
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-2xl font-bold text-center mb-4", children: currentFolderName }), _jsxs("div", { className: "space-y-6 px-6", children: [_jsxs("div", { className: "flex h-9 flex-row items-center gap-2 text-gray-500 border-b border-gray-200 pb-3", children: [_jsx("div", { className: "transition-colors hover:text-gray-800 cursor-pointer", onClick: () => setSelectedNode(""), role: "button", children: "Resources & Services" }), _jsx("span", { children: "/" }), _jsx("div", { className: "text-gray-800", children: currentFolderName }), _jsx("span", { children: "/" }), isAllowedToCreateDocuments && (_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: () => showCreateDocumentModal(documentType), children: [_jsx(Plus, { size: 14 }), "Add new"] }))] }), 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: isInResourceTemplates ? (_jsx(FileText, { className: "w-16 h-16 mx-auto" })) : (_jsx(Package, { className: "w-16 h-16 mx-auto" })) }), _jsxs("p", { className: "text-gray-500 text-sm", children: ["No ", currentFolderName.toLowerCase(), " yet.", isAllowedToCreateDocuments && (_jsxs(_Fragment, { children: [" ", "Click \"Add new\" to create your first", " ", isInResourceTemplates
+                                                ? "resource template"
+                                                : "service offering", "."] }))] })] }))] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMembersOverview.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/TeamMembersOverview.tsx"],"names":[],"mappings":"AAYA,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACpC,CAAC;AAIF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,GACb,EAAE,wBAAwB,2CAsH1B"}
+{"version":3,"file":"TeamMembersOverview.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/TeamMembersOverview.tsx"],"names":[],"mappings":"AAaA,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACpC,CAAC;AAIF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,GACb,EAAE,wBAAwB,2CA4I1B"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useCallback, useState } from "react";
+import { useMemo, useCallback, useState, useEffect } from "react";
 import { useDrives, useGetDocuments } from "@powerhousedao/reactor-browser";
 import { useRemoteBuilderProfiles } from "../../hooks/useRemoteBuilderProfiles.js";
 const MAX_VISIBLE_MEMBERS = 6;
@@ -27,13 +27,30 @@ export function TeamMembersOverview({ contributors, }) {
     const builderPhids = useMemo(() => {
         return builderProfileNodesWithDriveId.map(({ node }) => node.id);
     }, [builderProfileNodesWithDriveId]);
+    // Get the document fetcher function
+    const getDocuments = useGetDocuments();
+    // State to hold fetched builder profile documents
+    const [builderProfileDocuments, setBuilderProfileDocuments] = useState([]);
     // Fetch all builder profile documents from all drives
-    const builderProfileDocuments = useGetDocuments(builderPhids);
+    useEffect(() => {
+        if (builderPhids.length === 0) {
+            setBuilderProfileDocuments([]);
+            return;
+        }
+        getDocuments(builderPhids)
+            .then((docs) => {
+            setBuilderProfileDocuments(docs);
+        })
+            .catch((error) => {
+            console.error("Failed to fetch builder profile documents:", error);
+            setBuilderProfileDocuments([]);
+        });
+    }, [builderPhids, getDocuments]);
     // Create a map of PHID to document for quick lookup (local drives)
     const localBuilderProfileMap = useMemo(() => {
         const map = new Map();
         for (const doc of builderProfileDocuments) {
-            if (doc.header.documentType === "powerhouse/builder-profile") {
+            if (doc?.header?.documentType === "powerhouse/builder-profile") {
                 map.set(doc.header.id, doc);
             }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"team-members.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/team-members.tsx"],"names":[],"mappings":"AAmKA,wBAAgB,mBAAmB,CAAC,EAAE,IAAA,2CA0TrC"}
+{"version":3,"file":"team-members.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/team-members.tsx"],"names":[],"mappings":"AAoKA,wBAAgB,mBAAmB,CAAC,EAAE,IAAA,2CA+UrC"}

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

@@ -117,18 +117,33 @@ export function ContributorsSection({}) {
     const builderPhids = useMemo(() => {
         return builderProfileNodesWithDriveId.map(({ node }) => node.id);
     }, [builderProfileNodesWithDriveId]);
+    // Get the document fetcher function
+    const getDocuments = useGetDocuments();
+    // State to hold fetched builder profile documents
+    const [builderProfileDocuments, setBuilderProfileDocuments] = useState([]);
     // Fetch all builder profile documents from all drives
-    const builderProfileDocuments = useGetDocuments(builderPhids);
+    useEffect(() => {
+        if (builderPhids.length === 0) {
+            setBuilderProfileDocuments([]);
+            return;
+        }
+        getDocuments(builderPhids)
+            .then((docs) => {
+            setBuilderProfileDocuments(docs);
+        })
+            .catch((error) => {
+            console.error("Failed to fetch builder profile documents:", error);
+            setBuilderProfileDocuments([]);
+        });
+    }, [builderPhids, getDocuments]);
     // Create a map of PHID to document for quick lookup (local drives)
     const localBuilderProfileMap = useMemo(() => {
         const map = new Map();
-        if (!builderProfileDocuments)
-            return map;
-        builderProfileDocuments.forEach((doc) => {
+        for (const doc of builderProfileDocuments) {
             if (doc.header.documentType === "powerhouse/builder-profile") {
                 map.set(doc.header.id, doc);
             }
-        });
+        }
         return map;
     }, [builderProfileDocuments]);
     // Fetch remote profiles as fallback for contributors not found locally

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

@@ -1 +1 @@
-{"version":3,"file":"useExpenseReportAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/hooks/useExpenseReportAutoPlacement.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAIlG,UAAU,mCAAmC;IAC3C,uEAAuE;IACvE,oBAAoB,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC,iEAAiE;IACjE,2BAA2B,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzC,qEAAqE;IACrE,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;CACjD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,IAAI,mCAAmC,CAwNnF"}
+{"version":3,"file":"useExpenseReportAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/hooks/useExpenseReportAutoPlacement.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAYlG,UAAU,mCAAmC;IAC3C,uEAAuE;IACvE,oBAAoB,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC,iEAAiE;IACjE,2BAA2B,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzC,qEAAqE;IACrE,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;CACjD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,IAAI,mCAAmC,CA4OnF"}

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

@@ -1,6 +1,13 @@
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo } from "react";
 import { isFolderNodeKind, isFileNodeKind, addFolder, useSelectedDrive, useDocumentsInSelectedDrive, useNodeActions, } from "@powerhousedao/reactor-browser";
 const EXPENSE_REPORTS_FOLDER_NAME = "Expense Reports";
+// Module-level tracking to prevent duplicate folder creation across all hook instances
+// This is necessary because the hook may be used in multiple components simultaneously
+const globalCreationState = {
+    createdExpenseReportsFolderForDrives: new Set(),
+    creatingYearFolders: new Map(), // driveId -> Set of years being created
+    processedDocs: new Map(), // driveId -> Set of doc IDs processed
+};
 /**
  * Hook that handles automatic placement of expense report documents into the
  * "Expense Reports" folder, organized by year based on periodStart.
@@ -17,9 +24,14 @@ export function useExpenseReportAutoPlacement() {
     const [driveDocument] = useSelectedDrive();
     const documentsInDrive = useDocumentsInSelectedDrive();
     const { onMoveNode } = useNodeActions();
-    // Track which documents have been processed for auto-placement
-    const processedDocsRef = useRef(new Set());
-    const hasCreatedFolder = useRef(false);
+    const driveId = driveDocument?.header.id;
+    // Initialize module-level tracking sets for this drive if needed
+    if (driveId && !globalCreationState.creatingYearFolders.has(driveId)) {
+        globalCreationState.creatingYearFolders.set(driveId, new Set());
+    }
+    if (driveId && !globalCreationState.processedDocs.has(driveId)) {
+        globalCreationState.processedDocs.set(driveId, new Set());
+    }
     // Find the "Expense Reports" folder in the drive
     const expenseReportsFolder = useMemo(() => {
         if (!driveDocument)
@@ -67,12 +79,13 @@ export function useExpenseReportAutoPlacement() {
     }, [documentsInDrive, driveDocument, expenseReportsFolderNodeIds]);
     // Create folder if it doesn't exist
     useEffect(() => {
-        if (!driveDocument || expenseReportsFolder || hasCreatedFolder.current)
+        if (!driveId || expenseReportsFolder)
             return;
-        hasCreatedFolder.current = true;
-        const driveId = driveDocument.header.id;
+        if (globalCreationState.createdExpenseReportsFolderForDrives.has(driveId))
+            return;
+        globalCreationState.createdExpenseReportsFolderForDrives.add(driveId);
         void addFolder(driveId, EXPENSE_REPORTS_FOLDER_NAME);
-    }, [driveDocument, expenseReportsFolder]);
+    }, [driveId, expenseReportsFolder]);
     // Get year folders that exist directly under the Expense Reports folder
     const yearFolders = useMemo(() => {
         if (!driveDocument || !expenseReportsFolder)
@@ -91,10 +104,13 @@ export function useExpenseReportAutoPlacement() {
     // Auto-place expense reports into year folders based on periodStart
     // This monitors ALL expense reports in the drive, not just those in the Expense Reports folder
     useEffect(() => {
-        if (!driveDocument || !expenseReportsFolder || !documentsInDrive)
+        if (!driveId || !expenseReportsFolder || !documentsInDrive)
+            return;
+        const allNodes = driveDocument?.state.global.nodes ?? [];
+        const processedDocs = globalCreationState.processedDocs.get(driveId);
+        const creatingYearFolders = globalCreationState.creatingYearFolders.get(driveId);
+        if (!processedDocs || !creatingYearFolders)
             return;
-        const driveId = driveDocument.header.id;
-        const allNodes = driveDocument.state.global.nodes;
         // Find ALL expense report file nodes that are NOT inside the Expense Reports folder tree
         // These need to be moved into the proper location
         const expenseReportNodesOutsideFolder = allNodes.filter((node) => isFileNodeKind(node) &&
@@ -113,7 +129,7 @@ export function useExpenseReportAutoPlacement() {
         // Process each expense report
         for (const fileNode of nodesToProcess) {
             // Skip if already processed
-            if (processedDocsRef.current.has(fileNode.id))
+            if (processedDocs.has(fileNode.id))
                 continue;
             // Find the corresponding document to get periodStart
             const doc = documentsInDrive.find((d) => d.header.documentType === "powerhouse/expense-report" &&
@@ -124,12 +140,12 @@ export function useExpenseReportAutoPlacement() {
             if (!periodStart) {
                 // No period defined - move to root of Expense Reports folder
                 // (this signals something might be wrong with the document)
-                processedDocsRef.current.add(fileNode.id);
+                processedDocs.add(fileNode.id);
                 // Only move if not already in the Expense Reports folder
                 if (!expenseReportsFolderNodeIds.has(fileNode.id)) {
                     onMoveNode(fileNode, expenseReportsFolder).catch((error) => {
                         console.error(`Failed to move expense report to Expense Reports folder:`, error);
-                        processedDocsRef.current.delete(fileNode.id);
+                        processedDocs.delete(fileNode.id);
                     });
                 }
                 continue;
@@ -137,7 +153,7 @@ export function useExpenseReportAutoPlacement() {
             // Extract year from periodStart
             const year = new Date(periodStart).getFullYear().toString();
             // Mark as processed immediately to prevent duplicate processing
-            processedDocsRef.current.add(fileNode.id);
+            processedDocs.add(fileNode.id);
             // Check if year folder exists
             const existingYearFolder = yearFolders.get(year);
             if (existingYearFolder) {
@@ -145,10 +161,17 @@ export function useExpenseReportAutoPlacement() {
                 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);
+                    processedDocs.delete(fileNode.id);
                 });
             }
+            else if (creatingYearFolders.has(year)) {
+                // Year folder is being created by another document - remove from processed
+                // so it can be retried on the next effect run when the folder exists
+                processedDocs.delete(fileNode.id);
+            }
             else {
+                // Mark this year as being created to prevent race conditions
+                creatingYearFolders.add(year);
                 // Create year folder first, then move the document
                 addFolder(driveId, year, expenseReportsFolder.id)
                     .then((newFolder) => {
@@ -160,11 +183,16 @@ export function useExpenseReportAutoPlacement() {
                     .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);
+                    processedDocs.delete(fileNode.id);
+                })
+                    .finally(() => {
+                    // Clean up the creating flag when done (success or failure)
+                    creatingYearFolders.delete(year);
                 });
             }
         }
     }, [
+        driveId,
         driveDocument,
         expenseReportsFolder,
         documentsInDrive,

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

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