@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.1

package/dist/crewfoundry/pages/CompanyClientManagementPagePage.js

@@ -1,10 +1,12 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
-import { Building2 as r, DollarSign as i, FolderKanban as a, Pencil as o, Plus as s, Trash2 as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { AlertDialog as d, AlertDialogAction as f, AlertDialogCancel as p, AlertDialogContent as m, AlertDialogDescription as h, AlertDialogFooter as g, AlertDialogHeader as _, AlertDialogTitle as v, AlertDialogTrigger as y, Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, GlassCard as E, GradientText as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { useState as r } from "react";
+import { Building2 as i, DollarSign as a, FolderKanban as o, Pencil as s, Plus as ee, Search as c, Trash2 as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as te, AlertDialogTitle as ne, AlertDialogTrigger as re, Badge as ie, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, GlassCard as C, GradientText as w, IllustratedEmptyState as T, Input as E, PagePurpose as D, Pagination as O, ResponsiveTable as k, Select as A, SelectContent as j, SelectItem as M, SelectTrigger as N, SelectValue as ae } from "@burdenoff/fe-libs/ui";
+import { usePagination as P } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/CompanyClientManagementPagePage.tsx
-var k = [
+var F = [
 	{
 		name: "name",
 		label: "Client name",
@@ -65,7 +67,7 @@ var k = [
 		label: "Client since",
 		type: "date"
 	}
-], A = (e) => ({
+], I = (e) => ({
 	name: e.name,
 	industry: e.industry,
 	contactPerson: e.contactPerson,
@@ -75,7 +77,7 @@ var k = [
 	revenue: e.revenue,
 	projects: e.projects,
 	since: e.since ? e.since.slice(0, 10) : ""
-}), j = (e, t) => ({
+}), L = (e, t) => ({
 	id: t?.id ?? crypto.randomUUID(),
 	name: String(e.name ?? ""),
 	industry: String(e.industry ?? ""),
@@ -86,199 +88,266 @@ var k = [
 	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 ?? "")
-});
-function M() {
-	let { clients: M, addClient: N, updateClient: P, removeClient: F } = e(), I = n(), L = M.reduce((e, t) => e + t.revenue, 0), R = M.filter((e) => e.status === "active");
-	return /* @__PURE__ */ u("div", {
+}), R = (e) => e === "active" ? "default" : e === "prospect" ? "secondary" : "destructive";
+function z() {
+	let { clients: z, addClient: B, updateClient: V, removeClient: H } = e(), U = n(), [W, G] = r(""), [K, q] = r("all"), { page: J, pageSize: Y, offset: X, setPage: Z } = P({ initialPageSize: 25 }), Q = z.reduce((e, t) => e + t.revenue, 0), oe = z.filter((e) => e.status === "active"), $ = z.filter((e) => {
+		let t = `${e.name} ${e.industry} ${e.contactPerson} ${e.email}`.toLowerCase().includes(W.toLowerCase()), n = K === "all" || e.status === K;
+		return t && n;
+	}), se = $.slice(X, X + Y);
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [
-					/* @__PURE__ */ l("h1", {
+				children: [/* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ l(D, { children: "Client Management" })
+						children: /* @__PURE__ */ u(w, { children: "Client Management" })
 					}),
-					/* @__PURE__ */ u("p", {
+					/* @__PURE__ */ d("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							M.length,
+							z.length,
 							" clients · $",
-							(L / 1e6).toFixed(1),
+							(Q / 1e6).toFixed(1),
 							"M revenue"
 						]
 					}),
-					/* @__PURE__ */ l(O, {
+					/* @__PURE__ */ u(D, {
 						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__ */ u(x, {
+				] }), /* @__PURE__ */ d(v, {
 					size: "sm",
-					onClick: () => I.openModal(),
-					children: [/* @__PURE__ */ l(s, { className: "h-4 w-4 mr-1" }), "Add Client"]
+					onClick: () => U.openModal(),
+					children: [/* @__PURE__ */ u(ee, { className: "h-4 w-4 mr-1" }), "Add Client"]
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ u(E, {
+					/* @__PURE__ */ d(C, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(w, {
+						children: [/* @__PURE__ */ d(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(T, {
+							children: [/* @__PURE__ */ u(S, {
 								className: "text-sm font-medium",
 								children: "Active Clients"
-							}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(b, { children: /* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: R.length
+							children: oe.length
 						}) })]
 					}),
-					/* @__PURE__ */ u(E, {
+					/* @__PURE__ */ d(C, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(w, {
+						children: [/* @__PURE__ */ d(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(T, {
+							children: [/* @__PURE__ */ u(S, {
 								className: "text-sm font-medium",
 								children: "Total Revenue"
-							}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(C, { children: /* @__PURE__ */ u("div", {
+							}), /* @__PURE__ */ u(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(b, { children: /* @__PURE__ */ d("div", {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(L / 1e6).toFixed(1),
+								(Q / 1e6).toFixed(1),
 								"M"
 							]
 						}) })]
 					}),
-					/* @__PURE__ */ u(E, {
+					/* @__PURE__ */ d(C, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(w, {
+						children: [/* @__PURE__ */ d(x, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(T, {
+							children: [/* @__PURE__ */ u(S, {
 								className: "text-sm font-medium",
 								children: "Total Projects"
-							}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ u(o, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ u(b, { children: /* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: M.reduce((e, t) => e + t.projects, 0)
+							children: z.reduce((e, t) => e + t.projects, 0)
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(T, { children: "Client Portfolio" }) }), /* @__PURE__ */ u(C, { children: [/* @__PURE__ */ u("div", {
-				className: "grid grid-cols-8 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
+			/* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(S, { children: "Client Portfolio" }) }), /* @__PURE__ */ d(b, {
+				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ l("span", { children: "Client" }),
-					/* @__PURE__ */ l("span", { children: "Industry" }),
-					/* @__PURE__ */ l("span", { children: "Contact" }),
-					/* @__PURE__ */ l("span", {
-						className: "text-right",
-						children: "Revenue"
+					/* @__PURE__ */ d("div", {
+						className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+						children: [/* @__PURE__ */ d("div", {
+							className: "relative flex-1",
+							children: [/* @__PURE__ */ u(c, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ u(E, {
+								placeholder: "Search clients...",
+								className: "pl-9",
+								value: W,
+								onChange: (e) => {
+									G(e.target.value), Z(1);
+								}
+							})]
+						}), /* @__PURE__ */ d(A, {
+							value: K,
+							onValueChange: (e) => {
+								q(e), Z(1);
+							},
+							children: [/* @__PURE__ */ u(N, {
+								className: "w-full sm:w-40",
+								"aria-label": "Filter by status",
+								children: /* @__PURE__ */ u(ae, {})
+							}), /* @__PURE__ */ d(j, { children: [
+								/* @__PURE__ */ u(M, {
+									value: "all",
+									children: "All statuses"
+								}),
+								/* @__PURE__ */ u(M, {
+									value: "active",
+									children: "Active"
+								}),
+								/* @__PURE__ */ u(M, {
+									value: "prospect",
+									children: "Prospect"
+								}),
+								/* @__PURE__ */ u(M, {
+									value: "churned",
+									children: "Churned"
+								})
+							] })]
+						})]
 					}),
-					/* @__PURE__ */ l("span", {
-						className: "text-right",
-						children: "Projects"
-					}),
-					/* @__PURE__ */ l("span", { children: "Since" }),
-					/* @__PURE__ */ l("span", {
-						className: "text-center",
-						children: "Status"
-					}),
-					/* @__PURE__ */ l("span", {
-						className: "text-right",
-						children: "Actions"
-					})
-				]
-			}), M.map((e) => /* @__PURE__ */ u("div", {
-				className: "grid grid-cols-8 gap-2 py-2 border-b last:border-0 text-sm",
-				children: [
-					/* @__PURE__ */ l("span", {
-						className: "font-medium",
-						children: e.name
-					}),
-					/* @__PURE__ */ l("span", {
-						className: "text-text-secondary",
-						children: e.industry
-					}),
-					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-						className: "text-xs",
-						children: e.contactPerson
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-text-secondary",
-						children: e.email
-					})] }),
-					/* @__PURE__ */ u("span", {
-						className: "text-right",
-						children: [
-							"$",
-							(e.revenue / 1e3).toFixed(0),
-							"K"
-						]
-					}),
-					/* @__PURE__ */ l("span", {
-						className: "text-right",
-						children: e.projects
-					}),
-					/* @__PURE__ */ l("span", {
-						className: "text-text-secondary",
-						children: e.since
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "text-center",
-						children: /* @__PURE__ */ l(b, {
-							variant: e.status === "active" ? "default" : e.status === "prospect" ? "secondary" : "destructive",
-							className: "text-[10px]",
-							children: e.status
-						})
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "flex items-center justify-end gap-1",
-						children: [/* @__PURE__ */ l(x, {
-							variant: "ghost",
-							size: "icon",
-							"aria-label": `Edit ${e.name}`,
-							onClick: () => I.openModal(e),
-							children: /* @__PURE__ */ l(o, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(y, {
-							asChild: !0,
-							children: /* @__PURE__ */ l(x, {
+					/* @__PURE__ */ u(k, {
+						data: se,
+						rowKey: (e) => e.id,
+						columns: [
+							{
+								key: "name",
+								header: "Client",
+								priority: "primary",
+								cell: (e) => /* @__PURE__ */ u("span", {
+									className: "font-medium",
+									children: e.name
+								})
+							},
+							{
+								key: "industry",
+								header: "Industry",
+								priority: "secondary",
+								cell: (e) => /* @__PURE__ */ u("span", {
+									className: "text-text-secondary",
+									children: e.industry
+								})
+							},
+							{
+								key: "contact",
+								header: "Contact",
+								priority: "secondary",
+								cell: (e) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+									className: "text-xs",
+									children: e.contactPerson
+								}), /* @__PURE__ */ u("p", {
+									className: "text-xs text-text-secondary",
+									children: e.email
+								})] })
+							},
+							{
+								key: "revenue",
+								header: "Revenue",
+								priority: "secondary",
+								headerClassName: "text-right",
+								cellClassName: "text-right",
+								cell: (e) => /* @__PURE__ */ d("span", { children: [
+									"$",
+									(e.revenue / 1e3).toFixed(0),
+									"K"
+								] })
+							},
+							{
+								key: "projects",
+								header: "Projects",
+								priority: "hidden-on-mobile",
+								headerClassName: "text-right",
+								cellClassName: "text-right",
+								cell: (e) => /* @__PURE__ */ u("span", { children: e.projects })
+							},
+							{
+								key: "since",
+								header: "Since",
+								priority: "hidden-on-mobile",
+								cell: (e) => /* @__PURE__ */ u("span", {
+									className: "text-text-secondary",
+									children: e.since
+								})
+							},
+							{
+								key: "status",
+								header: "Status",
+								priority: "secondary",
+								cell: (e) => /* @__PURE__ */ u(ie, {
+									variant: R(e.status),
+									className: "text-[10px]",
+									children: e.status
+								})
+							}
+						],
+						emptyState: /* @__PURE__ */ u(T, {
+							illustration: "empty-search",
+							title: "No clients match",
+							description: "Try a different search term or status filter."
+						}),
+						rowActions: (e) => /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-end gap-1",
+							children: [/* @__PURE__ */ u(v, {
 								variant: "ghost",
 								size: "icon",
-								"aria-label": `Delete ${e.name}`,
-								children: /* @__PURE__ */ l(c, { className: "h-4 w-4 text-status-error-text" })
-							})
-						}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(v, { children: "Delete client?" }), /* @__PURE__ */ u(h, { children: [
-							"This removes “",
-							e.name,
-							"” from your client portfolio. This action cannot be undone."
-						] })] }), /* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(p, { children: "Cancel" }), /* @__PURE__ */ l(f, {
-							onClick: () => void F(e.id),
-							children: "Delete"
-						})] })] })] })]
+								"aria-label": `Edit ${e.name}`,
+								onClick: () => U.openModal(e),
+								children: /* @__PURE__ */ u(s, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(re, {
+								asChild: !0,
+								children: /* @__PURE__ */ u(v, {
+									variant: "ghost",
+									size: "icon",
+									"aria-label": `Delete ${e.name}`,
+									children: /* @__PURE__ */ u(l, { className: "h-4 w-4 text-status-error-text" })
+								})
+							}), /* @__PURE__ */ d(h, { children: [/* @__PURE__ */ d(te, { children: [/* @__PURE__ */ u(ne, { children: "Delete client?" }), /* @__PURE__ */ d(g, { children: [
+								"This removes “",
+								e.name,
+								"” from your client portfolio. This action cannot be undone."
+							] })] }), /* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(m, { children: "Cancel" }), /* @__PURE__ */ u(p, {
+								onClick: () => void H(e.id),
+								children: "Delete"
+							})] })] })] })]
+						})
+					}),
+					$.length > Y && /* @__PURE__ */ u(O, {
+						page: J,
+						pageSize: Y,
+						totalItems: $.length,
+						onPageChange: Z
 					})
 				]
-			}, e.id))] })] }),
-			/* @__PURE__ */ l(t, {
-				open: I.open,
-				onOpenChange: I.onOpenChange,
-				title: I.context ? "Edit client" : "Add client",
+			})] }),
+			/* @__PURE__ */ u(t, {
+				open: U.open,
+				onOpenChange: U.onOpenChange,
+				title: U.context ? "Edit client" : "Add client",
 				description: "Track the client relationship, contacts, and engagement value.",
-				fields: k,
-				initialValues: I.context ? A(I.context) : void 0,
-				submitLabel: I.context ? "Save changes" : "Add client",
+				fields: F,
+				initialValues: U.context ? I(U.context) : void 0,
+				submitLabel: U.context ? "Save changes" : "Add client",
 				onSubmit: async (e) => {
-					I.context ? await P(I.context.id, j(e, I.context)) : await N(j(e));
+					U.context ? await V(U.context.id, L(e, U.context)) : await B(L(e));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { M as CompanyClientManagementPagePage };
+export { z 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 {\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  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, FolderKanban, Pencil, Plus, 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';\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\nexport function CompanyClientManagementPagePage() {\n  const { clients, addClient, updateClient, removeClient } = useCrewFoundryStore();\n  const modal = useFormModal<Client>();\n  const totalRevenue = clients.reduce((s, c) => s + c.revenue, 0);\n  const activeClients = clients.filter((c) => c.status === 'active');\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  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\">Keep track of the clients you work with — their contacts, status, and engagements — so account relationships never slip through the cracks.</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>\n          <div className=\"grid grid-cols-8 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Client</span>\n            <span>Industry</span>\n            <span>Contact</span>\n            <span className=\"text-right\">Revenue</span>\n            <span className=\"text-right\">Projects</span>\n            <span>Since</span>\n            <span className=\"text-center\">Status</span>\n            <span className=\"text-right\">Actions</span>\n          </div>\n          {clients.map((c) => (\n            <div key={c.id} className=\"grid grid-cols-8 gap-2 py-2 border-b last:border-0 text-sm\">\n              <span className=\"font-medium\">{c.name}</span>\n              <span className=\"text-text-secondary\">{c.industry}</span>\n              <div>\n                <p className=\"text-xs\">{c.contactPerson}</p>\n                <p className=\"text-xs text-text-secondary\">{c.email}</p>\n              </div>\n              <span className=\"text-right\">${(c.revenue / 1000).toFixed(0)}K</span>\n              <span className=\"text-right\">{c.projects}</span>\n              <span className=\"text-text-secondary\">{c.since}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    c.status === 'active'\n                      ? 'default'\n                      : c.status === 'prospect'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {c.status}\n                </Badge>\n              </div>\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 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            </div>\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  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';\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          {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\">Keep track of the clients you work with — their contacts, status, and engagements — so account relationships never slip through the cracks.</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 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":";;;;;;;;AAyCA,IAAM,IAA+B;CACnC;EAAE,MAAM;EAAQ,OAAO;EAAe,MAAM;EAAQ,UAAU;EAAM;CACpE;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAQ;CACrD;EAAE,MAAM;EAAiB,OAAO;EAAkB,MAAM;EAAQ;CAChE;EAAE,MAAM;EAAS,OAAO;EAAiB,MAAM;EAAS;CACxD;EAAE,MAAM;EAAS,OAAO;EAAS,MAAM;EAAQ;CAC/C;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,SAAS;GACP;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAY,OAAO;IAAY;GACxC;IAAE,OAAO;IAAW,OAAO;IAAW;GACvC;EACF;CACD;EAAE,MAAM;EAAW,OAAO;EAAiB,MAAM;EAAU;CAC3D;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAU;CACvD;EAAE,MAAM;EAAS,OAAO;EAAgB,MAAM;EAAQ;CACvD,EAEK,KAAmB,OAAgC;CACvD,MAAM,EAAO;CACb,UAAU,EAAO;CACjB,eAAe,EAAO;CACtB,OAAO,EAAO;CACd,OAAO,EAAO;CACd,QAAQ,EAAO;CACf,SAAS,EAAO;CAChB,UAAU,EAAO;CACjB,OAAO,EAAO,QAAQ,EAAO,MAAM,MAAM,GAAG,GAAG,GAAG;CACnD,GAEK,KAAkB,GAAoB,OAA2B;CACrE,IAAI,GAAM,MAAM,OAAO,YAAY;CACnC,MAAM,OAAO,EAAO,QAAQ,GAAG;CAC/B,UAAU,OAAO,EAAO,YAAY,GAAG;CACvC,eAAe,OAAO,EAAO,iBAAiB,GAAG;CACjD,OAAO,OAAO,EAAO,SAAS,GAAG;CACjC,OAAO,OAAO,EAAO,SAAS,GAAG;CACjC,QAAS,EAAO,UAA+B;CAC/C,SAAS,OAAO,EAAO,WAAY,WAAW,EAAO,UAAU,OAAO,EAAO,QAAQ,IAAI;CACzF,UAAU,OAAO,EAAO,YAAa,WAAW,EAAO,WAAW,OAAO,EAAO,SAAS,IAAI;CAC7F,OAAO,OAAO,EAAO,SAAS,GAAG;CAClC,GAEK,KAAiB,MACrB,MAAW,WAAW,YAAY,MAAW,aAAa,cAAc;AAE1E,SAAgB,IAAkC;CAChD,IAAM,EAAE,YAAS,cAAW,iBAAc,oBAAiB,GAAqB,EAC1E,IAAQ,GAAsB,EAC9B,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAc,KAAmB,EAAiB,MAAM,EACzD,EAAE,SAAM,aAAU,WAAQ,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EAE5E,IAAe,EAAQ,QAAQ,GAAG,MAAM,IAAI,EAAE,SAAS,EAAE,EACzD,KAAgB,EAAQ,QAAQ,MAAM,EAAE,WAAW,SAAS,EAE5D,IAAW,EAAQ,QAAQ,MAAM;EACrC,IAAM,IAAc,GAAG,EAAE,KAAK,GAAG,EAAE,SAAS,GAAG,EAAE,cAAc,GAAG,EAAE,QACjE,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,EAC3B,IAAc,MAAiB,SAAS,EAAE,WAAW;AAC3D,SAAO,KAAe;GACtB,EACI,KAAQ,EAAS,MAAM,GAAQ,IAAS,EAAS;AAoEvD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,qBAAgC,CAAA;MAC3C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAQ;OAAO;QAAc,IAAe,KAAS,QAAQ,EAAE;OAAC;OAC/D;;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAAyJ,CAAA;KACnL,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAM,WAAW;eAAlD,CACE,kBAAC,IAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,aAE1B;OACL;;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA0B,CAAA,EACrE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,GAAc;OAAa,CAAA,EACjE,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAyB,CAAA,EACpE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QAAiD;SAC5C,IAAe,KAAS,QAAQ,EAAE;QAAC;QAClC;UACM,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA0B,CAAA,EACrE,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,CAC7C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAQ,QAAQ,GAAG,MAAM,IAAI,EAAE,UAAU,EAAE;OACxC,CAAA,EACM,CAAA,CACJ;;KACR;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,oBAA4B,CAAA,EAC5B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;QACE,aAAY;QACZ,WAAU;QACV,OAAO;QACP,WAAW,MAAU;AAEnB,SADA,EAAU,EAAM,OAAO,MAAM,EAC7B,EAAQ,EAAE;;QAEZ,CAAA,CACE;UACN,kBAAC,GAAD;OACE,OAAO;OACP,gBAAgB,MAAU;AAExB,QADA,EAAgB,EAAM,EACtB,EAAQ,EAAE;;iBAJd,CAOE,kBAAC,GAAD;QAAe,WAAU;QAAiB,cAAW;kBACnD,kBAAC,IAAD,EAAe,CAAA;QACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD;SAAY,OAAM;mBAAM;SAAyB,CAAA;QACjD,kBAAC,GAAD;SAAY,OAAM;mBAAS;SAAmB,CAAA;QAC9C,kBAAC,GAAD;SAAY,OAAM;mBAAW;SAAqB,CAAA;QAClD,kBAAC,GAAD;SAAY,OAAM;mBAAU;SAAoB,CAAA;QAClC,EAAA,CAAA,CACT;SACL;;KACN,kBAAC,GAAD;MACE,MAAM;MACN,SAAS,MAAM,EAAE;MACR,SAnJ8B;OAC/C;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAM,kBAAC,QAAD;SAAM,WAAU;mBAAe,EAAE;SAAY,CAAA;QAC3D;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAM,kBAAC,QAAD;SAAM,WAAU;mBAAuB,EAAE;SAAgB,CAAA;QACvE;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAW,EAAE;SAAkB,CAAA,EAC5C,kBAAC,KAAD;SAAG,WAAU;mBAA+B,EAAE;SAAU,CAAA,CACpD,EAAA,CAAA;QAET;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,iBAAiB;QACjB,eAAe;QACf,OAAO,MAAM,kBAAC,QAAD,EAAA,UAAA;SAAM;UAAG,EAAE,UAAU,KAAM,QAAQ,EAAE;SAAC;SAAQ,EAAA,CAAA;QAC5D;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,iBAAiB;QACjB,eAAe;QACf,OAAO,MAAM,kBAAC,QAAD,EAAA,UAAO,EAAE,UAAgB,CAAA;QACvC;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAM,kBAAC,QAAD;SAAM,WAAU;mBAAuB,EAAE;SAAa,CAAA;QACpE;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,IAAD;SAAO,SAAS,EAAc,EAAE,OAAO;SAAE,WAAU;mBAChD,EAAE;SACG,CAAA;QAEX;OACF;MA4FS,YACE,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,aAAa,MACX,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,SAAQ;QACR,MAAK;QACL,cAAY,QAAQ,EAAE;QACtB,eAAe,EAAM,UAAU,EAAE;kBAEjC,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;QACvB,CAAA,EACT,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,IAAD;QAAoB,SAAA;kBAClB,kBAAC,GAAD;SAAQ,SAAQ;SAAQ,MAAK;SAAO,cAAY,UAAU,EAAE;mBAC1D,kBAAC,GAAD,EAAQ,WAAU,kCAAmC,CAAA;SAC9C,CAAA;QACU,CAAA,EACrB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UAAkB,kBAAiC,CAAA,EACnD,kBAAC,GAAD,EAAA,UAAA;QAAwB;QACP,EAAE;QAAK;QACC,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAmB,UAA0B,CAAA,EAC7C,kBAAC,GAAD;QAAmB,eAAe,KAAK,EAAa,EAAE,GAAG;kBAAE;QAEvC,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA,CACT,EAAA,CAAA,CACV;;MAER,CAAA;KACD,EAAS,SAAS,KACjB,kBAAC,GAAD;MACQ;MACI;MACV,YAAY,EAAS;MACrB,cAAc;MACd,CAAA;KAEQ;MACT,EAAA,CAAA;GAEP,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,cAAc,EAAM;IACpB,OAAO,EAAM,UAAU,gBAAgB;IACvC,aAAY;IACZ,QAAQ;IACR,eAAe,EAAM,UAAU,EAAgB,EAAM,QAAQ,GAAG,KAAA;IAChE,aAAa,EAAM,UAAU,iBAAiB;IAC9C,UAxNe,OAAO,MAAuB;AACjD,KAAI,EAAM,UACR,MAAM,EAAa,EAAM,QAAQ,IAAI,EAAe,GAAQ,EAAM,QAAQ,CAAC,GAE3E,MAAM,EAAU,EAAe,EAAO,CAAC;;IAqNrC,CAAA;GACE"}

package/dist/crewfoundry/pages/CompanyCompanyDashboardPagePage.js

@@ -4,7 +4,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/CompanyCompanyDashboardPagePage.tsx
 function m() {
-	let { employees: m, departments: h, projects: g, clients: _ } = e(), v = _.reduce((e, t) => e + t.revenue, 0);
+	let { employees: m, departments: h, projects: g, clients: _ } = e(), v = _.reduce((e, t) => e + t.revenue, 0), y = Array.from(new Set(m.map((e) => e.location).filter((e) => e.trim() !== ""))), b = Array.from(new Set(_.map((e) => e.industry).filter((e) => e.trim() !== ""))), x = g.filter((e) => e.status === "active").length, S = _.filter((e) => e.status === "active").length;
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -91,38 +91,35 @@ function m() {
 					})
 				]
 			}),
-			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Company Information" }) }), /* @__PURE__ */ o(c, {
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Company at a Glance" }) }), /* @__PURE__ */ o(c, {
 				className: "grid gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ o("div", {
 					className: "space-y-3",
 					children: [
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: "Company Name"
-						}), /* @__PURE__ */ a("p", {
-							className: "text-sm font-medium",
-							children: "CrewFoundry Inc."
-						})] }),
-						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-text-secondary",
-							children: "Industry"
-						}), /* @__PURE__ */ a("p", {
+							children: "Headcount"
+						}), /* @__PURE__ */ o("p", {
 							className: "text-sm font-medium",
-							children: "HR Technology / SaaS"
+							children: [m.length, " employees"]
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: "Founded"
+							children: "Departments"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
-							children: "2020"
+							children: h.length
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: "Headquarters"
-						}), /* @__PURE__ */ a("p", {
+							children: "Active projects"
+						}), /* @__PURE__ */ o("p", {
 							className: "text-sm font-medium",
-							children: "San Francisco, CA"
+							children: [
+								x,
+								" of ",
+								g.length
+							]
 						})] })
 					]
 				}), /* @__PURE__ */ o("div", {
@@ -130,31 +127,28 @@ function m() {
 					children: [
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: "CEO"
-						}), /* @__PURE__ */ a("p", {
-							className: "text-sm font-medium",
-							children: "Alex Rivera"
-						})] }),
-						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-text-secondary",
-							children: "Website"
-						}), /* @__PURE__ */ a("p", {
+							children: "Active clients"
+						}), /* @__PURE__ */ o("p", {
 							className: "text-sm font-medium",
-							children: "www.crewfoundry.com"
+							children: [
+								S,
+								" of ",
+								_.length
+							]
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: "Offices"
+							children: "Client industries served"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
-							children: "San Francisco, Austin, New York, Chicago, Remote"
+							children: b.length
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
-							children: "Funding"
+							children: "Office locations"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
-							children: "Series B - $45M"
+							children: y.length > 0 ? y.join(", ") : "—"
 						})] })
 					]
 				})]