@powerhousedao/builder-team-admin 0.0.1

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

@@ -0,0 +1,10 @@
+import type { ServiceSubscription, Vendor, Category } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+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,yEAAyE,CAAC;AAGjF,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 "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+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 "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+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,yEAAyE,CAAC;AAEtG,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 "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+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 "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+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/service-subscriptions-editor/module.d.ts

@@ -0,0 +1,4 @@
+import type { EditorModule } from "document-model";
+/** Document editor module for the Todo List document type */
+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/index.d.ts

@@ -0,0 +1,5 @@
+import type { Manifest } from "document-model";
+export declare const manifest: Manifest;
+export declare const documentModels: (import("document-model").DocumentModelModule<import("./document-models/service-subscriptions/index.js").ServiceSubscriptionsPHState> | import("document-model").DocumentModelModule<import("./document-models/expense-report/index.js").ExpenseReportPHState>)[];
+export declare const editors: import("document-model").EditorModule[];
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAK/C,eAAO,MAAM,QAAQ,EAAE,QAAuB,CAAC;AAC/C,eAAO,MAAM,cAAc,mQAAuC,CAAC;AACnE,eAAO,MAAM,OAAO,yCAAgC,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+import manifestJson from "./powerhouse.manifest.json" with { type: "json" };
+import * as documentModelsExports from "./document-models/index.js";
+import * as editorsExports from "./editors/index.js";
+export const manifest = manifestJson;
+export const documentModels = Object.values(documentModelsExports);
+export const editors = Object.values(editorsExports);

package/dist/package.json

@@ -0,0 +1,119 @@
+{
+    "name": "@powerhousedao/builder-team-admin",
+    "description": "Builder Team Admin drive that holds a teams profile and its relevant document models.",
+    "version": "0.0.1",
+    "license": "AGPL-3.0-only",
+    "type": "module",
+    "files": [
+        "/dist"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./document-models": {
+            "types": "./dist/document-models/index.d.ts",
+            "import": "./dist/document-models/index.js"
+        },
+        "./editors": {
+            "types": "./dist/editors/index.d.ts",
+            "import": "./dist/editors/index.js"
+        },
+        "./document-models/*": {
+            "types": "./dist/document-models/*/index.d.ts",
+            "import": "./dist/document-models/*/index.js"
+        },
+        "./editors/*": {
+            "types": "./dist/editors/*/index.d.ts",
+            "import": "./dist/editors/*/index.js"
+        },
+        "./subgraphs": {
+            "types": "./dist/subgraphs/index.d.ts",
+            "import": "./dist/subgraphs/index.js"
+        },
+        "./processors": {
+            "types": "./dist/processors/index.d.ts",
+            "import": "./dist/processors/index.js"
+        },
+        "./manifest": "./dist/powerhouse.manifest.json",
+        "./style.css": "./dist/style.css"
+    },
+    "scripts": {
+        "build": "npm run tsc && npm run tailwind",
+        "test": "vitest run",
+        "test:watch": "vitest",
+        "lint": "eslint --config eslint.config.js --cache --cache-strategy content",
+        "lint:fix": "npm run lint -- --fix",
+        "tsc": "tsc",
+        "tsc:watch": "tsc --watch",
+        "tailwind": "npx @tailwindcss/cli -i ./style.css -o ./dist/style.css",
+        "prepublishOnly": "npm run build",
+        "check-circular-imports": "npx dpdm -T ./index.ts",
+        "generate": "ph-cli generate",
+        "connect": "ph-cli connect",
+        "reactor": "ph-cli reactor",
+        "service": "ph-cli service",
+        "vetra": "ph-cli vetra",
+        "service-startup": "bash ./node_modules/@powerhousedao/ph-cli/dist/scripts/service-startup.sh",
+        "service-unstartup": "bash ./node_modules/@powerhousedao/ph-cli/dist/scripts/service-unstartup.sh"
+    },
+    "dependencies": {
+        "@powerhousedao/builder-profile": "^0.0.6",
+        "@powerhousedao/builder-tools": "^5.1.0",
+        "@powerhousedao/common": "^5.1.0",
+        "@powerhousedao/design-system": "^5.1.0",
+        "@powerhousedao/document-engineering": "^1.40.0",
+        "@powerhousedao/vetra": "^5.1.0",
+        "@react-pdf/renderer": "^4.3.2",
+        "document-model": "^5.1.0",
+        "error": "^10.4.0",
+        "graphql": "^16.10.0",
+        "graphql-tag": "^2.12.6",
+        "lucide-react": "^0.562.0",
+        "zod": "^3.25.76"
+    },
+    "devDependencies": {
+        "@electric-sql/pglite": "^0.2.12",
+        "@eslint/js": "^9.38.0",
+        "@powerhousedao/analytics-engine-core": "^0.5.0",
+        "@powerhousedao/codegen": "^5.1.0",
+        "@powerhousedao/config": "^5.1.0",
+        "@powerhousedao/ph-cli": "^5.1.0",
+        "@powerhousedao/reactor-api": "^5.1.0",
+        "@powerhousedao/reactor-browser": "^5.1.0",
+        "@powerhousedao/reactor-local": "^5.1.0",
+        "@powerhousedao/scalars": "^2.0.1",
+        "@powerhousedao/switchboard": "^5.1.0",
+        "@powerhousedao/connect": "^5.1.0",
+        "@tailwindcss/cli": "^4.1.4",
+        "@testing-library/react": "^16.3.0",
+        "@types/node": "^24.9.2",
+        "@types/react": "^19.2.2",
+        "@vitejs/plugin-react": "^5.1.0",
+        "document-drive": "^5.1.0",
+        "eslint": "^9.38.0",
+        "vite-plugin-node-polyfills": "^0.24.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.4",
+        "globals": "^16.4.0",
+        "package-manager-detector": "^0.2.8",
+        "pm2": "^5.4.3",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "tailwindcss": "^4.1.16",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.46.2",
+        "vite": "^6.2.3",
+        "vitest": "^3.0.9"
+    },
+    "peerDependencies": {
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0"
+    }
+}

package/dist/powerhouse.manifest.json

@@ -0,0 +1,27 @@
+{
+    "name": "builder-team-admin",
+    "description": "Builder Team Admin drive that holds a teams profile and its relevant document models. ",
+    "category": "Project Management",
+    "publisher": {
+        "name": "Powerhouse",
+        "url": "https://powerhouse.inc/"
+    },
+    "documentModels": [
+        {
+            "id": "powerhouse/service-subscriptions",
+            "name": "ServiceSubscriptions"
+        }
+    ],
+    "editors": [
+        {
+            "id": "service-subscriptions-editor",
+            "name": "ServiceSubscriptionsEditor",
+            "documentTypes": [
+                "powerhouse/service-subscriptions"
+            ]
+        }
+    ],
+    "apps": [],
+    "subgraphs": [],
+    "importScripts": []
+}

package/dist/processors/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/processors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../processors/index.ts"],"names":[],"mappings":""}

package/dist/processors/index.js

@@ -0,0 +1 @@
+export {};