@powerhousedao/contributor-billing 0.1.31 → 0.1.33

package/dist/editors/service-subscriptions-editor/components/AddVendorModal.d.ts

@@ -0,0 +1,7 @@
+interface AddVendorModalProps {
+    onClose: () => void;
+    isDarkMode: boolean;
+}
+export declare function AddVendorModal({ onClose, isDarkMode }: AddVendorModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddVendorModal.d.ts.map

package/dist/editors/service-subscriptions-editor/components/AddVendorModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddVendorModal.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/AddVendorModal.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CAsJ1E"}

package/dist/editors/service-subscriptions-editor/components/AddVendorModal.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { generateId } from "document-model/core";
+import { useSelectedServiceSubscriptionsDocument } from "../../../document-models/service-subscriptions/hooks.js";
+import { addVendor } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function AddVendorModal({ onClose, isDarkMode }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [formData, setFormData] = useState({
+        name: "",
+        website: "",
+        supportEmail: "",
+        supportUrl: "",
+    });
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!formData.name) {
+            alert("Name is required");
+            return;
+        }
+        dispatch?.(addVendor({
+            id: generateId(),
+            name: formData.name,
+            website: formData.website || undefined,
+            supportEmail: formData.supportEmail || undefined,
+            supportUrl: formData.supportUrl || undefined,
+        }));
+        onClose();
+    };
+    const updateField = (field, value) => {
+        setFormData((prev) => ({ ...prev, [field]: value }));
+    };
+    const inputClass = `w-full px-3 py-2.5 text-sm rounded-lg border transition-colors focus:outline-none focus:border-indigo-500 ${isDarkMode
+        ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500"
+        : "bg-gray-50 border-gray-200 text-gray-900 placeholder-gray-400"}`;
+    const labelClass = `block text-sm font-medium mb-1.5 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`;
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center z-50 ${isDarkMode ? "bg-black/70" : "bg-black/40"}`, onClick: onClose, children: _jsxs("div", { className: `w-full max-w-md rounded-xl border ${isDarkMode
+                ? "bg-gray-800 border-gray-700"
+                : "bg-white border-gray-200 shadow-xl"}`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: `flex justify-between items-center px-6 py-5 border-b ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("h2", { className: `text-lg font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "Add Vendor" }), _jsx("button", { className: `w-8 h-8 flex items-center justify-center rounded-md transition-colors ${isDarkMode
+                                ? "text-gray-400 hover:text-gray-100 hover:bg-gray-700"
+                                : "text-gray-500 hover:text-gray-900 hover:bg-gray-100"}`, onClick: onClose, children: "\u2715" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "p-6 space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Name *" }), _jsx("input", { type: "text", className: inputClass, placeholder: "e.g., Google, Microsoft, Anthropic", value: formData.name, onChange: (e) => updateField("name", e.target.value), autoFocus: true })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Website" }), _jsx("input", { type: "url", className: inputClass, placeholder: "https://...", value: formData.website, onChange: (e) => updateField("website", e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Support Email" }), _jsx("input", { type: "email", className: inputClass, placeholder: "support@vendor.com", value: formData.supportEmail, onChange: (e) => updateField("supportEmail", e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Support URL" }), _jsx("input", { type: "url", className: inputClass, placeholder: "https://support.vendor.com", value: formData.supportUrl, onChange: (e) => updateField("supportUrl", e.target.value) })] })] }), _jsxs("div", { className: `flex justify-end gap-3 px-6 py-4 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("button", { type: "button", className: `px-4 py-2 text-sm font-medium rounded-lg border transition-colors ${isDarkMode
+                                        ? "bg-gray-700 border-gray-600 text-gray-100 hover:bg-gray-600"
+                                        : "bg-white border-gray-200 text-gray-900 hover:bg-gray-50"}`, onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "px-4 py-2 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors", children: "Add Vendor" })] })] })] }) }));
+}

package/dist/editors/service-subscriptions-editor/components/CategoriesList.d.ts

@@ -0,0 +1,8 @@
+import type { Category } from "../../../document-models/service-subscriptions/gen/types.js";
+interface CategoriesListProps {
+    categories: Category[];
+    isDarkMode: boolean;
+}
+export declare function CategoriesList({ categories, isDarkMode, }: CategoriesListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CategoriesList.d.ts.map

package/dist/editors/service-subscriptions-editor/components/CategoriesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesList.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/CategoriesList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6DAA6D,CAAC;AAE5F,UAAU,mBAAmB;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,UAAU,GACX,EAAE,mBAAmB,2CAwCrB"}

package/dist/editors/service-subscriptions-editor/components/CategoriesList.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelectedServiceSubscriptionsDocument } from "../../../document-models/service-subscriptions/hooks.js";
+import { deleteCategory } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function CategoriesList({ categories, isDarkMode, }) {
+    if (categories.length === 0) {
+        return (_jsxs("div", { className: `text-center py-16 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: [_jsx("svg", { className: "w-12 h-12 mx-auto mb-4 opacity-50", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("div", { className: `text-base font-medium mb-2 ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "No categories yet" }), _jsx("p", { children: "Add categories to organize your subscriptions." })] }));
+    }
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: categories.map((category) => (_jsx(CategoryCard, { category: category, isDarkMode: isDarkMode }, category.id))) }));
+}
+function CategoryCard({ category, isDarkMode }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const handleDelete = () => {
+        if (confirm(`Delete category "${category.name}"?`)) {
+            dispatch?.(deleteCategory({ id: category.id }));
+        }
+    };
+    const cardClass = `p-4 rounded-lg border transition-colors ${isDarkMode
+        ? "bg-gray-800 border-gray-700 hover:border-indigo-500"
+        : "bg-white border-gray-200 hover:border-indigo-500 shadow-sm"}`;
+    return (_jsxs("div", { className: cardClass, children: [_jsx("div", { className: "mb-3", children: _jsx("h3", { className: `text-base font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: category.name }) }), category.description && (_jsx("div", { className: "flex flex-col gap-2", children: _jsx("p", { className: `text-sm m-0 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: category.description }) })), _jsx("div", { className: `flex gap-2 mt-3 pt-3 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: _jsx("button", { className: `px-2.5 py-1.5 text-xs rounded-lg transition-colors ${isDarkMode
+                        ? "text-red-400 hover:bg-red-500/10"
+                        : "text-red-600 hover:bg-red-500/10"}`, onClick: handleDelete, children: "Delete" }) })] }));
+}

package/dist/editors/service-subscriptions-editor/components/EditName.d.ts

@@ -0,0 +1,3 @@
+/** Displays the name of the selected ServiceSubscriptions document and allows editing it */
+export declare function EditServiceSubscriptionsName(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EditName.d.ts.map

package/dist/editors/service-subscriptions-editor/components/EditName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditName.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/EditName.tsx"],"names":[],"mappings":"AAKA,4FAA4F;AAC5F,wBAAgB,4BAA4B,mDAyE3C"}

package/dist/editors/service-subscriptions-editor/components/EditName.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setName } from "document-model";
+import { useState } from "react";
+import { useSelectedServiceSubscriptionsDocument } from "../../../document-models/service-subscriptions/hooks.js";
+/** Displays the name of the selected ServiceSubscriptions document and allows editing it */
+export function EditServiceSubscriptionsName() {
+    const [serviceSubscriptionsDocument, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [isEditing, setIsEditing] = useState(false);
+    if (!serviceSubscriptionsDocument)
+        return null;
+    const serviceSubscriptionsDocumentName = serviceSubscriptionsDocument.header.name;
+    const onClickEditServiceSubscriptionsName = () => {
+        setIsEditing(true);
+    };
+    const onClickCancelEditServiceSubscriptionsName = () => {
+        setIsEditing(false);
+    };
+    const onSubmitSetName = (event) => {
+        event.preventDefault();
+        const form = event.currentTarget;
+        const nameInput = form.elements.namedItem("name");
+        const name = nameInput.value;
+        if (!name)
+            return;
+        dispatch(setName(name));
+        setIsEditing(false);
+    };
+    if (isEditing)
+        return (_jsxs("form", { className: "flex gap-2 items-center justify-between", onSubmit: onSubmitSetName, children: [_jsx("input", { className: "text-lg font-semibold text-gray-900 p-1", type: "text", name: "name", defaultValue: serviceSubscriptionsDocumentName, autoFocus: true }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "submit", className: "text-sm text-gray-600", children: "Save" }), _jsx("button", { className: "text-sm text-red-800", onClick: onClickCancelEditServiceSubscriptionsName, children: "Cancel" })] })] }));
+    return (_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: serviceSubscriptionsDocumentName }), _jsx("button", { className: "text-sm text-gray-600", onClick: onClickEditServiceSubscriptionsName, children: "Edit Name" })] }));
+}

package/dist/editors/service-subscriptions-editor/components/StatsOverview.d.ts

@@ -0,0 +1,8 @@
+import type { ServiceSubscription } from "../../../document-models/service-subscriptions/gen/types.js";
+interface StatsOverviewProps {
+    subscriptions: ServiceSubscription[];
+    isDarkMode: boolean;
+}
+export declare function StatsOverview({ subscriptions, isDarkMode, }: StatsOverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatsOverview.d.ts.map

package/dist/editors/service-subscriptions-editor/components/StatsOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsOverview.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/StatsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAEvG,UAAU,kBAAkB;IAC1B,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,UAAU,GACX,EAAE,kBAAkB,2CA0EpB"}

package/dist/editors/service-subscriptions-editor/components/StatsOverview.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StatsOverview({ subscriptions, isDarkMode, }) {
+    const activeCount = subscriptions.filter((s) => s.status === "ACTIVE").length;
+    const trialCount = subscriptions.filter((s) => s.status === "TRIAL").length;
+    const totalMonthly = subscriptions.reduce((sum, sub) => {
+        if (!sub.amount)
+            return sum;
+        const amount = sub.amount;
+        switch (sub.billingCycle) {
+            case "MONTHLY":
+                return sum + amount;
+            case "QUARTERLY":
+                return sum + amount / 3;
+            case "ANNUAL":
+                return sum + amount / 12;
+            case "BIENNIAL":
+                return sum + amount / 24;
+            default:
+                return sum;
+        }
+    }, 0);
+    const totalSeats = subscriptions.reduce((sum, sub) => sum + (sub.seats?.total ?? 0), 0);
+    const usedSeats = subscriptions.reduce((sum, sub) => sum + (sub.seats?.assignedMembers.length ?? 0), 0);
+    const cardClass = `p-4 rounded-lg border ${isDarkMode
+        ? "bg-gray-800 border-gray-700"
+        : "bg-white border-gray-200 shadow-sm"}`;
+    const labelClass = `text-sm mb-2 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`;
+    return (_jsxs("div", { className: "grid grid-cols-4 gap-4 mb-6", children: [_jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Active Subscriptions" }), _jsx("div", { className: "text-3xl font-semibold tracking-tight text-green-500", children: activeCount })] }), _jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Trial Subscriptions" }), _jsx("div", { className: "text-3xl font-semibold tracking-tight text-amber-500", children: trialCount })] }), _jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Monthly Cost (est.)" }), _jsxs("div", { className: `text-3xl font-semibold tracking-tight ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: ["$", totalMonthly.toLocaleString(undefined, {
+                                minimumFractionDigits: 0,
+                                maximumFractionDigits: 0,
+                            })] })] }), _jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Seats Used" }), _jsxs("div", { className: `text-3xl font-semibold tracking-tight ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: [usedSeats, "/", totalSeats] })] })] }));
+}

package/dist/editors/service-subscriptions-editor/components/SubscriptionsList.d.ts

@@ -0,0 +1,10 @@
+import type { ServiceSubscription, Vendor, Category } from "../../../document-models/service-subscriptions/gen/types.js";
+interface SubscriptionsListProps {
+    subscriptions: ServiceSubscription[];
+    vendors: Vendor[];
+    categories: Category[];
+    isDarkMode: boolean;
+}
+export declare function SubscriptionsList({ subscriptions, vendors, categories, isDarkMode, }: SubscriptionsListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubscriptionsList.d.ts.map

package/dist/editors/service-subscriptions-editor/components/SubscriptionsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionsList.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/SubscriptionsList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,mBAAmB,EACnB,MAAM,EACN,QAAQ,EAET,MAAM,6DAA6D,CAAC;AAGrE,UAAU,sBAAsB;IAC9B,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,OAAO,EACP,UAAU,EACV,UAAU,GACX,EAAE,sBAAsB,2CAmDxB"}

package/dist/editors/service-subscriptions-editor/components/SubscriptionsList.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelectedServiceSubscriptionsDocument } from "../../../document-models/service-subscriptions/hooks.js";
+import { deleteSubscription, updateSubscriptionStatus, assignMember, unassignMember, } from "../../../document-models/service-subscriptions/gen/creators.js";
+import { useState } from "react";
+export function SubscriptionsList({ subscriptions, vendors, categories, isDarkMode, }) {
+    if (subscriptions.length === 0) {
+        return (_jsxs("div", { className: `text-center py-16 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: [_jsxs("svg", { className: "w-12 h-12 mx-auto mb-4 opacity-50", viewBox: "0 0 24 24", fill: "none", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M3 10h18", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M7 15h4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }), _jsx("div", { className: `text-base font-medium mb-2 ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "No subscriptions yet" }), _jsx("p", { children: "Add your first subscription to start tracking." })] }));
+    }
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: subscriptions.map((subscription) => (_jsx(SubscriptionCard, { subscription: subscription, vendor: vendors.find((v) => v.id === subscription.vendorId), category: categories.find((c) => c.id === subscription.categoryId), isDarkMode: isDarkMode }, subscription.id))) }));
+}
+function SubscriptionCard({ subscription, vendor, category, isDarkMode, }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [showAssignModal, setShowAssignModal] = useState(false);
+    const handleDelete = () => {
+        if (confirm(`Delete subscription "${subscription.name}"?`)) {
+            dispatch?.(deleteSubscription({ id: subscription.id }));
+        }
+    };
+    const handleStatusChange = (status) => {
+        dispatch?.(updateSubscriptionStatus({ id: subscription.id, status }));
+    };
+    const handleAssignMember = (memberId) => {
+        dispatch?.(assignMember({ subscriptionId: subscription.id, memberId }));
+        setShowAssignModal(false);
+    };
+    const handleUnassignMember = (memberId) => {
+        dispatch?.(unassignMember({ subscriptionId: subscription.id, memberId }));
+    };
+    const getStatusClasses = (status) => {
+        const base = "inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full uppercase tracking-wide";
+        switch (status) {
+            case "ACTIVE":
+                return `${base} ${isDarkMode ? "bg-green-500/15 text-green-400" : "bg-green-500/10 text-green-600"}`;
+            case "TRIAL":
+                return `${base} ${isDarkMode ? "bg-indigo-500/15 text-indigo-400" : "bg-indigo-500/10 text-indigo-600"}`;
+            case "PENDING":
+                return `${base} ${isDarkMode ? "bg-amber-500/15 text-amber-400" : "bg-amber-500/10 text-amber-600"}`;
+            default:
+                return `${base} ${isDarkMode ? "bg-red-500/15 text-red-400" : "bg-red-500/10 text-red-600"}`;
+        }
+    };
+    const formatCurrency = (amount, currency) => {
+        if (!amount)
+            return "—";
+        return `${currency ?? "$"}${amount.toLocaleString()}`;
+    };
+    const billingCycleLabels = {
+        MONTHLY: "/mo",
+        QUARTERLY: "/qtr",
+        ANNUAL: "/yr",
+        BIENNIAL: "/2yr",
+        ONE_TIME: "one-time",
+        USAGE_BASED: "usage",
+    };
+    const cardClass = `p-4 rounded-lg border transition-colors ${isDarkMode
+        ? "bg-gray-800 border-gray-700 hover:border-indigo-500"
+        : "bg-white border-gray-200 hover:border-indigo-500 shadow-sm"}`;
+    return (_jsxs("div", { className: cardClass, children: [_jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsxs("div", { children: [_jsx("h3", { className: `text-base font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: subscription.name }), _jsxs("div", { className: `text-sm mt-1 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: [vendor?.name ?? "Unknown vendor", category && ` • ${category.name}`] })] }), _jsxs("div", { className: getStatusClasses(subscription.status), children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-current" }), subscription.status] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Plan" }), _jsx("span", { className: `font-medium ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: subscription.planName ?? "—" })] }), _jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Cost" }), _jsxs("span", { className: `font-medium ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: [formatCurrency(subscription.amount, subscription.currency), subscription.amount && (_jsxs("span", { className: `font-normal ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: [" ", billingCycleLabels[subscription.billingCycle]] }))] })] }), subscription.nextBillingDate && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Next billing" }), _jsx("span", { className: `font-medium ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: subscription.nextBillingDate })] })), subscription.loginUrl && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Login" }), _jsx("a", { href: subscription.loginUrl, target: "_blank", rel: "noopener noreferrer", className: "text-indigo-500 hover:underline", children: "Open \u2192" })] }))] }), subscription.seats && (_jsxs("div", { className: `mt-3 pt-3 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("span", { className: `text-xs ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: "Seats" }), _jsxs("span", { className: `text-xs font-medium ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: [subscription.seats.assignedMembers.length, " /", " ", subscription.seats.total] })] }), _jsx("div", { className: `h-1.5 rounded-full overflow-hidden ${isDarkMode ? "bg-gray-700" : "bg-gray-200"}`, children: _jsx("div", { className: "h-full bg-indigo-500 rounded-full transition-all duration-300", style: {
+                                width: `${(subscription.seats.assignedMembers.length / subscription.seats.total) * 100}%`,
+                            } }) }), subscription.seats.assignedMembers.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1 mt-2", children: subscription.seats.assignedMembers.map((memberId) => (_jsxs("span", { className: `text-xs px-2 py-0.5 rounded cursor-pointer ${isDarkMode
+                                ? "bg-gray-900 text-gray-400"
+                                : "bg-gray-100 text-gray-500"}`, onClick: () => handleUnassignMember(memberId), title: "Click to unassign", children: [memberId.slice(0, 12), "..."] }, memberId))) })), subscription.seats.assignedMembers.length <
+                        subscription.seats.total && (_jsx("button", { className: `mt-2 text-xs px-2 py-1 rounded transition-colors ${isDarkMode
+                            ? "text-gray-400 hover:text-gray-100 hover:bg-gray-700"
+                            : "text-gray-500 hover:text-gray-900 hover:bg-gray-100"}`, onClick: () => setShowAssignModal(true), children: "+ Assign member" }))] })), _jsxs("div", { className: `flex gap-2 mt-3 pt-3 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsxs("select", { className: `flex-1 px-3 py-2 text-sm rounded-lg border cursor-pointer ${isDarkMode
+                            ? "bg-gray-900 border-gray-700 text-gray-100"
+                            : "bg-gray-50 border-gray-200 text-gray-900"}`, value: subscription.status, onChange: (e) => handleStatusChange(e.target.value), children: [_jsx("option", { value: "ACTIVE", children: "Active" }), _jsx("option", { value: "TRIAL", children: "Trial" }), _jsx("option", { value: "PENDING", children: "Pending" }), _jsx("option", { value: "PAUSED", children: "Paused" }), _jsx("option", { value: "CANCELLED", children: "Cancelled" }), _jsx("option", { value: "EXPIRED", children: "Expired" })] }), _jsx("button", { className: `px-2.5 py-1.5 text-xs rounded-lg transition-colors ${isDarkMode
+                            ? "text-red-400 hover:bg-red-500/10"
+                            : "text-red-600 hover:bg-red-500/10"}`, onClick: handleDelete, children: "Delete" })] }), showAssignModal && (_jsx(AssignMemberModal, { onAssign: handleAssignMember, onClose: () => setShowAssignModal(false), isDarkMode: isDarkMode }))] }));
+}
+function AssignMemberModal({ onAssign, onClose, isDarkMode, }) {
+    const [memberId, setMemberId] = useState("");
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (memberId.trim()) {
+            onAssign(memberId.trim());
+        }
+    };
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center z-50 animate-in fade-in duration-150 ${isDarkMode ? "bg-black/70" : "bg-black/40"}`, onClick: onClose, children: _jsxs("div", { className: `w-full max-w-md rounded-xl border animate-in slide-in-from-bottom-2 duration-200 ${isDarkMode
+                ? "bg-gray-800 border-gray-700"
+                : "bg-white border-gray-200 shadow-xl"}`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: `flex justify-between items-center px-6 py-5 border-b ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("h2", { className: `text-lg font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "Assign Member" }), _jsx("button", { className: `w-8 h-8 flex items-center justify-center rounded-md transition-colors ${isDarkMode
+                                ? "text-gray-400 hover:text-gray-100 hover:bg-gray-700"
+                                : "text-gray-500 hover:text-gray-900 hover:bg-gray-100"}`, onClick: onClose, children: "\u2715" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("div", { className: "p-6", children: _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1.5 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: "Member PHID" }), _jsx("input", { type: "text", className: `w-full px-3 py-2.5 text-sm rounded-lg border transition-colors focus:outline-none focus:border-indigo-500 ${isDarkMode
+                                            ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500"
+                                            : "bg-gray-50 border-gray-200 text-gray-900 placeholder-gray-400"}`, placeholder: "Enter member PHID", value: memberId, onChange: (e) => setMemberId(e.target.value), autoFocus: true })] }) }), _jsxs("div", { className: `flex justify-end gap-3 px-6 py-4 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("button", { type: "button", className: `px-4 py-2 text-sm font-medium rounded-lg border transition-colors ${isDarkMode
+                                        ? "bg-gray-700 border-gray-600 text-gray-100 hover:bg-gray-600"
+                                        : "bg-white border-gray-200 text-gray-900 hover:bg-gray-50"}`, onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "px-4 py-2 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors", children: "Assign" })] })] })] }) }));
+}

package/dist/editors/service-subscriptions-editor/components/VendorsList.d.ts

@@ -0,0 +1,8 @@
+import type { Vendor } from "../../../document-models/service-subscriptions/gen/types.js";
+interface VendorsListProps {
+    vendors: Vendor[];
+    isDarkMode: boolean;
+}
+export declare function VendorsList({ vendors, isDarkMode }: VendorsListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VendorsList.d.ts.map

package/dist/editors/service-subscriptions-editor/components/VendorsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VendorsList.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/VendorsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6DAA6D,CAAC;AAE1F,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,gBAAgB,2CAoCpE"}

package/dist/editors/service-subscriptions-editor/components/VendorsList.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelectedServiceSubscriptionsDocument } from "../../../document-models/service-subscriptions/hooks.js";
+import { deleteVendor } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function VendorsList({ vendors, isDarkMode }) {
+    if (vendors.length === 0) {
+        return (_jsxs("div", { className: `text-center py-16 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: [_jsx("svg", { className: "w-12 h-12 mx-auto mb-4 opacity-50", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("div", { className: `text-base font-medium mb-2 ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "No vendors yet" }), _jsx("p", { children: "Add vendors to organize your subscriptions." })] }));
+    }
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: vendors.map((vendor) => (_jsx(VendorCard, { vendor: vendor, isDarkMode: isDarkMode }, vendor.id))) }));
+}
+function VendorCard({ vendor, isDarkMode }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const handleDelete = () => {
+        if (confirm(`Delete vendor "${vendor.name}"?`)) {
+            dispatch?.(deleteVendor({ id: vendor.id }));
+        }
+    };
+    const cardClass = `p-4 rounded-lg border transition-colors ${isDarkMode
+        ? "bg-gray-800 border-gray-700 hover:border-indigo-500"
+        : "bg-white border-gray-200 hover:border-indigo-500 shadow-sm"}`;
+    return (_jsxs("div", { className: cardClass, children: [_jsx("div", { className: "mb-3", children: _jsx("h3", { className: `text-base font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: vendor.name }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [vendor.website && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Website" }), _jsx("a", { href: vendor.website, target: "_blank", rel: "noopener noreferrer", className: "text-indigo-500 hover:underline", children: new URL(vendor.website).hostname })] })), vendor.supportEmail && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Support Email" }), _jsx("a", { href: `mailto:${vendor.supportEmail}`, className: "text-indigo-500 hover:underline", children: vendor.supportEmail })] })), vendor.supportUrl && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: isDarkMode ? "text-gray-400" : "text-gray-500", children: "Support" }), _jsx("a", { href: vendor.supportUrl, target: "_blank", rel: "noopener noreferrer", className: "text-indigo-500 hover:underline", children: "Help Center \u2192" })] }))] }), _jsx("div", { className: `flex gap-2 mt-3 pt-3 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: _jsx("button", { className: `px-2.5 py-1.5 text-xs rounded-lg transition-colors ${isDarkMode
+                        ? "text-red-400 hover:bg-red-500/10"
+                        : "text-red-600 hover:bg-red-500/10"}`, onClick: handleDelete, children: "Delete" }) })] }));
+}

package/dist/editors/service-subscriptions-editor/editor.d.ts

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

package/dist/editors/service-subscriptions-editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/service-subscriptions-editor/editor.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAsL7B"}

package/dist/editors/service-subscriptions-editor/editor.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useSelectedServiceSubscriptionsDocument } from "../../document-models/service-subscriptions/hooks.js";
+import { SubscriptionsList } from "./components/SubscriptionsList.js";
+import { VendorsList } from "./components/VendorsList.js";
+import { CategoriesList } from "./components/CategoriesList.js";
+import { AddSubscriptionModal } from "./components/AddSubscriptionModal.js";
+import { AddVendorModal } from "./components/AddVendorModal.js";
+import { AddCategoryModal } from "./components/AddCategoryModal.js";
+import { StatsOverview } from "./components/StatsOverview.js";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+export default function Editor() {
+    const [document] = useSelectedServiceSubscriptionsDocument();
+    const [activeTab, setActiveTab] = useState("subscriptions");
+    const [isDarkMode, setIsDarkMode] = useState(false);
+    const [showAddSubscription, setShowAddSubscription] = useState(false);
+    const [showAddVendor, setShowAddVendor] = useState(false);
+    const [showAddCategory, setShowAddCategory] = useState(false);
+    if (!document) {
+        return (_jsxs("div", { className: `min-h-full p-6 md:p-8 flex flex-col items-center justify-center gap-4 ${isDarkMode ? "bg-gray-950 text-gray-400" : "bg-gray-50 text-gray-500"}`, children: [_jsx("div", { className: `w-8 h-8 border-3 rounded-full animate-spin ${isDarkMode
+                        ? "border-gray-700 border-t-indigo-500"
+                        : "border-gray-300 border-t-indigo-500"}` }), _jsx("span", { children: "Loading subscriptions..." })] }));
+    }
+    const { subscriptions, vendors, categories } = document.state.global;
+    const tabs = [
+        {
+            id: "subscriptions",
+            label: "Subscriptions",
+            count: subscriptions.length,
+        },
+        { id: "vendors", label: "Vendors", count: vendors.length },
+        { id: "categories", label: "Categories", count: categories.length },
+    ];
+    return (_jsxs("div", { className: `min-h-full p-6 md:p-8 font-sans ${isDarkMode ? "bg-gray-950 text-gray-100" : "bg-gray-50 text-gray-900"}`, children: [_jsx(DocumentToolbar, { className: "mb-4" }), _jsxs("header", { className: "flex justify-between items-center mb-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: document.header.name || "Service Subscriptions" }), _jsxs("span", { className: `text-xs px-2.5 py-1 rounded-full border ${isDarkMode
+                                    ? "bg-gray-800 border-gray-700 text-gray-400"
+                                    : "bg-white border-gray-200 text-gray-500 shadow-sm"}`, children: [subscriptions.length, " active subscriptions"] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { className: `flex items-center justify-center w-10 h-10 rounded-lg border cursor-pointer transition-all ${isDarkMode
+                                    ? "bg-gray-800 border-gray-700 text-gray-400 hover:text-gray-100 hover:border-indigo-500"
+                                    : "bg-white border-gray-200 text-gray-500 hover:text-gray-900 hover:border-indigo-500 shadow-sm"}`, onClick: () => setIsDarkMode(!isDarkMode), title: isDarkMode ? "Switch to light mode" : "Switch to dark mode", children: isDarkMode ? _jsx(SunIcon, {}) : _jsx(MoonIcon, {}) }), activeTab === "subscriptions" && (_jsxs("button", { className: "inline-flex items-center gap-2 px-4 py-2.5 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors shadow-sm", onClick: () => setShowAddSubscription(true), children: [_jsx(PlusIcon, {}), "Add Subscription"] })), activeTab === "vendors" && (_jsxs("button", { className: "inline-flex items-center gap-2 px-4 py-2.5 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors shadow-sm", onClick: () => setShowAddVendor(true), children: [_jsx(PlusIcon, {}), "Add Vendor"] })), activeTab === "categories" && (_jsxs("button", { className: "inline-flex items-center gap-2 px-4 py-2.5 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors shadow-sm", onClick: () => setShowAddCategory(true), children: [_jsx(PlusIcon, {}), "Add Category"] }))] })] }), _jsx(StatsOverview, { subscriptions: subscriptions, isDarkMode: isDarkMode }), _jsx("nav", { className: `flex gap-1 mb-6 p-1 rounded-lg w-fit border ${isDarkMode
+                    ? "bg-gray-800 border-gray-700"
+                    : "bg-white border-gray-200 shadow-sm"}`, children: tabs.map((tab) => (_jsxs("button", { className: `flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md cursor-pointer transition-all ${activeTab === tab.id
+                        ? isDarkMode
+                            ? "bg-gray-950 text-gray-100"
+                            : "bg-gray-50 text-gray-900"
+                        : isDarkMode
+                            ? "text-gray-400 hover:text-gray-100"
+                            : "text-gray-500 hover:text-gray-900"}`, onClick: () => setActiveTab(tab.id), children: [tab.label, _jsx("span", { className: `text-xs px-1.5 py-0.5 rounded-full ${activeTab === tab.id
+                                ? "bg-indigo-500 text-white"
+                                : isDarkMode
+                                    ? "bg-gray-700 text-gray-400"
+                                    : "bg-gray-200 text-gray-500"}`, children: tab.count })] }, tab.id))) }), _jsxs("main", { className: "mt-2", children: [activeTab === "subscriptions" && (_jsx(SubscriptionsList, { subscriptions: subscriptions, vendors: vendors, categories: categories, isDarkMode: isDarkMode })), activeTab === "vendors" && (_jsx(VendorsList, { vendors: vendors, isDarkMode: isDarkMode })), activeTab === "categories" && (_jsx(CategoriesList, { categories: categories, isDarkMode: isDarkMode }))] }), showAddSubscription && (_jsx(AddSubscriptionModal, { vendors: vendors, categories: categories, onClose: () => setShowAddSubscription(false), isDarkMode: isDarkMode })), showAddVendor && (_jsx(AddVendorModal, { onClose: () => setShowAddVendor(false), isDarkMode: isDarkMode })), showAddCategory && (_jsx(AddCategoryModal, { onClose: () => setShowAddCategory(false), isDarkMode: isDarkMode }))] }));
+}
+function PlusIcon() {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M8 3v10M3 8h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
+}
+function SunIcon() {
+    return (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+function MoonIcon() {
+    return (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}

package/dist/editors/{integrations → service-subscriptions-editor}/module.d.ts

@@ -1,4 +1,4 @@
 import type { EditorModule } from "document-model";
 /** Document editor module for the Todo List document type */
-export declare const Integrations: EditorModule;
+export declare const ServiceSubscriptionsEditor: EditorModule;
 //# sourceMappingURL=module.d.ts.map

package/dist/editors/service-subscriptions-editor/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/service-subscriptions-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,EAAE,YAOxC,CAAC"}

package/dist/editors/service-subscriptions-editor/module.js

@@ -0,0 +1,10 @@
+import { lazy } from "react";
+/** Document editor module for the Todo List document type */
+export const ServiceSubscriptionsEditor = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/service-subscriptions"],
+    config: {
+        id: "service-subscriptions-editor",
+        name: "ServiceSubscriptionsEditor",
+    },
+};

package/dist/editors/snapshot-report-editor/components/AddReportToRemoteDrive.d.ts

@@ -0,0 +1,13 @@
+import type { SnapshotReportDocument } from "../../../document-models/snapshot-report/gen/types.js";
+export declare function useAddReportToRemoteDrive(ownerIdOverride?: string | null): {
+    ownerDriveId: string | undefined;
+    ownerId: string;
+    selectedDocument: SnapshotReportDocument;
+};
+export declare function useOwnerDriveActions(ownerDriveId: string, selectedDocument: SnapshotReportDocument | undefined): {
+    addReportToOwnerDrive: () => Promise<boolean>;
+    canAddReportToOwnerDrive: boolean;
+    snapshotReportNodeIds: string[];
+    driveDocumentId: string;
+};
+//# sourceMappingURL=AddReportToRemoteDrive.d.ts.map

package/dist/editors/snapshot-report-editor/components/AddReportToRemoteDrive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddReportToRemoteDrive.d.ts","sourceRoot":"","sources":["../../../../editors/snapshot-report-editor/components/AddReportToRemoteDrive.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAEpG,wBAAgB,yBAAyB,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI;;;;EAgCxE;AAED,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,sBAAsB,GAAG,SAAS;iCA+BjB,OAAO,CAAC,OAAO,CAAC;;;;EA+BpD"}

package/dist/editors/snapshot-report-editor/components/AddReportToRemoteDrive.js

@@ -0,0 +1,76 @@
+import { useMemo } from "react";
+import { addFolder, useDrives, useDriveById, } from "@powerhousedao/reactor-browser";
+import { addFile } from "document-drive";
+import { useSelectedSnapshotReportDocument } from "../../hooks/useSnapshotReportDocument.js";
+export function useAddReportToRemoteDrive(ownerIdOverride) {
+    const [selectedDocument] = useSelectedSnapshotReportDocument();
+    const drives = useDrives();
+    const ownerId = ownerIdOverride ?? selectedDocument?.state?.global?.ownerId ?? "";
+    const ownerDrive = useMemo(() => {
+        if (!drives || !ownerId)
+            return undefined;
+        return drives.find((drive) => {
+            if (drive.header.documentType !== "powerhouse/document-drive" ||
+                drive.header.meta?.preferredEditor !== "builder-team-admin") {
+                return false;
+            }
+            return (drive.state.global.nodes ?? []).some((node) => node.kind === "file" &&
+                "documentType" in node &&
+                node.documentType === "powerhouse/builder-profile" &&
+                node.id === ownerId);
+        });
+    }, [drives, ownerId]);
+    const ownerDriveId = ownerDrive?.header.id;
+    return {
+        ownerDriveId,
+        ownerId,
+        selectedDocument,
+    };
+}
+export function useOwnerDriveActions(ownerDriveId, selectedDocument) {
+    const [driveDocument, dispatch] = useDriveById(ownerDriveId);
+    const driveDocumentId = driveDocument?.header?.id;
+    const isDriveAligned = Boolean(ownerDriveId && driveDocumentId === ownerDriveId);
+    const snapshotReportFolderId = useMemo(() => {
+        if (!isDriveAligned)
+            return undefined;
+        return driveDocument?.state?.global?.nodes?.find((node) => node.kind === "folder" && node.name === "Snapshot Reports")?.id;
+    }, [driveDocument, isDriveAligned]);
+    const snapshotReportNodeIds = useMemo(() => {
+        if (!isDriveAligned || !driveDocument?.state?.global?.nodes)
+            return [];
+        return driveDocument.state.global.nodes
+            .filter((node) => node.kind === "file" &&
+            "documentType" in node &&
+            node.documentType === "powerhouse/snapshot-report")
+            .map((node) => node.id);
+    }, [driveDocument, isDriveAligned]);
+    const canAddReportToOwnerDrive = Boolean(isDriveAligned && selectedDocument?.header?.id);
+    const addReportToOwnerDrive = async () => {
+        if (!dispatch ||
+            !isDriveAligned ||
+            !canAddReportToOwnerDrive ||
+            !selectedDocument?.header?.id)
+            return false;
+        let targetFolderId = snapshotReportFolderId;
+        if (!targetFolderId) {
+            const newFolder = await addFolder(ownerDriveId, "Snapshot Reports");
+            targetFolderId = newFolder?.id;
+        }
+        if (!targetFolderId)
+            return false;
+        dispatch(addFile({
+            name: selectedDocument.header.name,
+            documentType: "powerhouse/snapshot-report",
+            id: selectedDocument.header.id,
+            parentFolder: targetFolderId,
+        }));
+        return true;
+    };
+    return {
+        addReportToOwnerDrive,
+        canAddReportToOwnerDrive,
+        snapshotReportNodeIds,
+        driveDocumentId,
+    };
+}

package/dist/editors/snapshot-report-editor/components/SetOwner.d.ts

@@ -0,0 +1,8 @@
+import { setOwnerId } from "../../../document-models/snapshot-report/gen/configuration/creators.js";
+type SetOwnerProps = {
+    ownerId?: string | null;
+    dispatch: (action: ReturnType<typeof setOwnerId>) => void;
+};
+export declare function SetOwner({ ownerId, dispatch }: SetOwnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SetOwner.d.ts.map

package/dist/editors/snapshot-report-editor/components/SetOwner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetOwner.d.ts","sourceRoot":"","sources":["../../../../editors/snapshot-report-editor/components/SetOwner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wEAAwE,CAAC;AAapG,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA4K5D"}