@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.707.1

package/dist/crewfoundry/pages/CompanyClientManagementPagePage.js

@@ -1,13 +1,19 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
-import { useState as i } from "react";
-import { Building2 as a, DollarSign as o, FolderKanban as s, Pencil as c, Plus as l, Search as u, Trash2 as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { AlertDialog as m, AlertDialogAction as h, AlertDialogCancel as g, AlertDialogContent as _, AlertDialogDescription as v, AlertDialogFooter as ee, AlertDialogHeader as te, AlertDialogTitle as ne, AlertDialogTrigger as re, Badge as ie, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, Input as D, PagePurpose as O, Pagination as k, ResponsiveTable as A, Select as j, SelectContent as M, SelectItem as N, SelectTrigger as P, SelectValue as F } from "@burdenoff/fe-libs/ui";
-import { usePagination as I } from "@burdenoff/fe-libs/shared/hooks";
+import { StatCard as n } from "../components/viz/StatCard.js";
+import { AvatarStack as r } from "../components/viz/AvatarStack.js";
+import { SegmentedTabs as ee } from "../components/viz/SegmentedTabs.js";
+import "../components/viz/index.js";
+import { FormModal as te, useFormModal as i } from "../components/forms/FormModal.js";
+import { thisQuarterRevenue as a, totalContractValue as o } from "../lib/companyFinance.js";
+import { useState as s } from "react";
+import { MoreHorizontal as c, Pencil as l, Plus as u, Search as ne, Trash2 as re } from "lucide-react";
+import { useNavigate as ie } from "react-router-dom";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { AlertDialog as ae, AlertDialogAction as oe, AlertDialogCancel as se, AlertDialogContent as ce, AlertDialogDescription as le, AlertDialogFooter as p, AlertDialogHeader as m, AlertDialogTitle as h, Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuSeparator as T, DropdownMenuTrigger as E, GradientText as D, IllustratedEmptyState as O, Input as k, PagePurpose as A, Pagination as j, ResponsiveTable as M, Select as N, SelectContent as P, SelectItem as F, SelectTrigger as I, SelectValue as ue } from "@burdenoff/fe-libs/ui";
+import { usePagination as L } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/CompanyClientManagementPagePage.tsx
-var L = [
+var R = [
 	{
 		name: "name",
 		label: "Client name",
@@ -68,7 +74,7 @@ var L = [
 		label: "Client since",
 		type: "date"
 	}
-], ae = (e) => ({
+], z = (e) => ({
 	name: e.name,
 	industry: e.industry,
 	contactPerson: e.contactPerson,
@@ -78,7 +84,7 @@ var L = [
 	revenue: e.revenue,
 	projects: e.projects,
 	since: e.since ? e.since.slice(0, 10) : ""
-}), R = (e, t) => ({
+}), B = (e, t) => ({
 	id: t?.id ?? crypto.randomUUID(),
 	name: String(e.name ?? ""),
 	industry: String(e.industry ?? ""),
@@ -89,182 +95,169 @@ var L = [
 	revenue: typeof e.revenue == "number" ? e.revenue : Number(e.revenue) || 0,
 	projects: typeof e.projects == "number" ? e.projects : Number(e.projects) || 0,
 	since: String(e.since ?? "")
-}), z = (e) => e === "active" ? "default" : e === "prospect" ? "secondary" : "destructive";
-function B() {
-	let { clients: B, addClient: V, updateClient: H, removeClient: U } = e(), W = r(), [G, K] = i(""), [q, J] = i("all"), { page: oe, pageSize: Y, offset: X, setPage: Z } = I({ initialPageSize: 25 }), Q = B.reduce((e, t) => e + t.revenue, 0), se = B.filter((e) => e.status === "active"), $ = B.filter((e) => {
-		let t = `${e.name} ${e.industry} ${e.contactPerson} ${e.email}`.toLowerCase().includes(G.toLowerCase()), n = q === "all" || e.status === q;
+}), V = (e) => e === "active" ? "default" : e === "prospect" ? "secondary" : "destructive", H = (e) => e >= 1e6 ? `$${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `$${Math.round(e / 1e3)}k` : `$${Math.round(e)}`;
+function U() {
+	let { clients: U, vendors: W, invoices: de, addClient: fe, updateClient: pe, removeClient: me } = e(), he = ie(), G = i(), [K, ge] = s(""), [q, _e] = s("all"), [J, Y] = s(null), { page: ve, pageSize: X, offset: Z, setPage: Q } = L({ initialPageSize: 25 }), ye = U.filter((e) => e.status === "active"), be = o(U, W), xe = a(de), $ = U.filter((e) => {
+		let t = `${e.name} ${e.industry} ${e.contactPerson} ${e.email}`.toLowerCase().includes(K.toLowerCase()), n = q === "all" || e.status === q;
 		return t && n;
-	}), ce = $.slice(X, X + Y);
-	return /* @__PURE__ */ p("div", {
+	}), Se = $.slice(Z, Z + X);
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("h1", {
+				children: [/* @__PURE__ */ f("div", { children: [
+					/* @__PURE__ */ d("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ f(T, { children: "Client Management" })
+						children: /* @__PURE__ */ d(D, { children: "Clients & Vendors" })
 					}),
-					/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							B.length,
-							" clients · $",
-							(Q / 1e6).toFixed(1),
-							"M revenue"
+							U.length,
+							" clients · ",
+							W.length,
+							" vendors"
 						]
 					}),
-					/* @__PURE__ */ f(O, {
+					/* @__PURE__ */ d(A, {
 						className: "mt-1",
 						children: "Keep track of the clients you work with — their contacts, status, and engagements — so account relationships never slip through the cracks."
 					})
-				] }), /* @__PURE__ */ p(y, {
+				] }), /* @__PURE__ */ f(_, {
 					size: "sm",
-					onClick: () => W.openModal(),
-					children: [/* @__PURE__ */ f(l, { className: "h-4 w-4 mr-1" }), "Add Client"]
+					onClick: () => G.openModal(),
+					children: [/* @__PURE__ */ d(u, { className: "h-4 w-4 mr-1" }), "Add Client"]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
-				className: "grid gap-4 md:grid-cols-3",
+			/* @__PURE__ */ d(ee, {
+				"aria-label": "Clients and vendors",
+				variant: "underline",
+				value: "clients",
+				onChange: (e) => {
+					e === "vendors" && he("../company/vendor-management-page");
+				},
+				tabs: [{
+					id: "clients",
+					label: "Clients",
+					count: U.length
+				}, {
+					id: "vendors",
+					label: "Vendors",
+					count: W.length
+				}]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(w, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(S, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(C, {
-								className: "text-sm font-medium",
-								children: "Active Clients"
-							}), /* @__PURE__ */ f(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(x, { children: /* @__PURE__ */ f("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: se.length
-						}) })]
+					/* @__PURE__ */ d(n, {
+						label: "Active Clients",
+						value: ye.length
+					}),
+					/* @__PURE__ */ d(n, {
+						label: "Vendors",
+						value: W.length
 					}),
-					/* @__PURE__ */ p(w, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(S, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(C, {
-								className: "text-sm font-medium",
-								children: "Total Revenue"
-							}), /* @__PURE__ */ f(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(x, { children: /* @__PURE__ */ p("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: [
-								"$",
-								(Q / 1e6).toFixed(1),
-								"M"
-							]
-						}) })]
+					/* @__PURE__ */ d(n, {
+						label: "Total Contract Value",
+						value: H(be)
 					}),
-					/* @__PURE__ */ p(w, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ p(S, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ f(C, {
-								className: "text-sm font-medium",
-								children: "Total Projects"
-							}), /* @__PURE__ */ f(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ f(x, { children: /* @__PURE__ */ f("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: B.reduce((e, t) => e + t.projects, 0)
-						}) })]
+					/* @__PURE__ */ d(n, {
+						label: "This Quarter",
+						value: H(xe)
 					})
 				]
 			}),
-			/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f(S, { children: /* @__PURE__ */ f(C, { children: "Client Portfolio" }) }), /* @__PURE__ */ p(x, {
+			/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(b, { children: /* @__PURE__ */ d(x, { children: "Client Portfolio" }) }), /* @__PURE__ */ f(y, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "relative flex-1",
-							children: [/* @__PURE__ */ f(u, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ f(D, {
+							children: [/* @__PURE__ */ d(ne, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ d(k, {
 								placeholder: "Search clients...",
 								className: "pl-9",
-								value: G,
+								value: K,
 								onChange: (e) => {
-									K(e.target.value), Z(1);
+									ge(e.target.value), Q(1);
 								}
 							})]
-						}), /* @__PURE__ */ p(j, {
+						}), /* @__PURE__ */ f(N, {
 							value: q,
 							onValueChange: (e) => {
-								J(e), Z(1);
+								_e(e), Q(1);
 							},
-							children: [/* @__PURE__ */ f(P, {
+							children: [/* @__PURE__ */ d(I, {
 								className: "w-full sm:w-40",
 								"aria-label": "Filter by status",
-								children: /* @__PURE__ */ f(F, {})
-							}), /* @__PURE__ */ p(M, { children: [
-								/* @__PURE__ */ f(N, {
+								children: /* @__PURE__ */ d(ue, {})
+							}), /* @__PURE__ */ f(P, { children: [
+								/* @__PURE__ */ d(F, {
 									value: "all",
 									children: "All statuses"
 								}),
-								/* @__PURE__ */ f(N, {
+								/* @__PURE__ */ d(F, {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ f(N, {
+								/* @__PURE__ */ d(F, {
 									value: "prospect",
 									children: "Prospect"
 								}),
-								/* @__PURE__ */ f(N, {
+								/* @__PURE__ */ d(F, {
 									value: "churned",
 									children: "Churned"
 								})
 							] })]
 						})]
 					}),
-					/* @__PURE__ */ f(A, {
-						data: ce,
+					/* @__PURE__ */ d(M, {
+						data: Se,
 						rowKey: (e) => e.id,
 						columns: [
 							{
 								key: "name",
 								header: "Client",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "font-medium",
-									children: e.name
-								})
-							},
-							{
-								key: "industry",
-								header: "Industry",
-								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: e.industry
+								cell: (e) => /* @__PURE__ */ f("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ d(r, {
+										people: [{ name: e.name }],
+										size: 36
+									}), /* @__PURE__ */ f("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ d("p", {
+											className: "truncate font-medium",
+											children: e.name
+										}), /* @__PURE__ */ d("p", {
+											className: "truncate text-xs text-text-secondary",
+											children: e.industry || "—"
+										})]
+									})]
 								})
 							},
 							{
 								key: "contact",
-								header: "Contact",
+								header: "Primary Contact",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 									className: "text-xs",
-									children: e.contactPerson
-								}), /* @__PURE__ */ f("p", {
+									children: e.contactPerson || "—"
+								}), /* @__PURE__ */ d("p", {
 									className: "text-xs text-text-secondary",
 									children: e.email
 								})] })
 							},
 							{
-								key: "revenue",
-								header: "Revenue",
+								key: "status",
+								header: "Status",
 								priority: "secondary",
-								headerClassName: "text-right",
-								cellClassName: "text-right",
-								cell: (e) => /* @__PURE__ */ p("span", { children: [
-									"$",
-									(e.revenue / 1e3).toFixed(0),
-									"K"
-								] })
+								cell: (e) => /* @__PURE__ */ d(g, {
+									variant: V(e.status),
+									className: "text-[10px]",
+									children: t(e.status)
+								})
 							},
 							{
 								key: "projects",
@@ -272,83 +265,92 @@ function B() {
 								priority: "hidden-on-mobile",
 								headerClassName: "text-right",
 								cellClassName: "text-right",
-								cell: (e) => /* @__PURE__ */ f("span", { children: e.projects })
-							},
-							{
-								key: "since",
-								header: "Since",
-								priority: "hidden-on-mobile",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: e.since
+								cell: (e) => /* @__PURE__ */ d("span", {
+									className: "tabular-nums",
+									children: e.projects
 								})
 							},
 							{
-								key: "status",
-								header: "Status",
+								key: "revenue",
+								header: "Value",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ f(ie, {
-									variant: z(e.status),
-									className: "text-[10px]",
-									children: t(e.status)
+								headerClassName: "text-right",
+								cellClassName: "text-right",
+								cell: (e) => /* @__PURE__ */ f("span", {
+									className: "tabular-nums",
+									children: ["$", e.revenue.toLocaleString()]
 								})
 							}
 						],
-						emptyState: /* @__PURE__ */ f(E, {
+						emptyState: /* @__PURE__ */ d(O, {
 							illustration: "empty-search",
 							title: "No clients match",
 							description: "Try a different search term or status filter."
 						}),
-						rowActions: (e) => /* @__PURE__ */ p("div", {
-							className: "flex items-center justify-end gap-1",
-							children: [/* @__PURE__ */ f(y, {
-								variant: "ghost",
-								size: "icon",
-								"aria-label": `Edit ${e.name}`,
-								onClick: () => W.openModal(e),
-								children: /* @__PURE__ */ f(c, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(re, {
+						rowActions: (e) => /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-end",
+							children: /* @__PURE__ */ f(S, { children: [/* @__PURE__ */ d(E, {
 								asChild: !0,
-								children: /* @__PURE__ */ f(y, {
+								children: /* @__PURE__ */ d(_, {
 									variant: "ghost",
 									size: "icon",
-									"aria-label": `Delete ${e.name}`,
-									children: /* @__PURE__ */ f(d, { className: "h-4 w-4 text-status-error-text" })
+									className: "h-8 w-8",
+									"aria-label": `More actions for ${e.name}`,
+									children: /* @__PURE__ */ d(c, { className: "h-4 w-4" })
 								})
-							}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p(te, { children: [/* @__PURE__ */ f(ne, { children: "Delete client?" }), /* @__PURE__ */ p(v, { children: [
-								"This removes “",
-								e.name,
-								"” from your client portfolio. This action cannot be undone."
-							] })] }), /* @__PURE__ */ p(ee, { children: [/* @__PURE__ */ f(g, { children: "Cancel" }), /* @__PURE__ */ f(h, {
-								onClick: () => void U(e.id),
-								children: "Delete"
-							})] })] })] })]
+							}), /* @__PURE__ */ f(C, {
+								align: "end",
+								children: [
+									/* @__PURE__ */ f(w, {
+										onSelect: () => G.openModal(e),
+										children: [/* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4" }), "Edit"]
+									}),
+									/* @__PURE__ */ d(T, {}),
+									/* @__PURE__ */ f(w, {
+										className: "text-status-error-text",
+										onSelect: () => Y(e),
+										children: [/* @__PURE__ */ d(re, { className: "mr-2 h-4 w-4" }), "Delete"]
+									})
+								]
+							})] })
 						})
 					}),
-					$.length > Y && /* @__PURE__ */ f(k, {
-						page: oe,
-						pageSize: Y,
+					$.length > X && /* @__PURE__ */ d(j, {
+						page: ve,
+						pageSize: X,
 						totalItems: $.length,
-						onPageChange: Z
+						onPageChange: Q
 					})
 				]
 			})] }),
-			/* @__PURE__ */ f(n, {
-				open: W.open,
-				onOpenChange: W.onOpenChange,
-				title: W.context ? "Edit client" : "Add client",
+			/* @__PURE__ */ d(te, {
+				open: G.open,
+				onOpenChange: G.onOpenChange,
+				title: G.context ? "Edit client" : "Add client",
 				description: "Track the client relationship, contacts, and engagement value.",
-				fields: L,
-				initialValues: W.context ? ae(W.context) : void 0,
-				submitLabel: W.context ? "Save changes" : "Add client",
+				fields: R,
+				initialValues: G.context ? z(G.context) : void 0,
+				submitLabel: G.context ? "Save changes" : "Add client",
 				onSubmit: async (e) => {
-					W.context ? await H(W.context.id, R(e, W.context)) : await V(R(e));
+					G.context ? await pe(G.context.id, B(e, G.context)) : await fe(B(e));
 				}
+			}),
+			/* @__PURE__ */ d(ae, {
+				open: J !== null,
+				onOpenChange: (e) => {
+					e || Y(null);
+				},
+				children: /* @__PURE__ */ f(ce, { children: [/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(h, { children: "Delete client?" }), /* @__PURE__ */ d(le, { children: J ? `This removes “${J.name}” from your client portfolio. This action cannot be undone.` : "" })] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(se, { children: "Cancel" }), /* @__PURE__ */ d(oe, {
+					onClick: (e) => {
+						e.preventDefault(), J && me(J.id), Y(null);
+					},
+					children: "Delete"
+				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { B as CompanyClientManagementPagePage };
+export { U as CompanyClientManagementPagePage };
 
 //# sourceMappingURL=CompanyClientManagementPagePage.js.map

package/dist/crewfoundry/pages/CompanyClientManagementPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompanyClientManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CompanyClientManagementPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Building2, DollarSign, FolderKanban, Pencil, Plus, Search, Trash2 } from 'lucide-react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Client } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst CLIENT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Client name', type: 'text', required: true },\n  { name: 'industry', label: 'Industry', type: 'text' },\n  { name: 'contactPerson', label: 'Contact person', type: 'text' },\n  { name: 'email', label: 'Contact email', type: 'email' },\n  { name: 'phone', label: 'Phone', type: 'text' },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Prospect', value: 'prospect' },\n      { label: 'Churned', value: 'churned' },\n    ],\n  },\n  { name: 'revenue', label: 'Revenue (USD)', type: 'number' },\n  { name: 'projects', label: 'Projects', type: 'number' },\n  { name: 'since', label: 'Client since', type: 'date' },\n];\n\nconst toInitialValues = (client: Client): FormValues => ({\n  name: client.name,\n  industry: client.industry,\n  contactPerson: client.contactPerson,\n  email: client.email,\n  phone: client.phone,\n  status: client.status,\n  revenue: client.revenue,\n  projects: client.projects,\n  since: client.since ? client.since.slice(0, 10) : '',\n});\n\nconst valuesToClient = (values: FormValues, base?: Client): Client => ({\n  id: base?.id ?? crypto.randomUUID(),\n  name: String(values.name ?? ''),\n  industry: String(values.industry ?? ''),\n  contactPerson: String(values.contactPerson ?? ''),\n  email: String(values.email ?? ''),\n  phone: String(values.phone ?? ''),\n  status: (values.status as Client['status']) || 'prospect',\n  revenue: typeof values.revenue === 'number' ? values.revenue : Number(values.revenue) || 0,\n  projects: typeof values.projects === 'number' ? values.projects : Number(values.projects) || 0,\n  since: String(values.since ?? ''),\n});\n\nconst statusVariant = (status: Client['status']) =>\n  status === 'active' ? 'default' : status === 'prospect' ? 'secondary' : 'destructive';\n\nexport function CompanyClientManagementPagePage() {\n  const { clients, addClient, updateClient, removeClient } = useCrewFoundryStore();\n  const modal = useFormModal<Client>();\n  const [search, setSearch] = useState('');\n  const [filterStatus, setFilterStatus] = useState<string>('all');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n\n  const totalRevenue = clients.reduce((s, c) => s + c.revenue, 0);\n  const activeClients = clients.filter((c) => c.status === 'active');\n\n  const filtered = clients.filter((c) => {\n    const matchSearch = `${c.name} ${c.industry} ${c.contactPerson} ${c.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchStatus = filterStatus === 'all' || c.status === filterStatus;\n    return matchSearch && matchStatus;\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateClient(modal.context.id, valuesToClient(values, modal.context));\n    } else {\n      await addClient(valuesToClient(values));\n    }\n  };\n\n  const columns: ResponsiveTableColumn<Client>[] = [\n    {\n      key: 'name',\n      header: 'Client',\n      priority: 'primary',\n      cell: (c) => <span className=\"font-medium\">{c.name}</span>,\n    },\n    {\n      key: 'industry',\n      header: 'Industry',\n      priority: 'secondary',\n      cell: (c) => <span className=\"text-text-secondary\">{c.industry}</span>,\n    },\n    {\n      key: 'contact',\n      header: 'Contact',\n      priority: 'secondary',\n      cell: (c) => (\n        <div>\n          <p className=\"text-xs\">{c.contactPerson}</p>\n          <p className=\"text-xs text-text-secondary\">{c.email}</p>\n        </div>\n      ),\n    },\n    {\n      key: 'revenue',\n      header: 'Revenue',\n      priority: 'secondary',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (c) => <span>${(c.revenue / 1000).toFixed(0)}K</span>,\n    },\n    {\n      key: 'projects',\n      header: 'Projects',\n      priority: 'hidden-on-mobile',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (c) => <span>{c.projects}</span>,\n    },\n    {\n      key: 'since',\n      header: 'Since',\n      priority: 'hidden-on-mobile',\n      cell: (c) => <span className=\"text-text-secondary\">{c.since}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (c) => (\n        <Badge variant={statusVariant(c.status)} className=\"text-[10px]\">\n          {formatEnumLabel(c.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Client Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {clients.length} clients · ${(totalRevenue / 1000000).toFixed(1)}M revenue\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Keep track of the clients you work with — their contacts, status, and engagements — so\n            account relationships never slip through the cracks.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Client\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Clients</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeClients.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Revenue</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalRevenue / 1000000).toFixed(1)}M\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Projects</CardTitle>\n            <FolderKanban className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {clients.reduce((s, c) => s + c.projects, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Client Portfolio</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search clients...\"\n                className=\"pl-9\"\n                value={search}\n                onChange={(event) => {\n                  setSearch(event.target.value);\n                  setPage(1);\n                }}\n              />\n            </div>\n            <Select\n              value={filterStatus}\n              onValueChange={(value) => {\n                setFilterStatus(value);\n                setPage(1);\n              }}\n            >\n              <SelectTrigger className=\"w-full sm:w-40\" aria-label=\"Filter by status\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"all\">All statuses</SelectItem>\n                <SelectItem value=\"active\">Active</SelectItem>\n                <SelectItem value=\"prospect\">Prospect</SelectItem>\n                <SelectItem value=\"churned\">Churned</SelectItem>\n              </SelectContent>\n            </Select>\n          </div>\n          <ResponsiveTable\n            data={paged}\n            rowKey={(c) => c.id}\n            columns={columns}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No clients match\"\n                description=\"Try a different search term or status filter.\"\n              />\n            }\n            rowActions={(c) => (\n              <div className=\"flex items-center justify-end gap-1\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label={`Edit ${c.name}`}\n                  onClick={() => modal.openModal(c)}\n                >\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n                <AlertDialog>\n                  <AlertDialogTrigger asChild>\n                    <Button variant=\"ghost\" size=\"icon\" aria-label={`Delete ${c.name}`}>\n                      <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                    </Button>\n                  </AlertDialogTrigger>\n                  <AlertDialogContent>\n                    <AlertDialogHeader>\n                      <AlertDialogTitle>Delete client?</AlertDialogTitle>\n                      <AlertDialogDescription>\n                        This removes “{c.name}” from your client portfolio. This action cannot be\n                        undone.\n                      </AlertDialogDescription>\n                    </AlertDialogHeader>\n                    <AlertDialogFooter>\n                      <AlertDialogCancel>Cancel</AlertDialogCancel>\n                      <AlertDialogAction onClick={() => void removeClient(c.id)}>\n                        Delete\n                      </AlertDialogAction>\n                    </AlertDialogFooter>\n                  </AlertDialogContent>\n                </AlertDialog>\n              </div>\n            )}\n          />\n          {filtered.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={filtered.length}\n              onPageChange={setPage}\n            />\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit client' : 'Add client'}\n        description=\"Track the client relationship, contacts, and engagement value.\"\n        fields={CLIENT_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Add client'}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CompanyClientManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CompanyClientManagementPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { MoreHorizontal, Pencil, Plus, Search, Trash2 } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Client } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, SegmentedTabs, StatCard } from '../components/viz';\nimport { thisQuarterRevenue, totalContractValue } from '../lib/companyFinance';\n\nconst CLIENT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Client name', type: 'text', required: true },\n  { name: 'industry', label: 'Industry', type: 'text' },\n  { name: 'contactPerson', label: 'Contact person', type: 'text' },\n  { name: 'email', label: 'Contact email', type: 'email' },\n  { name: 'phone', label: 'Phone', type: 'text' },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Prospect', value: 'prospect' },\n      { label: 'Churned', value: 'churned' },\n    ],\n  },\n  { name: 'revenue', label: 'Revenue (USD)', type: 'number' },\n  { name: 'projects', label: 'Projects', type: 'number' },\n  { name: 'since', label: 'Client since', type: 'date' },\n];\n\nconst toInitialValues = (client: Client): FormValues => ({\n  name: client.name,\n  industry: client.industry,\n  contactPerson: client.contactPerson,\n  email: client.email,\n  phone: client.phone,\n  status: client.status,\n  revenue: client.revenue,\n  projects: client.projects,\n  since: client.since ? client.since.slice(0, 10) : '',\n});\n\nconst valuesToClient = (values: FormValues, base?: Client): Client => ({\n  id: base?.id ?? crypto.randomUUID(),\n  name: String(values.name ?? ''),\n  industry: String(values.industry ?? ''),\n  contactPerson: String(values.contactPerson ?? ''),\n  email: String(values.email ?? ''),\n  phone: String(values.phone ?? ''),\n  status: (values.status as Client['status']) || 'prospect',\n  revenue: typeof values.revenue === 'number' ? values.revenue : Number(values.revenue) || 0,\n  projects: typeof values.projects === 'number' ? values.projects : Number(values.projects) || 0,\n  since: String(values.since ?? ''),\n});\n\nconst statusVariant = (status: Client['status']) =>\n  status === 'active' ? 'default' : status === 'prospect' ? 'secondary' : 'destructive';\n\nconst compactMoney = (value: number): string => {\n  if (value >= 1_000_000) {\n    return `$${(value / 1_000_000).toFixed(1)}M`;\n  }\n  if (value >= 1_000) {\n    return `$${Math.round(value / 1_000)}k`;\n  }\n  return `$${Math.round(value)}`;\n};\n\nexport function CompanyClientManagementPagePage() {\n  const { clients, vendors, invoices, addClient, updateClient, removeClient } = useCrewFoundryStore();\n  const navigate = useNavigate();\n  const modal = useFormModal<Client>();\n  const [search, setSearch] = useState('');\n  const [filterStatus, setFilterStatus] = useState<string>('all');\n  const [deleteTarget, setDeleteTarget] = useState<Client | null>(null);\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n\n  const activeClients = clients.filter((c) => c.status === 'active');\n  const contractValue = totalContractValue(clients, vendors);\n  const quarterRevenue = thisQuarterRevenue(invoices);\n\n  const filtered = clients.filter((c) => {\n    const matchSearch = `${c.name} ${c.industry} ${c.contactPerson} ${c.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchStatus = filterStatus === 'all' || c.status === filterStatus;\n    return matchSearch && matchStatus;\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateClient(modal.context.id, valuesToClient(values, modal.context));\n    } else {\n      await addClient(valuesToClient(values));\n    }\n  };\n\n  const columns: ResponsiveTableColumn<Client>[] = [\n    {\n      key: 'name',\n      header: 'Client',\n      priority: 'primary',\n      cell: (c) => (\n        <div className=\"flex items-center gap-3\">\n          <AvatarStack people={[{ name: c.name }]} size={36} />\n          <div className=\"min-w-0\">\n            <p className=\"truncate font-medium\">{c.name}</p>\n            <p className=\"truncate text-xs text-text-secondary\">{c.industry || '—'}</p>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'contact',\n      header: 'Primary Contact',\n      priority: 'secondary',\n      cell: (c) => (\n        <div>\n          <p className=\"text-xs\">{c.contactPerson || '—'}</p>\n          <p className=\"text-xs text-text-secondary\">{c.email}</p>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (c) => (\n        <Badge variant={statusVariant(c.status)} className=\"text-[10px]\">\n          {formatEnumLabel(c.status)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'projects',\n      header: 'Projects',\n      priority: 'hidden-on-mobile',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (c) => <span className=\"tabular-nums\">{c.projects}</span>,\n    },\n    {\n      key: 'revenue',\n      header: 'Value',\n      priority: 'secondary',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (c) => <span className=\"tabular-nums\">${c.revenue.toLocaleString()}</span>,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Clients &amp; Vendors</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {clients.length} clients · {vendors.length} vendors\n          </p>\n          <PagePurpose className=\"mt-1\">\n            Keep track of the clients you work with — their contacts, status, and engagements — so\n            account relationships never slip through the cracks.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Client\n        </Button>\n      </div>\n\n      <SegmentedTabs\n        aria-label=\"Clients and vendors\"\n        variant=\"underline\"\n        value=\"clients\"\n        onChange={(id) => {\n          if (id === 'vendors') {\n            navigate('../company/vendor-management-page');\n          }\n        }}\n        tabs={[\n          { id: 'clients', label: 'Clients', count: clients.length },\n          { id: 'vendors', label: 'Vendors', count: vendors.length },\n        ]}\n      />\n\n      <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard label=\"Active Clients\" value={activeClients.length} />\n        <StatCard label=\"Vendors\" value={vendors.length} />\n        <StatCard label=\"Total Contract Value\" value={compactMoney(contractValue)} />\n        <StatCard label=\"This Quarter\" value={compactMoney(quarterRevenue)} />\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Client Portfolio</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search clients...\"\n                className=\"pl-9\"\n                value={search}\n                onChange={(event) => {\n                  setSearch(event.target.value);\n                  setPage(1);\n                }}\n              />\n            </div>\n            <Select\n              value={filterStatus}\n              onValueChange={(value) => {\n                setFilterStatus(value);\n                setPage(1);\n              }}\n            >\n              <SelectTrigger className=\"w-full sm:w-40\" aria-label=\"Filter by status\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"all\">All statuses</SelectItem>\n                <SelectItem value=\"active\">Active</SelectItem>\n                <SelectItem value=\"prospect\">Prospect</SelectItem>\n                <SelectItem value=\"churned\">Churned</SelectItem>\n              </SelectContent>\n            </Select>\n          </div>\n          <ResponsiveTable\n            data={paged}\n            rowKey={(c) => c.id}\n            columns={columns}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No clients match\"\n                description=\"Try a different search term or status filter.\"\n              />\n            }\n            rowActions={(c) => (\n              <div className=\"flex items-center justify-end\">\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-8 w-8\"\n                      aria-label={`More actions for ${c.name}`}\n                    >\n                      <MoreHorizontal className=\"h-4 w-4\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\">\n                    <DropdownMenuItem onSelect={() => modal.openModal(c)}>\n                      <Pencil className=\"mr-2 h-4 w-4\" />\n                      Edit\n                    </DropdownMenuItem>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuItem\n                      className=\"text-status-error-text\"\n                      onSelect={() => setDeleteTarget(c)}\n                    >\n                      <Trash2 className=\"mr-2 h-4 w-4\" />\n                      Delete\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </div>\n            )}\n          />\n          {filtered.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={filtered.length}\n              onPageChange={setPage}\n            />\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit client' : 'Add client'}\n        description=\"Track the client relationship, contacts, and engagement value.\"\n        fields={CLIENT_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Add client'}\n        onSubmit={handleSubmit}\n      />\n\n      <AlertDialog\n        open={deleteTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleteTarget(null);\n          }\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete client?</AlertDialogTitle>\n            <AlertDialogDescription>\n              {deleteTarget\n                ? `This removes “${deleteTarget.name}” from your client portfolio. This action cannot be undone.`\n                : ''}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={(event) => {\n                event.preventDefault();\n                if (deleteTarget) {\n                  void removeClient(deleteTarget.id);\n                }\n                setDeleteTarget(null);\n              }}\n            >\n              Delete\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}