@burdenoff/microfe-timecampus 2026.703.1 → 2026.703.3

package/dist/timecampus/pages/client-portal/ClientPortalPage.js

@@ -1,150 +1,464 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { getInitials as t, getStatusColor as n } from "../../utils/helpers.js";
-import { StatCard as r } from "../../components/StatCard.js";
-import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useGetClientPortalStatsQuery as a, useListClientPortalConfigsQuery as o, useRegenerateClientPortalShareTokenMutation as s } from "../../../generated/wspace-operations.js";
-import { PageLayout as c } from "../../components/PageLayout.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
-import { useState as u } from "react";
-import { Building2 as d, Check as f, DollarSign as p, FolderOpen as m, Link2 as h, Plus as g, RefreshCw as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { getInitials as e } from "../../utils/helpers.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useCreateClientPortalConfigMutation as r, useDeleteClientPortalConfigMutation as ee, useGetClientPortalStatsQuery as te, useListClientPortalConfigsQuery as i, useRegenerateClientPortalShareTokenMutation as ne, useToggleClientPortalMutation as re, useUpdateClientPortalConfigMutation as ie } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { EmptyState as ae } from "../../components/EmptyState.js";
+import { Modal as o } from "../../components/Modal.js";
+import { StatusBadge as oe } from "../../components/StatusBadge.js";
+import { ToastContainer as se, useToast as ce } from "../../components/Toast.js";
+import { useState as s } from "react";
+import { Building2 as c, Check as l, DollarSign as u, FolderOpen as d, Link2 as f, Pencil as p, Plus as le, Power as ue, RefreshCw as de, Trash2 as fe } from "lucide-react";
+import { gql as m } from "@apollo/client";
+import { useApolloClient as pe } from "@apollo/client/react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { uploadBlobToFiles as me } from "@burdenoff/fe-libs/storage";
 //#region src/timecampus/pages/client-portal/ClientPortalPage.tsx
-function x(e) {
+var v = 25, y = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", he = "mt-1 block w-full text-sm text-text-secondary file:mr-3 file:rounded-md file:border-0 file:bg-action-primary-bg file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-action-primary-text hover:file:bg-action-primary-bg/90", ge = m`
+  query TimeCampus_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {
+    getFileDownloadUrl(id: $id, expiresIn: $expiresIn)
+  }
+`;
+function _e(e) {
 	return `${typeof window < "u" ? window.location.origin : ""}/portal/${e}`;
 }
-function S() {
-	let { workspaceId: S = "" } = e(), [C, w] = u(null), { data: T, loading: E, error: D, refetch: O } = o(), { data: k } = a(), [A, { loading: j }] = s(), M = T?.clientPortalConfigs?.items ?? [], N = k?.clientPortalStats, P = async (e) => {
+var b = {
+	clientName: "",
+	contactEmail: "",
+	contactPhone: "",
+	description: "",
+	logoUrl: ""
+};
+function x() {
+	let { toasts: m, addToast: x, dismissToast: ve } = ce(), S = pe(), [C, w] = s(null), [T, E] = s(!1), { data: D, loading: O, error: k, refetch: A, fetchMore: j } = i({
+		variables: {
+			limit: v,
+			offset: 0
+		},
+		notifyOnNetworkStatusChange: !0
+	}), { data: M, refetch: N } = te(), [P, { loading: F }] = ne(), [ye, { loading: I }] = r(), [be, { loading: L }] = ie(), [xe, { loading: R }] = ee(), [Se] = re(), z = D?.clientPortalConfigs?.items ?? [], Ce = D?.clientPortalConfigs?.hasMore ?? !1, B = M?.clientPortalStats, [V, H] = s(!1), [we, U] = s(!1), [W, G] = s(null), [K, q] = s(b), [J, Y] = s(null), [Te, X] = s(null), Z = async () => {
+		await Promise.all([A(), N()]);
+	}, Ee = async (e) => {
 		if (e.shareToken) try {
-			await navigator.clipboard.writeText(x(e.shareToken)), w(e.id), window.setTimeout(() => w(null), 2e3);
-		} catch {}
-	}, F = async (e) => {
-		await A({ variables: { id: e.id } }), await O();
+			await navigator.clipboard.writeText(_e(e.shareToken)), w(e.id), window.setTimeout(() => w(null), 2e3);
+		} catch {
+			x({
+				title: "Clipboard unavailable",
+				variant: "error"
+			});
+		}
+	}, De = async (e) => {
+		X(e.id);
+		try {
+			await P({ variables: { id: e.id } }), x({
+				title: "Share link regenerated",
+				variant: "success"
+			}), await A();
+		} catch {
+			x({
+				title: "Failed to regenerate link",
+				variant: "error"
+			});
+		} finally {
+			X(null);
+		}
+	}, Oe = () => {
+		G(null), q(b), U(!0);
+	}, ke = (e) => {
+		G(e), q({
+			clientName: e.clientName,
+			contactEmail: e.contactEmail ?? "",
+			contactPhone: e.contactPhone ?? "",
+			description: e.description ?? "",
+			logoUrl: e.logoUrl ?? ""
+		}), U(!0);
+	}, Ae = async (e) => {
+		E(!0);
+		try {
+			let t = await me({
+				client: S,
+				blob: e,
+				filename: e.name,
+				mimeType: e.type || "application/octet-stream",
+				folderId: ""
+			}), { data: n } = await S.query({
+				query: ge,
+				variables: {
+					id: t.id,
+					expiresIn: 604800
+				},
+				fetchPolicy: "no-cache"
+			}), r = n?.getFileDownloadUrl;
+			if (!r) throw Error("No download URL returned");
+			q((e) => ({
+				...e,
+				logoUrl: r
+			}));
+		} catch {
+			x({
+				title: "Failed to upload logo",
+				variant: "error"
+			});
+		} finally {
+			E(!1);
+		}
+	}, Q = () => {
+		U(!1), G(null);
+	}, je = async () => {
+		if (K.clientName.trim()) try {
+			W ? (await be({ variables: {
+				id: W.id,
+				input: {
+					clientName: K.clientName.trim(),
+					contactEmail: K.contactEmail.trim() || void 0,
+					contactPhone: K.contactPhone.trim() || void 0,
+					description: K.description.trim() || void 0,
+					logoUrl: K.logoUrl || void 0
+				}
+			} }), x({
+				title: "Client updated",
+				variant: "success"
+			})) : (await ye({ variables: { input: {
+				clientName: K.clientName.trim(),
+				contactEmail: K.contactEmail.trim() || void 0,
+				contactPhone: K.contactPhone.trim() || void 0,
+				description: K.description.trim() || void 0,
+				logoUrl: K.logoUrl || void 0,
+				isActive: !0
+			} } }), x({
+				title: "Client added",
+				variant: "success"
+			})), Q(), await Z();
+		} catch {
+			x({
+				title: W ? "Failed to update client" : "Failed to add client",
+				variant: "error"
+			});
+		}
+	}, Me = async () => {
+		if (J) try {
+			await xe({ variables: { id: J.id } }), x({
+				title: "Client deleted",
+				variant: "success"
+			}), Y(null), await Z();
+		} catch {
+			x({
+				title: "Failed to delete client",
+				variant: "error"
+			});
+		}
+	}, Ne = async (e) => {
+		X(e.id);
+		try {
+			await Se({ variables: {
+				id: e.id,
+				isActive: !e.isActive
+			} }), x({
+				title: e.isActive ? "Client deactivated" : "Client activated",
+				variant: "success"
+			}), await Z();
+		} catch {
+			x({
+				title: "Failed to toggle client",
+				variant: "error"
+			});
+		} finally {
+			X(null);
+		}
+	}, Pe = async () => {
+		H(!0);
+		try {
+			await j({
+				variables: {
+					limit: v,
+					offset: z.length
+				},
+				updateQuery: (e, { fetchMoreResult: t }) => t ? {
+					...e,
+					clientPortalConfigs: {
+						...t.clientPortalConfigs,
+						items: [...e.clientPortalConfigs.items, ...t.clientPortalConfigs.items]
+					}
+				} : e
+			});
+		} finally {
+			H(!1);
+		}
 	};
-	return E ? /* @__PURE__ */ y(c, {
+	if (O && z.length === 0) return /* @__PURE__ */ g(a, {
 		title: "Client Portal",
 		description: "Manage clients and their projects",
-		children: /* @__PURE__ */ y(i, {
+		children: /* @__PURE__ */ g(n, {
 			variant: "list",
 			count: 4
 		})
-	}) : D ? /* @__PURE__ */ y(c, {
+	});
+	if (k) return /* @__PURE__ */ g(a, {
 		title: "Client Portal",
 		description: "Manage clients and their projects",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load client portal data. Please try again later."
 		})
-	}) : /* @__PURE__ */ b(c, {
+	});
+	let $ = /* @__PURE__ */ _("button", {
+		onClick: Oe,
+		className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+		children: [/* @__PURE__ */ g(le, { className: "h-4 w-4" }), "Add Client"]
+	});
+	return /* @__PURE__ */ _(a, {
 		title: "Client Portal",
 		description: "Manage clients and their projects",
 		purpose: "Give clients a transparent window into the work you do for them — the projects, hours and progress tied to each one — so billing conversations are backed by data and trust, not spreadsheets.",
-		actions: /* @__PURE__ */ b("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ y(g, { className: "h-4 w-4" }), "Add Client"]
-		}),
-		children: [/* @__PURE__ */ b("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ y(r, {
-					featured: !0,
-					title: "Active Clients",
-					value: String(N?.activeClients ?? 0),
-					icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ y(r, {
-					title: "Total Projects",
-					value: String(N?.totalProjectsShared ?? 0),
-					icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ y(r, {
-					title: "Total Clients",
-					value: String(N?.totalClients ?? 0),
-					icon: /* @__PURE__ */ y(p, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ y(r, {
-					title: "Active",
-					value: String(N?.activeClients ?? 0),
-					trend: {
-						value: 0,
-						label: "clients"
-					}
-				})
-			]
-		}), M.length === 0 ? /* @__PURE__ */ y(l, {
-			illustration: "empty-people",
-			title: "No clients configured yet",
-			description: "Add your first client to share projects and tracked hours with them.",
-			action: /* @__PURE__ */ b("button", {
-				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-				children: [/* @__PURE__ */ y(g, { className: "h-4 w-4" }), "Add Client"]
-			})
-		}) : /* @__PURE__ */ y("div", {
-			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-			children: /* @__PURE__ */ y("div", {
-				className: "divide-y divide-border",
-				children: M.map((e) => {
-					let r = e.projects.reduce((e, t) => e + t.trackedHours, 0);
-					return /* @__PURE__ */ b("div", {
-						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer",
-						children: [/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ y("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-sm font-medium text-primary",
-								children: t(e.clientName)
-							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: e.clientName
-							}), /* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
+		actions: $,
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ g(t, {
+						featured: !0,
+						title: "Active Clients",
+						value: String(B?.activeClients ?? 0),
+						icon: /* @__PURE__ */ g(c, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ g(t, {
+						title: "Total Projects",
+						value: String(B?.totalProjectsShared ?? 0),
+						icon: /* @__PURE__ */ g(d, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ g(t, {
+						title: "Total Clients",
+						value: String(B?.totalClients ?? 0),
+						icon: /* @__PURE__ */ g(u, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ g(t, {
+						title: "Active",
+						value: String(B?.activeClients ?? 0),
+						trend: {
+							value: 0,
+							label: "clients"
+						}
+					})
+				]
+			}),
+			z.length === 0 ? /* @__PURE__ */ g(ae, {
+				illustration: "empty-people",
+				title: "No clients configured yet",
+				description: "Add your first client to share projects and tracked hours with them.",
+				action: $
+			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
+				children: /* @__PURE__ */ g("div", {
+					className: "divide-y divide-border",
+					children: z.map((t) => {
+						let n = t.projects.reduce((e, t) => e + t.trackedHours, 0), r = Te === t.id;
+						return /* @__PURE__ */ _("div", {
+							className: "flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-sm font-medium text-primary",
+									children: e(t.clientName)
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: t.clientName
+								}), /* @__PURE__ */ _("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										t.projects.length,
+										" projects ·",
+										" ",
+										n,
+										"h tracked",
+										t.contactEmail && /* @__PURE__ */ _(h, { children: [" · ", t.contactEmail] })
+									]
+								})] })]
+							}), /* @__PURE__ */ _("div", {
+								className: "flex flex-wrap items-center gap-2",
 								children: [
-									e.projects.length,
-									" projects ·",
-									" ",
-									r,
-									"h tracked"
-								]
-							})] })]
-						}), /* @__PURE__ */ b("div", {
-							className: "flex items-center gap-3",
-							children: [
-								e.contactEmail && /* @__PURE__ */ y("span", {
-									className: "hidden text-xs text-text-secondary sm:inline",
-									children: e.contactEmail
-								}),
-								e.isActive && e.shareToken && /* @__PURE__ */ b("div", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ y("button", {
+									t.isActive && t.shareToken && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: (t) => {
-											t.stopPropagation(), P(e);
-										},
+										onClick: () => void Ee(t),
 										title: "Copy the client's private share link",
 										className: "inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50",
-										children: C === e.id ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(f, { className: "h-3.5 w-3.5" }), " Copied"] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(h, { className: "h-3.5 w-3.5" }), " Share link"] })
-									}), /* @__PURE__ */ y("button", {
+										children: C === t.id ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(l, { className: "h-3.5 w-3.5" }), " Copied"] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(f, { className: "h-3.5 w-3.5" }), " Share link"] })
+									}), /* @__PURE__ */ g("button", {
 										type: "button",
-										disabled: j,
-										onClick: (t) => {
-											t.stopPropagation(), F(e);
-										},
+										disabled: r && F,
+										onClick: () => void De(t),
 										title: "Regenerate the link (invalidates the old one)",
-										className: "inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1 text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50",
-										children: /* @__PURE__ */ y(_, { className: "h-3.5 w-3.5" })
-									})]
+										className: "inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50",
+										children: /* @__PURE__ */ g(de, { className: `h-3.5 w-3.5 ${r && F ? "animate-spin" : ""}` })
+									})] }),
+									/* @__PURE__ */ _("button", {
+										type: "button",
+										disabled: r,
+										onClick: () => void Ne(t),
+										title: t.isActive ? "Deactivate client portal" : "Activate client portal",
+										className: "inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50",
+										children: [/* @__PURE__ */ g(ue, { className: "h-3.5 w-3.5" }), t.isActive ? "Deactivate" : "Activate"]
+									}),
+									/* @__PURE__ */ g(oe, {
+										label: t.isActive ? "active" : "inactive",
+										status: t.isActive ? "active" : "inactive"
+									}),
+									/* @__PURE__ */ g("button", {
+										type: "button",
+										onClick: () => ke(t),
+										title: "Edit client",
+										className: "inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken/50",
+										children: /* @__PURE__ */ g(p, { className: "h-3.5 w-3.5" })
+									}),
+									/* @__PURE__ */ g("button", {
+										type: "button",
+										onClick: () => Y(t),
+										title: "Delete client",
+										className: "inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-status-error-text hover:bg-status-error-bg",
+										children: /* @__PURE__ */ g(fe, { className: "h-3.5 w-3.5" })
+									})
+								]
+							})]
+						}, t.id);
+					})
+				})
+			}), Ce && /* @__PURE__ */ g("div", {
+				className: "mt-4 flex justify-center",
+				children: /* @__PURE__ */ g("button", {
+					onClick: Pe,
+					disabled: V,
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+					children: V ? "Loading..." : "Load more"
+				})
+			})] }),
+			/* @__PURE__ */ g(o, {
+				open: we,
+				onClose: Q,
+				title: W ? "Edit Client" : "Add Client",
+				description: W ? "Update this client's portal details." : "Set up a client so you can share projects and tracked hours with them.",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: Q,
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ g("button", {
+					onClick: je,
+					disabled: I || L || !K.clientName.trim(),
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
+					children: I || L ? "Saving..." : W ? "Save Changes" : "Add Client"
+				})] }),
+				children: /* @__PURE__ */ _("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Client Name"
+						}), /* @__PURE__ */ g("input", {
+							type: "text",
+							placeholder: "e.g. Acme Corp",
+							value: K.clientName,
+							onChange: (e) => q({
+								...K,
+								clientName: e.target.value
+							}),
+							className: y
+						})] }),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Contact Email"
+							}), /* @__PURE__ */ g("input", {
+								type: "email",
+								placeholder: "contact@client.com",
+								value: K.contactEmail,
+								onChange: (e) => q({
+									...K,
+									contactEmail: e.target.value
+								}),
+								className: y
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Contact Phone"
+							}), /* @__PURE__ */ g("input", {
+								type: "tel",
+								placeholder: "Optional",
+								value: K.contactPhone,
+								onChange: (e) => q({
+									...K,
+									contactPhone: e.target.value
 								}),
-								/* @__PURE__ */ y("span", {
-									className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${n(e.isActive ? "active" : "inactive")}`,
-									children: e.isActive ? "active" : "inactive"
-								})
-							]
-						})]
-					}, e.id);
+								className: y
+							})] })]
+						}),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Description"
+						}), /* @__PURE__ */ g("textarea", {
+							rows: 3,
+							placeholder: "Notes about this client (optional)",
+							value: K.description,
+							onChange: (e) => q({
+								...K,
+								description: e.target.value
+							}),
+							className: y
+						})] }),
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ g("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Logo"
+							}),
+							/* @__PURE__ */ g("input", {
+								type: "file",
+								accept: "image/*",
+								disabled: T,
+								onChange: (e) => {
+									let t = e.target.files?.[0];
+									t && Ae(t), e.target.value = "";
+								},
+								className: he
+							}),
+							T && /* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: "Uploading…"
+							}),
+							K.logoUrl && /* @__PURE__ */ g("img", {
+								src: K.logoUrl,
+								alt: "Client logo preview",
+								className: "mt-2 h-16 w-16 rounded-md border border-border-seam object-cover"
+							})
+						] })
+					]
+				})
+			}),
+			/* @__PURE__ */ g(o, {
+				open: J !== null,
+				onClose: () => Y(null),
+				title: "Delete client?",
+				description: J ? `"${J.clientName}" and its share link will be removed.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => Y(null),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ g("button", {
+					onClick: Me,
+					disabled: R,
+					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
+					children: R ? "Deleting..." : "Delete"
+				})] }),
+				children: /* @__PURE__ */ g("p", {
+					className: "text-sm text-text-secondary",
+					children: "The client will lose access to their shared portal immediately. This cannot be undone."
 				})
+			}),
+			/* @__PURE__ */ g(se, {
+				toasts: m,
+				onDismiss: ve
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { S as ClientPortalPage };
+export { x as ClientPortalPage };
 
 //# sourceMappingURL=ClientPortalPage.js.map