@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

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-muted-foreground\">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-muted-foreground\">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-muted-foreground'\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-muted-foreground\">{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,18 +1,18 @@
 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-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Set up a new project for your team"
 			})] }),
 			/* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ i(l, {
@@ -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-muted-foreground\">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;cAAgC;IAAsC,CAAA,CAC/E,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-muted-foreground",
-					children: p.description
+					className: "text-sm text-text-secondary",
+					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
 					})]
 				})]
 			}),
@@ -33,13 +33,13 @@ function f() {
 					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(r, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__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-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Progress"
 							})
 						]
@@ -47,17 +47,17 @@ function f() {
 					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(n, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ a(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ o("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(p.budget / 1e3).toFixed(0),
+									(h.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
 							/* @__PURE__ */ a("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Budget"
 							})
 						]
@@ -65,13 +65,13 @@ function f() {
 					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(i, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__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-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Team"
 							})
 						]
@@ -79,13 +79,13 @@ function f() {
 					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(t, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__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-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
 						]
@@ -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-muted rounded overflow-hidden",
+					className: "h-3 bg-bg-sunken rounded overflow-hidden",
 					children: /* @__PURE__ */ a("div", {
-						className: "h-3 bg-primary rounded",
-						style: { width: `${p.progress}%` }
+						className: "h-3 bg-action-primary-bg rounded",
+						style: { width: `${h.progress}%` }
 					})
 				})]
 			}) })] }),
@@ -119,45 +119,49 @@ 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-muted rounded overflow-hidden",
+					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", {
 				className: "grid grid-cols-2 gap-4 mt-4 text-sm",
 				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-					className: "text-xs text-muted-foreground",
+					className: "text-xs text-text-secondary",
 					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-muted-foreground",
+					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-muted-foreground",
-		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-muted-foreground\">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-muted-foreground\">{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-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-muted-foreground\">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-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-muted-foreground\">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-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-muted-foreground\">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-muted-foreground mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-muted-foreground\">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-muted rounded overflow-hidden\">\n              <div className=\"h-3 bg-primary 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-muted 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-muted-foreground\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-muted-foreground\">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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"}

package/dist/crewfoundry/pages/ProjectsProjectsPagePage.js

@@ -1,12 +1,12 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Plus as t } from "lucide-react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Badge as i, Button as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as i, Button as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u, GradientText as d } from "@burdenoff/fe-libs/ui";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/ProjectsProjectsPagePage.tsx
-function f() {
-	let { t: f } = d(), { projects: p } = e(), m = p.filter((e) => e.status === "active"), h = (e, t) => {
-		let n = f(e);
+function p() {
+	let { t: p } = f(), { projects: m } = e(), h = m.filter((e) => e.status === "active"), g = (e, t) => {
+		let n = p(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ r("div", {
@@ -15,21 +15,21 @@ function f() {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h1", {
 				className: "text-2xl font-semibold",
-				children: h("crewfoundry.projects.title", "Projects")
+				children: /* @__PURE__ */ n(d, { children: g("crewfoundry.projects.title", "Projects") })
 			}), /* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: [
-					m.length,
+					h.length,
 					" ",
-					h("crewfoundry.projects.summary.activeProjects", "active projects")
+					g("crewfoundry.projects.summary.activeProjects", "active projects")
 				]
 			})] }), /* @__PURE__ */ r(a, {
 				size: "sm",
-				children: [/* @__PURE__ */ n(t, { className: "h-4 w-4 mr-1" }), h("crewfoundry.projects.actions.newProject", "New Project")]
+				children: [/* @__PURE__ */ n(t, { className: "h-4 w-4 mr-1" }), g("crewfoundry.projects.actions.newProject", "New Project")]
 			})]
 		}), /* @__PURE__ */ n("div", {
 			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: p.map((e) => /* @__PURE__ */ r(o, {
+			children: m.map((e) => /* @__PURE__ */ r(o, {
 				className: "hover:shadow-md transition-shadow cursor-pointer",
 				children: [/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ r("div", {
 					className: "flex items-center justify-between",
@@ -51,37 +51,37 @@ function f() {
 								"/",
 								e.tasks,
 								" ",
-								h("crewfoundry.projects.card.tasks", "tasks")
+								g("crewfoundry.projects.card.tasks", "tasks")
 							] }), /* @__PURE__ */ r("span", { children: [e.progress, "%"] })]
 						}), /* @__PURE__ */ n("div", {
-							className: "h-2 bg-muted rounded overflow-hidden",
+							className: "h-2 bg-bg-sunken rounded overflow-hidden",
 							children: /* @__PURE__ */ n("div", {
-								className: "h-2 bg-primary rounded",
+								className: "h-2 bg-action-primary-bg rounded",
 								style: { width: `${e.progress}%` }
 							})
 						})]
 					}),
 					/* @__PURE__ */ r("div", {
-						className: "grid grid-cols-2 gap-2 text-xs text-muted-foreground",
+						className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
 						children: [
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.team", "Team"),
+								g("crewfoundry.projects.card.team", "Team"),
 								": ",
 								e.teamName
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.manager", "Manager"),
+								g("crewfoundry.projects.card.manager", "Manager"),
 								": ",
 								e.managerName
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.budget", "Budget"),
+								g("crewfoundry.projects.card.budget", "Budget"),
 								": $",
 								(e.budget / 1e3).toFixed(0),
 								"K"
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.spent", "Spent"),
+								g("crewfoundry.projects.card.spent", "Spent"),
 								": $",
 								(e.spent / 1e3).toFixed(0),
 								"K"
@@ -110,6 +110,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as ProjectsProjectsPagePage };
+export { p as ProjectsProjectsPagePage };
 
 //# sourceMappingURL=ProjectsProjectsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, FolderKanban, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const { projects } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\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\">{t('crewfoundry.projects.title', 'Projects')}</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {activeProjects.length}{' '}\n            {t('crewfoundry.projects.summary.activeProjects', 'active projects')}\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {projects.map((project) => (\n          <Card key={project.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                <Badge\n                  variant={\n                    project.status === 'active'\n                      ? 'default'\n                      : project.status === 'completed'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {project.status}\n                </Badge>\n              </div>\n              <CardDescription>{project.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2 mb-3\">\n                <div className=\"flex justify-between text-xs\">\n                  <span>\n                    {project.completedTasks}/{project.tasks}{' '}\n                    {t('crewfoundry.projects.card.tasks', 'tasks')}\n                  </span>\n                  <span>{project.progress}%</span>\n                </div>\n                <div className=\"h-2 bg-muted rounded overflow-hidden\">\n                  <div\n                    className=\"h-2 bg-primary rounded\"\n                    style={{ width: `${project.progress}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"grid grid-cols-2 gap-2 text-xs text-muted-foreground\">\n                <span>\n                  {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.manager', 'Manager')}: {project.managerName}\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.budget', 'Budget')}: $\n                  {(project.budget / 1000).toFixed(0)}K\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.spent', 'Spent')}: $\n                  {(project.spent / 1000).toFixed(0)}K\n                </span>\n              </div>\n              <div className=\"flex gap-1 mt-2\">\n                <Badge\n                  variant={\n                    project.priority === 'critical'\n                      ? 'destructive'\n                      : project.priority === 'high'\n                        ? 'default'\n                        : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {project.priority}\n                </Badge>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {project.startDate} — {project.endDate}\n                </Badge>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,IAA2B;CACzC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,EAAE,gBAAa,GAAqB,EACpC,IAAiB,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,EAC9D,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;;AAGpC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAA0B,EAAE,8BAA8B,WAAW;IAAM,CAAA,EACzF,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,EAAe;KAAQ;KACvB,EAAE,+CAA+C,kBAAkB;KAClE;MACA,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAE,2CAA2C,cAAc,CACrD;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAS,KAAK,MACb,kBAAC,GAAD;IAAuB,WAAU;cAAjC,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAa,EAAQ;MAAiB,CAAA,EAC3D,kBAAC,GAAD;MACE,SACE,EAAQ,WAAW,WACf,YACA,EAAQ,WAAW,cACjB,cACA;MAER,WAAU;gBAET,EAAQ;MACH,CAAA,CACJ;QACN,kBAAC,GAAD,EAAA,UAAkB,EAAQ,aAA8B,CAAA,CAC7C,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;QACG,EAAQ;QAAe;QAAE,EAAQ;QAAO;QACxC,EAAE,mCAAmC,QAAQ;QACzC,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAQ,UAAS,IAAQ,EAAA,CAAA,CAC5B;UACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;QACxC,CAAA;OACE,CAAA,CACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,kCAAkC,OAAO;QAAC;QAAG,EAAQ;QACnD,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,qCAAqC,UAAU;QAAC;QAAG,EAAQ;QACzD,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,oCAAoC,SAAS;QAAC;SAC/C,EAAQ,SAAS,KAAM,QAAQ,EAAE;QAAC;QAC/B,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,mCAAmC,QAAQ;QAAC;SAC7C,EAAQ,QAAQ,KAAM,QAAQ,EAAE;QAAC;QAC9B,EAAA,CAAA;OACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,SACE,EAAQ,aAAa,aACjB,gBACA,EAAQ,aAAa,SACnB,YACA;OAER,WAAU;iBAET,EAAQ;OACH,CAAA,EACR,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAAnC;QACG,EAAQ;QAAU;QAAI,EAAQ;QACzB;SACJ;;KACM,EAAA,CAAA,CACT;MArEI,EAAQ,GAqEZ,CACP;GACE,CAAA,CACF"}
+{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, FolderKanban, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const { projects } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\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>{t('crewfoundry.projects.title', 'Projects')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {activeProjects.length}{' '}\n            {t('crewfoundry.projects.summary.activeProjects', 'active projects')}\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {projects.map((project) => (\n          <Card key={project.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                <Badge\n                  variant={\n                    project.status === 'active'\n                      ? 'default'\n                      : project.status === 'completed'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {project.status}\n                </Badge>\n              </div>\n              <CardDescription>{project.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2 mb-3\">\n                <div className=\"flex justify-between text-xs\">\n                  <span>\n                    {project.completedTasks}/{project.tasks}{' '}\n                    {t('crewfoundry.projects.card.tasks', 'tasks')}\n                  </span>\n                  <span>{project.progress}%</span>\n                </div>\n                <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-2 bg-action-primary-bg rounded\"\n                    style={{ width: `${project.progress}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n                <span>\n                  {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.manager', 'Manager')}: {project.managerName}\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.budget', 'Budget')}: $\n                  {(project.budget / 1000).toFixed(0)}K\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.spent', 'Spent')}: $\n                  {(project.spent / 1000).toFixed(0)}K\n                </span>\n              </div>\n              <div className=\"flex gap-1 mt-2\">\n                <Badge\n                  variant={\n                    project.priority === 'critical'\n                      ? 'destructive'\n                      : project.priority === 'high'\n                        ? 'default'\n                        : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {project.priority}\n                </Badge>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {project.startDate} — {project.endDate}\n                </Badge>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,IAA2B;CACzC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,EAAE,gBAAa,GAAqB,EACpC,IAAiB,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,EAC9D,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;;AAGpC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,8BAA8B,WAAW,EAAgB,CAAA;IACvE,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,EAAe;KAAQ;KACvB,EAAE,+CAA+C,kBAAkB;KAClE;MACA,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAE,2CAA2C,cAAc,CACrD;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAS,KAAK,MACb,kBAAC,GAAD;IAAuB,WAAU;cAAjC,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAa,EAAQ;MAAiB,CAAA,EAC3D,kBAAC,GAAD;MACE,SACE,EAAQ,WAAW,WACf,YACA,EAAQ,WAAW,cACjB,cACA;MAER,WAAU;gBAET,EAAQ;MACH,CAAA,CACJ;QACN,kBAAC,GAAD,EAAA,UAAkB,EAAQ,aAA8B,CAAA,CAC7C,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;QACG,EAAQ;QAAe;QAAE,EAAQ;QAAO;QACxC,EAAE,mCAAmC,QAAQ;QACzC,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAQ,UAAS,IAAQ,EAAA,CAAA,CAC5B;UACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;QACxC,CAAA;OACE,CAAA,CACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,kCAAkC,OAAO;QAAC;QAAG,EAAQ;QACnD,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,qCAAqC,UAAU;QAAC;QAAG,EAAQ;QACzD,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,oCAAoC,SAAS;QAAC;SAC/C,EAAQ,SAAS,KAAM,QAAQ,EAAE;QAAC;QAC/B,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA;QACG,EAAE,mCAAmC,QAAQ;QAAC;SAC7C,EAAQ,QAAQ,KAAM,QAAQ,EAAE;QAAC;QAC9B,EAAA,CAAA;OACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,SACE,EAAQ,aAAa,aACjB,gBACA,EAAQ,aAAa,SACnB,YACA;OAER,WAAU;iBAET,EAAQ;OACH,CAAA,EACR,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAAnC;QACG,EAAQ;QAAU;QAAI,EAAQ;QACzB;SACJ;;KACM,EAAA,CAAA,CACT;MArEI,EAAQ,GAqEZ,CACP;GACE,CAAA,CACF"}