@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.1

package/dist/crewfoundry/pages/PaymentsSecurityPagePage.js

@@ -2,65 +2,65 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { AlertTriangle as n, CheckCircle as r, Shield as i, ShieldCheck as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, GlassCard as m, GradientText as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/PaymentsSecurityPagePage.tsx
-var m = (e) => {
+var g = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
-}, h = (e) => {
+}, _ = (e) => {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "recently";
 	let n = Math.max(1, Math.floor((Date.now() - t.getTime()) / (1e3 * 60 * 60)));
 	return n < 24 ? `${n}h ago` : `${Math.floor(n / 24)}d ago`;
 };
-function g() {
-	let { notifications: g, invoices: _, payrollRecords: v } = e(), y = t(() => {
-		let e = _.filter((e) => e.status === "overdue").length, t = v.filter((e) => e.status === "failed").length, n = e > 0 || t > 0;
+function v() {
+	let { notifications: v, invoices: y, payrollRecords: b } = e(), x = t(() => {
+		let e = y.filter((e) => e.status === "overdue").length, t = b.filter((e) => e.status === "failed").length, n = e > 0 || t > 0;
 		return [
 			{
 				name: "PCI DSS Compliance",
 				status: "passed",
-				lastChecked: m((/* @__PURE__ */ new Date()).toISOString())
+				lastChecked: g((/* @__PURE__ */ new Date()).toISOString())
 			},
 			{
 				name: "SSL/TLS Encryption",
 				status: "passed",
-				lastChecked: m((/* @__PURE__ */ new Date()).toISOString())
+				lastChecked: g((/* @__PURE__ */ new Date()).toISOString())
 			},
 			{
 				name: "Two-Factor Authentication",
 				status: "passed",
-				lastChecked: m((/* @__PURE__ */ new Date()).toISOString())
+				lastChecked: g((/* @__PURE__ */ new Date()).toISOString())
 			},
 			{
 				name: "Data Encryption at Rest",
 				status: "passed",
-				lastChecked: m((/* @__PURE__ */ new Date()).toISOString())
+				lastChecked: g((/* @__PURE__ */ new Date()).toISOString())
 			},
 			{
 				name: "Payment Processing Audit",
 				status: n ? "warning" : "passed",
-				lastChecked: m((/* @__PURE__ */ new Date()).toISOString())
+				lastChecked: g((/* @__PURE__ */ new Date()).toISOString())
 			},
 			{
 				name: "Access Control Review",
-				status: g.some((e) => e.type === "error") ? "warning" : "passed",
-				lastChecked: m((/* @__PURE__ */ new Date()).toISOString())
+				status: v.some((e) => e.type === "error") ? "warning" : "passed",
+				lastChecked: g((/* @__PURE__ */ new Date()).toISOString())
 			}
 		];
 	}, [
-		_,
-		g,
-		v
-	]), b = t(() => g.slice(0, 6).map((e) => {
+		y,
+		v,
+		b
+	]), S = t(() => v.slice(0, 6).map((e) => {
 		let t = e.type === "error" ? "medium" : e.type === "warning" ? "low" : "info";
 		return {
 			id: e.id,
 			message: e.message,
 			severity: t,
-			time: h(e.createdAt)
+			time: _(e.createdAt)
 		};
-	}), [g]), x = y.filter((e) => e.status === "passed").length, S = Math.round(x / Math.max(y.length, 1) * 100);
+	}), [v]), C = x.filter((e) => e.status === "passed").length, w = Math.round(C / Math.max(x.length, 1) * 100);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -68,7 +68,7 @@ function g() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 					className: "text-2xl font-semibold",
-					children: "Payment Security"
+					children: /* @__PURE__ */ o(h, { children: "Payment Security" })
 				}), /* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary",
 					children: "Security controls and compliance status"
@@ -81,49 +81,61 @@ function g() {
 			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Security Score"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-green-500" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: [S, "/100"]
-					}) })] }),
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Checks Passing"
-						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-green-500" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: [
-							x,
-							"/",
-							y.length
-						]
-					}) })] }),
-					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-sm font-medium",
-							children: "Active Alerts"
-						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-yellow-500" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: b.length
-					}) })] })
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Security Score"
+							}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [w, "/100"]
+						}) })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Checks Passing"
+							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								C,
+								"/",
+								x.length
+							]
+						}) })]
+					}),
+					/* @__PURE__ */ s(m, {
+						treatment: "metric",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ s(f, {
+							className: "flex flex-row items-center justify-between space-y-0 pb-2",
+							children: [/* @__PURE__ */ o(p, {
+								className: "text-sm font-medium",
+								children: "Active Alerts"
+							}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: S.length
+						}) })]
+					})
 				]
 			}),
 			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "Security Checks" }) }), /* @__PURE__ */ o(d, {
 				className: "space-y-3",
-				children: y.map((e) => /* @__PURE__ */ s("div", {
+				children: x.map((e) => /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between rounded border p-3",
 					children: [/* @__PURE__ */ s("div", {
 						className: "flex items-center gap-2",
-						children: [e.status === "passed" ? /* @__PURE__ */ o(r, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ o(n, { className: "h-4 w-4 text-yellow-500" }), /* @__PURE__ */ o("span", {
+						children: [e.status === "passed" ? /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ o(n, { className: "h-4 w-4 text-status-warning-text" }), /* @__PURE__ */ o("span", {
 							className: "text-sm font-medium",
 							children: e.name
 						})]
@@ -142,11 +154,11 @@ function g() {
 			})] }),
 			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "Security Alerts" }) }), /* @__PURE__ */ o(d, {
 				className: "space-y-3",
-				children: b.map((e) => /* @__PURE__ */ s("div", {
+				children: S.map((e) => /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between rounded border p-3",
 					children: [/* @__PURE__ */ s("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ o(n, { className: `h-4 w-4 ${e.severity === "medium" ? "text-yellow-500" : e.severity === "low" ? "text-blue-500" : "text-text-secondary"}` }), /* @__PURE__ */ o("span", {
+						children: [/* @__PURE__ */ o(n, { className: `h-4 w-4 ${e.severity === "medium" ? "text-status-warning-text" : e.severity === "low" ? "text-status-info-text" : "text-text-secondary"}` }), /* @__PURE__ */ o("span", {
 							className: "text-sm",
 							children: e.message
 						})]
@@ -167,6 +179,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as PaymentsSecurityPagePage };
+export { v as PaymentsSecurityPagePage };
 
 //# sourceMappingURL=PaymentsSecurityPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsSecurityPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsSecurityPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, CheckCircle, Shield, ShieldCheck } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype SecurityCheck = {\n  name: string;\n  status: 'passed' | 'warning';\n  lastChecked: string;\n};\n\ntype SecurityAlert = {\n  id: string;\n  message: string;\n  severity: 'medium' | 'low' | 'info';\n  time: string;\n};\n\nconst formatDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nconst timeAgo = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'recently';\n  }\n  const hours = Math.max(1, Math.floor((Date.now() - parsed.getTime()) / (1000 * 60 * 60)));\n  return hours < 24 ? `${hours}h ago` : `${Math.floor(hours / 24)}d ago`;\n};\n\nexport function PaymentsSecurityPagePage() {\n  const { notifications, invoices, payrollRecords } = useCrewFoundryStore();\n\n  const securityChecks = useMemo<SecurityCheck[]>(() => {\n    const failedInvoices = invoices.filter((invoice) => invoice.status === 'overdue').length;\n    const payrollFailures = payrollRecords.filter((record) => record.status === 'failed').length;\n    const warning = failedInvoices > 0 || payrollFailures > 0;\n\n    return [\n      {\n        name: 'PCI DSS Compliance',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'SSL/TLS Encryption',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Two-Factor Authentication',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Data Encryption at Rest',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Payment Processing Audit',\n        status: warning ? 'warning' : 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Access Control Review',\n        status: notifications.some((notification) => notification.type === 'error')\n          ? 'warning'\n          : 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n    ];\n  }, [invoices, notifications, payrollRecords]);\n\n  const recentAlerts = useMemo<SecurityAlert[]>(() => {\n    return notifications.slice(0, 6).map((notification) => {\n      const severity: SecurityAlert['severity'] =\n        notification.type === 'error' ? 'medium' : notification.type === 'warning' ? 'low' : 'info';\n\n      return {\n        id: notification.id,\n        message: notification.message,\n        severity,\n        time: timeAgo(notification.createdAt),\n      };\n    });\n  }, [notifications]);\n\n  const passedChecks = securityChecks.filter((check) => check.status === 'passed').length;\n  const securityScore = Math.round((passedChecks / Math.max(securityChecks.length, 1)) * 100);\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\">Payment Security</h1>\n          <p className=\"text-sm text-text-secondary\">Security controls and compliance status</p>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Shield className=\"mr-1 h-4 w-4\" />\n          Run Audit\n        </Button>\n      </div>\n\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\">Security Score</CardTitle>\n            <ShieldCheck className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{securityScore}/100</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\">Checks Passing</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {passedChecks}/{securityChecks.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\">Active Alerts</CardTitle>\n            <AlertTriangle className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{recentAlerts.length}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Security Checks</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {securityChecks.map((check) => (\n            <div key={check.name} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-2\">\n                {check.status === 'passed' ? (\n                  <CheckCircle className=\"h-4 w-4 text-green-500\" />\n                ) : (\n                  <AlertTriangle className=\"h-4 w-4 text-yellow-500\" />\n                )}\n                <span className=\"text-sm font-medium\">{check.name}</span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-xs text-text-secondary\">Last: {check.lastChecked}</span>\n                <Badge\n                  variant={check.status === 'passed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {check.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Security Alerts</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentAlerts.map((alert) => (\n            <div key={alert.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-2\">\n                <AlertTriangle\n                  className={`h-4 w-4 ${\n                    alert.severity === 'medium'\n                      ? 'text-yellow-500'\n                      : alert.severity === 'low'\n                        ? 'text-blue-500'\n                        : 'text-text-secondary'\n                  }`}\n                />\n                <span className=\"text-sm\">{alert.message}</span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-xs text-text-secondary\">{alert.time}</span>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {alert.severity}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentsSecurityPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsSecurityPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, CheckCircle, Shield, ShieldCheck } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype SecurityCheck = {\n  name: string;\n  status: 'passed' | 'warning';\n  lastChecked: string;\n};\n\ntype SecurityAlert = {\n  id: string;\n  message: string;\n  severity: 'medium' | 'low' | 'info';\n  time: string;\n};\n\nconst formatDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nconst timeAgo = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'recently';\n  }\n  const hours = Math.max(1, Math.floor((Date.now() - parsed.getTime()) / (1000 * 60 * 60)));\n  return hours < 24 ? `${hours}h ago` : `${Math.floor(hours / 24)}d ago`;\n};\n\nexport function PaymentsSecurityPagePage() {\n  const { notifications, invoices, payrollRecords } = useCrewFoundryStore();\n\n  const securityChecks = useMemo<SecurityCheck[]>(() => {\n    const failedInvoices = invoices.filter((invoice) => invoice.status === 'overdue').length;\n    const payrollFailures = payrollRecords.filter((record) => record.status === 'failed').length;\n    const warning = failedInvoices > 0 || payrollFailures > 0;\n\n    return [\n      {\n        name: 'PCI DSS Compliance',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'SSL/TLS Encryption',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Two-Factor Authentication',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Data Encryption at Rest',\n        status: 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Payment Processing Audit',\n        status: warning ? 'warning' : 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n      {\n        name: 'Access Control Review',\n        status: notifications.some((notification) => notification.type === 'error')\n          ? 'warning'\n          : 'passed',\n        lastChecked: formatDate(new Date().toISOString()),\n      },\n    ];\n  }, [invoices, notifications, payrollRecords]);\n\n  const recentAlerts = useMemo<SecurityAlert[]>(() => {\n    return notifications.slice(0, 6).map((notification) => {\n      const severity: SecurityAlert['severity'] =\n        notification.type === 'error' ? 'medium' : notification.type === 'warning' ? 'low' : 'info';\n\n      return {\n        id: notification.id,\n        message: notification.message,\n        severity,\n        time: timeAgo(notification.createdAt),\n      };\n    });\n  }, [notifications]);\n\n  const passedChecks = securityChecks.filter((check) => check.status === 'passed').length;\n  const securityScore = Math.round((passedChecks / Math.max(securityChecks.length, 1)) * 100);\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>Payment Security</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Security controls and compliance status</p>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Shield className=\"mr-1 h-4 w-4\" />\n          Run Audit\n        </Button>\n      </div>\n\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\">Security Score</CardTitle>\n            <ShieldCheck className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{securityScore}/100</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\">Checks Passing</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {passedChecks}/{securityChecks.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\">Active Alerts</CardTitle>\n            <AlertTriangle className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{recentAlerts.length}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Security Checks</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {securityChecks.map((check) => (\n            <div key={check.name} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-2\">\n                {check.status === 'passed' ? (\n                  <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n                ) : (\n                  <AlertTriangle className=\"h-4 w-4 text-status-warning-text\" />\n                )}\n                <span className=\"text-sm font-medium\">{check.name}</span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-xs text-text-secondary\">Last: {check.lastChecked}</span>\n                <Badge\n                  variant={check.status === 'passed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {check.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Security Alerts</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentAlerts.map((alert) => (\n            <div key={alert.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-2\">\n                <AlertTriangle\n                  className={`h-4 w-4 ${\n                    alert.severity === 'medium'\n                      ? 'text-status-warning-text'\n                      : alert.severity === 'low'\n                        ? 'text-status-info-text'\n                        : 'text-text-secondary'\n                  }`}\n                />\n                <span className=\"text-sm\">{alert.message}</span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-xs text-text-secondary\">{alert.time}</span>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {alert.severity}\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/ProjectsCreateProjectPagePage.js

@@ -1,16 +1,16 @@
 import { useState as e } from "react";
 import { FolderKanban as t, Save as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Button as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l, Input as u, Textarea as d } from "@burdenoff/fe-libs/ui";
+import { Button as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l, GradientText as u, Input as d, Textarea as f } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/ProjectsCreateProjectPagePage.tsx
-function f() {
-	let [f, p] = e(""), [m, h] = e(""), [g, _] = e(""), [v, y] = e(""), [b, x] = e("");
+function p() {
+	let [p, m] = e(""), [h, g] = e(""), [_, v] = e(""), [y, b] = e(""), [x, S] = e("");
 	return /* @__PURE__ */ i("div", {
 		className: "space-y-6 p-6 max-w-3xl",
 		children: [
 			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
 				className: "text-2xl font-semibold",
-				children: "Create Project"
+				children: /* @__PURE__ */ r(u, { children: "Create Project" })
 			}), /* @__PURE__ */ r("p", {
 				className: "text-sm text-text-secondary",
 				children: "Set up a new project for your team"
@@ -26,10 +26,10 @@ function f() {
 						children: [/* @__PURE__ */ r("label", {
 							className: "text-sm font-medium",
 							children: "Project Name"
-						}), /* @__PURE__ */ r(u, {
+						}), /* @__PURE__ */ r(d, {
 							placeholder: "e.g. HR Analytics Dashboard v3",
-							value: f,
-							onChange: (e) => p(e.target.value)
+							value: p,
+							onChange: (e) => m(e.target.value)
 						})]
 					}),
 					/* @__PURE__ */ i("div", {
@@ -37,11 +37,11 @@ function f() {
 						children: [/* @__PURE__ */ r("label", {
 							className: "text-sm font-medium",
 							children: "Description"
-						}), /* @__PURE__ */ r(d, {
+						}), /* @__PURE__ */ r(f, {
 							placeholder: "Describe the project objectives and scope...",
 							rows: 3,
-							value: m,
-							onChange: (e) => h(e.target.value)
+							value: h,
+							onChange: (e) => g(e.target.value)
 						})]
 					}),
 					/* @__PURE__ */ i("div", {
@@ -51,20 +51,20 @@ function f() {
 							children: [/* @__PURE__ */ r("label", {
 								className: "text-sm font-medium",
 								children: "Start Date"
-							}), /* @__PURE__ */ r(u, {
+							}), /* @__PURE__ */ r(d, {
 								type: "date",
-								value: g,
-								onChange: (e) => _(e.target.value)
+								value: _,
+								onChange: (e) => v(e.target.value)
 							})]
 						}), /* @__PURE__ */ i("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ r("label", {
 								className: "text-sm font-medium",
 								children: "End Date"
-							}), /* @__PURE__ */ r(u, {
+							}), /* @__PURE__ */ r(d, {
 								type: "date",
-								value: v,
-								onChange: (e) => y(e.target.value)
+								value: y,
+								onChange: (e) => b(e.target.value)
 							})]
 						})]
 					}),
@@ -73,11 +73,11 @@ function f() {
 						children: [/* @__PURE__ */ r("label", {
 							className: "text-sm font-medium",
 							children: "Budget ($)"
-						}), /* @__PURE__ */ r(u, {
+						}), /* @__PURE__ */ r(d, {
 							type: "number",
 							placeholder: "e.g. 250000",
-							value: b,
-							onChange: (e) => x(e.target.value)
+							value: x,
+							onChange: (e) => S(e.target.value)
 						})]
 					})
 				]
@@ -93,6 +93,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as ProjectsCreateProjectPagePage };
+export { p as ProjectsCreateProjectPagePage };
 
 //# sourceMappingURL=ProjectsCreateProjectPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsCreateProjectPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsCreateProjectPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { FolderKanban, Save } from 'lucide-react';\n\nexport function ProjectsCreateProjectPagePage() {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n  const [budget, setBudget] = useState('');\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Create Project</h1>\n        <p className=\"text-sm text-text-secondary\">Set up a new project for your team</p>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <FolderKanban className=\"h-5 w-5\" />\n            Project Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Project Name</label>\n            <Input\n              placeholder=\"e.g. HR Analytics Dashboard v3\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Description</label>\n            <Textarea\n              placeholder=\"Describe the project objectives and scope...\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Start Date</label>\n              <Input type=\"date\" value={startDate} onChange={(e) => setStartDate(e.target.value)} />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">End Date</label>\n              <Input type=\"date\" value={endDate} onChange={(e) => setEndDate(e.target.value)} />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Budget ($)</label>\n            <Input\n              type=\"number\"\n              placeholder=\"e.g. 250000\"\n              value={budget}\n              onChange={(e) => setBudget(e.target.value)}\n            />\n          </div>\n        </CardContent>\n      </Card>\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\">Save as Draft</Button>\n        <Button>\n          <Save className=\"h-4 w-4 mr-1\" />\n          Create Project\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,IAAgC;CAC9C,IAAM,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAQ,KAAa,EAAS,GAAG;AAExC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAmB,CAAA,EAC1D,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAsC,CAAA,CAC7E,EAAA,CAAA;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,kBAE1B;OACD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAoB,CAAA,EAC3D,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;OACxC,CAAA,CACE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAmB,CAAA,EAC1D,kBAAC,GAAD;OACE,aAAY;OACZ,MAAM;OACN,OAAO;OACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;OAC/C,CAAA,CACE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAsB;QAAkB,CAAA,EACzD,kBAAC,GAAD;QAAO,MAAK;QAAO,OAAO;QAAW,WAAW,MAAM,EAAa,EAAE,OAAO,MAAM;QAAI,CAAA,CAClF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAsB;QAAgB,CAAA,EACvD,kBAAC,GAAD;QAAO,MAAK;QAAO,OAAO;QAAS,WAAW,MAAM,EAAW,EAAE,OAAO,MAAM;QAAI,CAAA,CAC9E;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAkB,CAAA,EACzD,kBAAC,GAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;OAC1C,CAAA,CACE;;KACM;MACT,EAAA,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;eAAU;KAAsB,CAAA,EAChD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B,EAAA,CAAA,CACL;;GACF"}
+{"version":3,"file":"ProjectsCreateProjectPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsCreateProjectPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  Input,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { FolderKanban, Save } from 'lucide-react';\n\nexport function ProjectsCreateProjectPagePage() {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n  const [budget, setBudget] = useState('');\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Create Project</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Set up a new project for your team</p>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <FolderKanban className=\"h-5 w-5\" />\n            Project Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Project Name</label>\n            <Input\n              placeholder=\"e.g. HR Analytics Dashboard v3\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Description</label>\n            <Textarea\n              placeholder=\"Describe the project objectives and scope...\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Start Date</label>\n              <Input type=\"date\" value={startDate} onChange={(e) => setStartDate(e.target.value)} />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">End Date</label>\n              <Input type=\"date\" value={endDate} onChange={(e) => setEndDate(e.target.value)} />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Budget ($)</label>\n            <Input\n              type=\"number\"\n              placeholder=\"e.g. 250000\"\n              value={budget}\n              onChange={(e) => setBudget(e.target.value)}\n            />\n          </div>\n        </CardContent>\n      </Card>\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\">Save as Draft</Button>\n        <Button>\n          <Save className=\"h-4 w-4 mr-1\" />\n          Create Project\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,IAAgC;CAC9C,IAAM,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAQ,KAAa,EAAS,GAAG;AAExC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;IACxC,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAsC,CAAA,CAC7E,EAAA,CAAA;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,kBAE1B;OACD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAoB,CAAA,EAC3D,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;OACxC,CAAA,CACE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAmB,CAAA,EAC1D,kBAAC,GAAD;OACE,aAAY;OACZ,MAAM;OACN,OAAO;OACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;OAC/C,CAAA,CACE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAsB;QAAkB,CAAA,EACzD,kBAAC,GAAD;QAAO,MAAK;QAAO,OAAO;QAAW,WAAW,MAAM,EAAa,EAAE,OAAO,MAAM;QAAI,CAAA,CAClF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAsB;QAAgB,CAAA,EACvD,kBAAC,GAAD;QAAO,MAAK;QAAO,OAAO;QAAS,WAAW,MAAM,EAAW,EAAE,OAAO,MAAM;QAAI,CAAA,CAC9E;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAkB,CAAA,EACzD,kBAAC,GAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;OAC1C,CAAA,CACE;;KACM;MACT,EAAA,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;eAAU;KAAsB,CAAA,EAChD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B,EAAA,CAAA,CACL;;GACF"}

package/dist/crewfoundry/pages/ProjectsProjectDetailsPagePage.js

@@ -1,29 +1,29 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Calendar as t, DollarSign as n, Target as r, Users as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d } from "@burdenoff/fe-libs/ui";
+import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, GradientText as f, IllustratedEmptyState as p } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx
-function f() {
-	let { projects: f } = e(), p = f[1];
-	return p ? /* @__PURE__ */ o("div", {
+function m() {
+	let { projects: m } = e(), h = m[1];
+	return h ? /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
 					className: "text-2xl font-semibold",
-					children: p.name
+					children: /* @__PURE__ */ a(f, { children: h.name })
 				}), /* @__PURE__ */ a("p", {
 					className: "text-sm text-text-secondary",
-					children: p.description
+					children: h.description
 				})] }), /* @__PURE__ */ o("div", {
 					className: "flex gap-1",
 					children: [/* @__PURE__ */ a(s, {
-						variant: p.priority === "critical" ? "destructive" : "default",
-						children: p.priority
+						variant: h.priority === "critical" ? "destructive" : "default",
+						children: h.priority
 					}), /* @__PURE__ */ a(s, {
-						variant: p.status === "active" ? "default" : "secondary",
-						children: p.status
+						variant: h.status === "active" ? "default" : "secondary",
+						children: h.status
 					})]
 				})]
 			}),
@@ -36,7 +36,7 @@ function f() {
 							/* @__PURE__ */ a(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
-								children: [p.progress, "%"]
+								children: [h.progress, "%"]
 							}),
 							/* @__PURE__ */ a("p", {
 								className: "text-xs text-text-secondary",
@@ -52,7 +52,7 @@ function f() {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(p.budget / 1e3).toFixed(0),
+									(h.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
@@ -68,7 +68,7 @@ function f() {
 							/* @__PURE__ */ a(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ a("p", {
 								className: "text-lg font-bold",
-								children: p.teamName
+								children: h.teamName
 							}),
 							/* @__PURE__ */ a("p", {
 								className: "text-xs text-text-secondary",
@@ -82,7 +82,7 @@ function f() {
 							/* @__PURE__ */ a(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ a("p", {
 								className: "text-lg font-bold",
-								children: p.endDate
+								children: h.endDate
 							}),
 							/* @__PURE__ */ a("p", {
 								className: "text-xs text-text-secondary",
@@ -97,19 +97,19 @@ function f() {
 				children: [/* @__PURE__ */ o("div", {
 					className: "flex justify-between text-sm",
 					children: [/* @__PURE__ */ o("span", { children: [
-						p.completedTasks,
+						h.completedTasks,
 						" of ",
-						p.tasks,
+						h.tasks,
 						" tasks completed"
 					] }), /* @__PURE__ */ o("span", {
 						className: "font-medium",
-						children: [p.progress, "%"]
+						children: [h.progress, "%"]
 					})]
 				}), /* @__PURE__ */ a("div", {
 					className: "h-3 bg-bg-sunken rounded overflow-hidden",
 					children: /* @__PURE__ */ a("div", {
 						className: "h-3 bg-action-primary-bg rounded",
-						style: { width: `${p.progress}%` }
+						style: { width: `${h.progress}%` }
 					})
 				})]
 			}) })] }),
@@ -119,19 +119,19 @@ function f() {
 					className: "flex justify-between text-sm",
 					children: [/* @__PURE__ */ o("span", { children: [
 						"Spent $",
-						(p.spent / 1e3).toFixed(0),
+						(h.spent / 1e3).toFixed(0),
 						"K of $",
-						(p.budget / 1e3).toFixed(0),
+						(h.budget / 1e3).toFixed(0),
 						"K"
 					] }), /* @__PURE__ */ o("span", {
 						className: "font-medium",
-						children: [Math.round(p.spent / p.budget * 100), "%"]
+						children: [Math.round(h.spent / h.budget * 100), "%"]
 					})]
 				}), /* @__PURE__ */ a("div", {
 					className: "h-3 bg-bg-sunken rounded overflow-hidden",
 					children: /* @__PURE__ */ a("div", {
-						className: `h-3 rounded ${p.spent / p.budget > .9 ? "bg-red-500" : "bg-green-500"}`,
-						style: { width: `${Math.round(p.spent / p.budget * 100)}%` }
+						className: `h-3 rounded ${h.spent / h.budget > .9 ? "bg-status-error-text" : "bg-status-success-text"}`,
+						style: { width: `${Math.round(h.spent / h.budget * 100)}%` }
 					})
 				})]
 			}), /* @__PURE__ */ o("div", {
@@ -141,23 +141,27 @@ function f() {
 					children: "Manager"
 				}), /* @__PURE__ */ a("p", {
 					className: "font-medium",
-					children: p.managerName
+					children: h.managerName
 				})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 					className: "text-xs text-text-secondary",
 					children: "Timeline"
 				}), /* @__PURE__ */ o("p", { children: [
-					p.startDate,
+					h.startDate,
 					" — ",
-					p.endDate
+					h.endDate
 				] })] })]
 			})] })] })
 		]
 	}) : /* @__PURE__ */ a("div", {
-		className: "p-6 text-text-secondary",
-		children: "No project found."
+		className: "p-6",
+		children: /* @__PURE__ */ a(p, {
+			illustration: "empty-search",
+			title: "Project not found",
+			description: "This project is no longer available."
+		})
 	});
 }
 //#endregion
-export { f as ProjectsProjectDetailsPagePage };
+export { m as ProjectsProjectDetailsPagePage };
 
 //# sourceMappingURL=ProjectsProjectDetailsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx"],"sourcesContent":["import { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, Target, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectDetailsPagePage() {\n  const { projects } = useCrewFoundryStore();\n  const project = projects[1]; // Show second project for variety\n  if (!project) return <div className=\"p-6 text-text-secondary\">No project found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">{project.name}</h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n        </div>\n        <div className=\"flex gap-1\">\n          <Badge variant={project.priority === 'critical' ? 'destructive' : 'default'}>\n            {project.priority}\n          </Badge>\n          <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n            {project.status}\n          </Badge>\n        </div>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-text-secondary\">Progress</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Task Progress</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                {project.completedTasks} of {project.tasks} tasks completed\n              </span>\n              <span className=\"font-medium\">{project.progress}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div className=\"h-3 bg-action-primary-bg rounded\" style={{ width: `${project.progress}%` }} />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n      <Card>\n        <CardHeader>\n          <CardTitle>Budget Tracking</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                Spent ${(project.spent / 1000).toFixed(0)}K of ${(project.budget / 1000).toFixed(0)}\n                K\n              </span>\n              <span className=\"font-medium\">\n                {Math.round((project.spent / project.budget) * 100)}%\n              </span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className={`h-3 rounded ${project.spent / project.budget > 0.9 ? 'bg-red-500' : 'bg-green-500'}`}\n                style={{ width: `${Math.round((project.spent / project.budget) * 100)}%` }}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 mt-4 text-sm\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Timeline</p>\n              <p>\n                {project.startDate} — {project.endDate}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, Target, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectDetailsPagePage() {\n  const { projects } = useCrewFoundryStore();\n  const project = projects[1]; // Show second project for variety\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n        </div>\n        <div className=\"flex gap-1\">\n          <Badge variant={project.priority === 'critical' ? 'destructive' : 'default'}>\n            {project.priority}\n          </Badge>\n          <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n            {project.status}\n          </Badge>\n        </div>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-text-secondary\">Progress</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Task Progress</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                {project.completedTasks} of {project.tasks} tasks completed\n              </span>\n              <span className=\"font-medium\">{project.progress}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className=\"h-3 bg-action-primary-bg rounded\"\n                style={{ width: `${project.progress}%` }}\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n      <Card>\n        <CardHeader>\n          <CardTitle>Budget Tracking</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                Spent ${(project.spent / 1000).toFixed(0)}K of ${(project.budget / 1000).toFixed(0)}\n                K\n              </span>\n              <span className=\"font-medium\">\n                {Math.round((project.spent / project.budget) * 100)}%\n              </span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className={`h-3 rounded ${project.spent / project.budget > 0.9 ? 'bg-status-error-text' : 'bg-status-success-text'}`}\n                style={{ width: `${Math.round((project.spent / project.budget) * 100)}%` }}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 mt-4 text-sm\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Timeline</p>\n              <p>\n                {project.startDate} — {project.endDate}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}