@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

package/dist/crewfoundry/pages/CompanyClientManagementPagePage.js

@@ -1,10 +1,10 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Building2 as t, DollarSign as n, FolderKanban as r, Plus as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, GlassCard as p, GradientText as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/CompanyClientManagementPagePage.tsx
-function p() {
-	let { clients: p } = e(), m = p.reduce((e, t) => e + t.revenue, 0), h = p.filter((e) => e.status === "active");
+function h() {
+	let { clients: h } = e(), g = h.reduce((e, t) => e + t.revenue, 0), _ = h.filter((e) => e.status === "active");
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -12,13 +12,13 @@ function p() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
 					className: "text-2xl font-semibold",
-					children: "Client Management"
+					children: /* @__PURE__ */ a(m, { children: "Client Management" })
 				}), /* @__PURE__ */ o("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: [
-						p.length,
+						h.length,
 						" clients · $",
-						(m / 1e6).toFixed(1),
+						(g / 1e6).toFixed(1),
 						"M revenue"
 					]
 				})] }), /* @__PURE__ */ o(c, {
@@ -29,44 +29,56 @@ function p() {
 			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o(d, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(f, {
-							className: "text-sm font-medium",
-							children: "Active Clients"
-						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a("div", {
-						className: "text-2xl font-bold",
-						children: h.length
-					}) })] }),
-					/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o(d, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(f, {
-							className: "text-sm font-medium",
-							children: "Total Revenue"
-						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ a(u, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: [
-							"$",
-							(m / 1e6).toFixed(1),
-							"M"
-						]
-					}) })] }),
-					/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o(d, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(f, {
-							className: "text-sm font-medium",
-							children: "Total Projects"
-						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a("div", {
-						className: "text-2xl font-bold",
-						children: p.reduce((e, t) => e + t.projects, 0)
-					}) })] })
+					/* @__PURE__ */ o(p, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(d, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(f, {
+								className: "text-sm font-medium",
+								children: "Active Clients"
+							}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: _.length
+						}) })]
+					}),
+					/* @__PURE__ */ o(p, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(d, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(f, {
+								className: "text-sm font-medium",
+								children: "Total Revenue"
+							}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(u, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(g / 1e6).toFixed(1),
+								"M"
+							]
+						}) })]
+					}),
+					/* @__PURE__ */ o(p, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(d, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(f, {
+								className: "text-sm font-medium",
+								children: "Total Projects"
+							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: h.reduce((e, t) => e + t.projects, 0)
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(f, { children: "Client Portfolio" }) }), /* @__PURE__ */ o(u, { children: [/* @__PURE__ */ o("div", {
-				className: "grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+				className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
 				children: [
 					/* @__PURE__ */ a("span", { children: "Client" }),
 					/* @__PURE__ */ a("span", { children: "Industry" }),
@@ -85,7 +97,7 @@ function p() {
 						children: "Status"
 					})
 				]
-			}), p.map((e) => /* @__PURE__ */ o("div", {
+			}), h.map((e) => /* @__PURE__ */ o("div", {
 				className: "grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
 					/* @__PURE__ */ a("span", {
@@ -93,14 +105,14 @@ function p() {
 						children: e.name
 					}),
 					/* @__PURE__ */ a("span", {
-						className: "text-muted-foreground",
+						className: "text-text-secondary",
 						children: e.industry
 					}),
 					/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 						className: "text-xs",
 						children: e.contactPerson
 					}), /* @__PURE__ */ a("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: e.email
 					})] }),
 					/* @__PURE__ */ o("span", {
@@ -116,7 +128,7 @@ function p() {
 						children: e.projects
 					}),
 					/* @__PURE__ */ a("span", {
-						className: "text-muted-foreground",
+						className: "text-text-secondary",
 						children: e.since
 					}),
 					/* @__PURE__ */ a("div", {
@@ -133,6 +145,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as CompanyClientManagementPagePage };
+export { h 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  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, FolderKanban, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CompanyClientManagementPagePage() {\n  const { clients } = useCrewFoundryStore();\n  const totalRevenue = clients.reduce((s, c) => s + c.revenue, 0);\n  const activeClients = clients.filter((c) => c.status === 'active');\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\">Client Management</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {clients.length} clients · ${(totalRevenue / 1000000).toFixed(1)}M revenue\n          </p>\n        </div>\n        <Button size=\"sm\">\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        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeClients.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalRevenue / 1000000).toFixed(1)}M</div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{clients.reduce((s, c) => s + c.projects, 0)}</div>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Client Portfolio</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-muted-foreground 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          </div>\n          {clients.map((c) => (\n            <div key={c.id} className=\"grid grid-cols-7 gap-2 py-2 border-b last:border-0 text-sm\">\n              <span className=\"font-medium\">{c.name}</span>\n              <span className=\"text-muted-foreground\">{c.industry}</span>\n              <div>\n                <p className=\"text-xs\">{c.contactPerson}</p>\n                <p className=\"text-xs text-muted-foreground\">{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-muted-foreground\">{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>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CompanyClientManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CompanyClientManagementPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, FolderKanban, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CompanyClientManagementPagePage() {\n  const { clients } = useCrewFoundryStore();\n  const totalRevenue = clients.reduce((s, c) => s + c.revenue, 0);\n  const activeClients = clients.filter((c) => c.status === 'active');\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        </div>\n        <Button size=\"sm\">\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=\"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\">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-7 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          </div>\n          {clients.map((c) => (\n            <div key={c.id} className=\"grid grid-cols-7 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>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CompanyCompanyDashboardPagePage.js

@@ -1,70 +1,86 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { DollarSign as t, Globe as n, TrendingUp as r, Users as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/CompanyCompanyDashboardPagePage.tsx
-function d() {
-	let { employees: d, departments: f, projects: p, clients: m } = e(), h = m.reduce((e, t) => e + t.revenue, 0);
+function p() {
+	let { employees: p, departments: m, projects: h, clients: g } = e(), _ = g.reduce((e, t) => e + t.revenue, 0);
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
 				className: "text-2xl font-semibold",
-				children: "Company Dashboard"
+				children: /* @__PURE__ */ a(f, { children: "Company Dashboard" })
 			}), /* @__PURE__ */ a("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Organization overview and key business metrics"
 			})] }),
 			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(u, {
-							className: "text-sm font-medium",
-							children: "Total Employees"
-						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
-						className: "text-2xl font-bold",
-						children: d.length
-					}), /* @__PURE__ */ o("p", {
-						className: "text-xs text-muted-foreground",
-						children: [f.length, " departments"]
-					})] })] }),
-					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(u, {
-							className: "text-sm font-medium",
-							children: "Active Projects"
-						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
-						className: "text-2xl font-bold",
-						children: p.filter((e) => e.status === "active").length
-					}) })] }),
-					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(u, {
-							className: "text-sm font-medium",
-							children: "Client Revenue"
-						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: [
-							"$",
-							(h / 1e6).toFixed(1),
-							"M"
-						]
-					}) })] }),
-					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ a(u, {
-							className: "text-sm font-medium",
-							children: "Active Clients"
-						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
-						className: "text-2xl font-bold",
-						children: m.filter((e) => e.status === "active").length
-					}) })] })
+					/* @__PURE__ */ o(d, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(l, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(u, {
+								className: "text-sm font-medium",
+								children: "Total Employees"
+							}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: p.length
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary",
+							children: [m.length, " departments"]
+						})] })]
+					}),
+					/* @__PURE__ */ o(d, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(l, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(u, {
+								className: "text-sm font-medium",
+								children: "Active Projects"
+							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: h.filter((e) => e.status === "active").length
+						}) })]
+					}),
+					/* @__PURE__ */ o(d, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(l, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(u, {
+								className: "text-sm font-medium",
+								children: "Client Revenue"
+							}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(_ / 1e6).toFixed(1),
+								"M"
+							]
+						}) })]
+					}),
+					/* @__PURE__ */ o(d, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ o(l, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ a(u, {
+								className: "text-sm font-medium",
+								children: "Active Clients"
+							}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: g.filter((e) => e.status === "active").length
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Company Information" }) }), /* @__PURE__ */ o(c, {
@@ -73,28 +89,28 @@ function d() {
 					className: "space-y-3",
 					children: [
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground",
+							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-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Industry"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
 							children: "HR Technology / SaaS"
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Founded"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
 							children: "2020"
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Headquarters"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
@@ -105,28 +121,28 @@ function d() {
 					className: "space-y-3",
 					children: [
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground",
+							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-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Website"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
 							children: "www.crewfoundry.com"
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Offices"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
 							children: "San Francisco, Austin, New York, Chicago, Remote"
 						})] }),
 						/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Funding"
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm font-medium",
@@ -139,6 +155,6 @@ function d() {
 	});
 }
 //#endregion
-export { d as CompanyCompanyDashboardPagePage };
+export { p as CompanyCompanyDashboardPagePage };
 
 //# sourceMappingURL=CompanyCompanyDashboardPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompanyCompanyDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CompanyCompanyDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, Globe, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CompanyCompanyDashboardPagePage() {\n  const { employees, departments, projects, clients } = useCrewFoundryStore();\n  const totalRevenue = clients.reduce((s, c) => s + c.revenue, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Company Dashboard</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Organization overview and key business metrics\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Employees</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{employees.length}</div>\n            <p className=\"text-xs text-muted-foreground\">{departments.length} departments</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Projects</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {projects.filter((p) => p.status === 'active').length}\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Client Revenue</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalRevenue / 1000000).toFixed(1)}M</div>\n          </CardContent>\n        </Card>\n        <Card>\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            <Globe className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {clients.filter((c) => c.status === 'active').length}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Company Information</CardTitle>\n        </CardHeader>\n        <CardContent className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"space-y-3\">\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Company Name</p>\n              <p className=\"text-sm font-medium\">CrewFoundry Inc.</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Industry</p>\n              <p className=\"text-sm font-medium\">HR Technology / SaaS</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Founded</p>\n              <p className=\"text-sm font-medium\">2020</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Headquarters</p>\n              <p className=\"text-sm font-medium\">San Francisco, CA</p>\n            </div>\n          </div>\n          <div className=\"space-y-3\">\n            <div>\n              <p className=\"text-xs text-muted-foreground\">CEO</p>\n              <p className=\"text-sm font-medium\">Alex Rivera</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Website</p>\n              <p className=\"text-sm font-medium\">www.crewfoundry.com</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Offices</p>\n              <p className=\"text-sm font-medium\">\n                San Francisco, Austin, New York, Chicago, Remote\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">Funding</p>\n              <p className=\"text-sm font-medium\">Series B - $45M</p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CompanyCompanyDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CompanyCompanyDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, Globe, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CompanyCompanyDashboardPagePage() {\n  const { employees, departments, projects, clients } = useCrewFoundryStore();\n  const totalRevenue = clients.reduce((s, c) => s + c.revenue, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Company Dashboard</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          Organization overview and key business metrics\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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 Employees</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n            <p className=\"text-xs text-text-secondary\">{departments.length} departments</p>\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\">Active Projects</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {projects.filter((p) => p.status === 'active').length}\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\">Client 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\">Active Clients</CardTitle>\n            <Globe className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {clients.filter((c) => c.status === 'active').length}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Company Information</CardTitle>\n        </CardHeader>\n        <CardContent className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"space-y-3\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Company Name</p>\n              <p className=\"text-sm font-medium\">CrewFoundry Inc.</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Industry</p>\n              <p className=\"text-sm font-medium\">HR Technology / SaaS</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Founded</p>\n              <p className=\"text-sm font-medium\">2020</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Headquarters</p>\n              <p className=\"text-sm font-medium\">San Francisco, CA</p>\n            </div>\n          </div>\n          <div className=\"space-y-3\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">CEO</p>\n              <p className=\"text-sm font-medium\">Alex Rivera</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Website</p>\n              <p className=\"text-sm font-medium\">www.crewfoundry.com</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Offices</p>\n              <p className=\"text-sm font-medium\">\n                San Francisco, Austin, New York, Chicago, Remote\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Funding</p>\n              <p className=\"text-sm font-medium\">Series B - $45M</p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}