@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.2

package/dist/crewfoundry/pages/ProjectsCreateProjectPagePage.js

@@ -1,24 +1,31 @@
 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, EmphasisPanel as o, GradientText as s, Input as c, PagePurpose as l, Textarea as u } 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 d() {
+	let [d, f] = e(""), [p, m] = e(""), [h, g] = e(""), [_, v] = e(""), [y, b] = 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"
-			}), /* @__PURE__ */ r("p", {
-				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, {
-				className: "flex items-center gap-2",
+			/* @__PURE__ */ i("div", { children: [
+				/* @__PURE__ */ r("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ r(s, { children: "Create Project" })
+				}),
+				/* @__PURE__ */ r("p", {
+					className: "text-sm text-text-secondary",
+					children: "Set up a new project for your team"
+				}),
+				/* @__PURE__ */ r(l, {
+					className: "mt-1",
+					children: "Start a new project — define its scope, budget, and team here so you can begin tracking work toward a clear goal."
+				})
+			] }),
+			/* @__PURE__ */ i(o, { children: [/* @__PURE__ */ i("div", {
+				className: "mb-4 flex items-center gap-2 text-lg font-semibold",
 				children: [/* @__PURE__ */ r(t, { className: "h-5 w-5" }), "Project Details"]
-			}) }), /* @__PURE__ */ i(s, {
+			}), /* @__PURE__ */ i("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ i("div", {
@@ -26,10 +33,10 @@ function f() {
 						children: [/* @__PURE__ */ r("label", {
 							className: "text-sm font-medium",
 							children: "Project Name"
-						}), /* @__PURE__ */ r(u, {
+						}), /* @__PURE__ */ r(c, {
 							placeholder: "e.g. HR Analytics Dashboard v3",
-							value: f,
-							onChange: (e) => p(e.target.value)
+							value: d,
+							onChange: (e) => f(e.target.value)
 						})]
 					}),
 					/* @__PURE__ */ i("div", {
@@ -37,11 +44,11 @@ function f() {
 						children: [/* @__PURE__ */ r("label", {
 							className: "text-sm font-medium",
 							children: "Description"
-						}), /* @__PURE__ */ r(d, {
+						}), /* @__PURE__ */ r(u, {
 							placeholder: "Describe the project objectives and scope...",
 							rows: 3,
-							value: m,
-							onChange: (e) => h(e.target.value)
+							value: p,
+							onChange: (e) => m(e.target.value)
 						})]
 					}),
 					/* @__PURE__ */ i("div", {
@@ -51,20 +58,20 @@ function f() {
 							children: [/* @__PURE__ */ r("label", {
 								className: "text-sm font-medium",
 								children: "Start Date"
-							}), /* @__PURE__ */ r(u, {
+							}), /* @__PURE__ */ r(c, {
 								type: "date",
-								value: g,
-								onChange: (e) => _(e.target.value)
+								value: h,
+								onChange: (e) => g(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(c, {
 								type: "date",
-								value: v,
-								onChange: (e) => y(e.target.value)
+								value: _,
+								onChange: (e) => v(e.target.value)
 							})]
 						})]
 					}),
@@ -73,11 +80,11 @@ function f() {
 						children: [/* @__PURE__ */ r("label", {
 							className: "text-sm font-medium",
 							children: "Budget ($)"
-						}), /* @__PURE__ */ r(u, {
+						}), /* @__PURE__ */ r(c, {
 							type: "number",
 							placeholder: "e.g. 250000",
-							value: b,
-							onChange: (e) => x(e.target.value)
+							value: y,
+							onChange: (e) => b(e.target.value)
 						})]
 					})
 				]
@@ -93,6 +100,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as ProjectsCreateProjectPagePage };
+export { d 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  EmphasisPanel,\n  GradientText,\n  Input,\n  PagePurpose,\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        <PagePurpose className=\"mt-1\">Start a new project — define its scope, budget, and team here so you can begin tracking work toward a clear goal.</PagePurpose>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-4 flex items-center gap-2 text-lg font-semibold\">\n          <FolderKanban className=\"h-5 w-5\" />\n          Project Details\n        </div>\n        <div 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        </div>\n      </EmphasisPanel>\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":";;;;;AAWA,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;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;KACxC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAsC,CAAA;IACjF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAA+H,CAAA;IACzJ,EAAA,CAAA;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,kBAEhC;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf;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;;KACF;MACQ,EAAA,CAAA;GAChB,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,90 +1,118 @@
 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 { Calendar as t, DollarSign as n, FolderKanban as r, Target as i, Users as a } from "lucide-react";
+import { useNavigate as o } from "react-router-dom";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, EmphasisPanel as m, GradientText as h, IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } 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 y() {
+	let y = o(), { projects: b } = e(), x = b[1];
+	return x ? /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
 					className: "text-2xl font-semibold",
-					children: p.name
-				}), /* @__PURE__ */ a("p", {
+					children: /* @__PURE__ */ s(h, { children: x.name })
+				}), /* @__PURE__ */ s("p", {
 					className: "text-sm text-text-secondary",
-					children: p.description
-				})] }), /* @__PURE__ */ o("div", {
+					children: x.description
+				})] }), /* @__PURE__ */ c("div", {
 					className: "flex gap-1",
-					children: [/* @__PURE__ */ a(s, {
-						variant: p.priority === "critical" ? "destructive" : "default",
-						children: p.priority
-					}), /* @__PURE__ */ a(s, {
-						variant: p.status === "active" ? "default" : "secondary",
-						children: p.status
+					children: [/* @__PURE__ */ s(l, {
+						variant: x.priority === "critical" ? "destructive" : "default",
+						children: x.priority
+					}), /* @__PURE__ */ s(l, {
+						variant: x.status === "active" ? "default" : "secondary",
+						children: x.status
 					})]
 				})]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s(v, { children: "Track a single project end-to-end — progress, budget, team, and timeline in one place — so you can spot risks early and keep delivery on schedule and on budget." }),
+			/* @__PURE__ */ s(_, {
+				storageKey: "crewfoundry-project-details",
+				steps: [
+					{
+						id: "all-projects",
+						label: "View all projects",
+						description: "See how this project compares across your portfolio.",
+						icon: /* @__PURE__ */ s(r, { className: "h-4 w-4" }),
+						onClick: () => y("../../projects/projects-page")
+					},
+					{
+						id: "team",
+						label: "Check the team",
+						description: "Review who is working on this and their workload.",
+						icon: /* @__PURE__ */ s(a, { className: "h-4 w-4" }),
+						onClick: () => y("../../teams/teams-page")
+					},
+					{
+						id: "new-project",
+						label: "Start a new project",
+						description: "Kick off the next piece of work.",
+						icon: /* @__PURE__ */ s(i, { className: "h-4 w-4" }),
+						onClick: () => y("../../projects/create-project-page")
+					}
+				]
+			}),
+			/* @__PURE__ */ c("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
+					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
-								children: [p.progress, "%"]
+								children: [x.progress, "%"]
 							}),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Progress"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
+					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ s(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ c("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(p.budget / 1e3).toFixed(0),
+									(x.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Budget"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
+					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
-								children: p.teamName
+								children: x.teamName
 							}),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Team"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ a(c, { children: /* @__PURE__ */ o(l, {
+					/* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ a(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ s("p", {
 								className: "text-lg font-bold",
-								children: p.endDate
+								children: x.endDate
 							}),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
@@ -92,72 +120,79 @@ function f() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Task Progress" }) }), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+			/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s("div", {
+				className: "mb-2 text-lg font-semibold",
+				children: "Task Progress"
+			}), /* @__PURE__ */ c("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "flex justify-between text-sm",
-					children: [/* @__PURE__ */ o("span", { children: [
-						p.completedTasks,
+					children: [/* @__PURE__ */ c("span", { children: [
+						x.completedTasks,
 						" of ",
-						p.tasks,
+						x.tasks,
 						" tasks completed"
-					] }), /* @__PURE__ */ o("span", {
+					] }), /* @__PURE__ */ c("span", {
 						className: "font-medium",
-						children: [p.progress, "%"]
+						children: [x.progress, "%"]
 					})]
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ s("div", {
 					className: "h-3 bg-bg-sunken rounded overflow-hidden",
-					children: /* @__PURE__ */ a("div", {
+					children: /* @__PURE__ */ s("div", {
 						className: "h-3 bg-action-primary-bg rounded",
-						style: { width: `${p.progress}%` }
+						style: { width: `${x.progress}%` }
 					})
 				})]
-			}) })] }),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Budget Tracking" }) }), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
+			})] }),
+			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Budget Tracking" }) }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "flex justify-between text-sm",
-					children: [/* @__PURE__ */ o("span", { children: [
+					children: [/* @__PURE__ */ c("span", { children: [
 						"Spent $",
-						(p.spent / 1e3).toFixed(0),
+						(x.spent / 1e3).toFixed(0),
 						"K of $",
-						(p.budget / 1e3).toFixed(0),
+						(x.budget / 1e3).toFixed(0),
 						"K"
-					] }), /* @__PURE__ */ o("span", {
+					] }), /* @__PURE__ */ c("span", {
 						className: "font-medium",
-						children: [Math.round(p.spent / p.budget * 100), "%"]
+						children: [Math.round(x.spent / x.budget * 100), "%"]
 					})]
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ s("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)}%` }
+					children: /* @__PURE__ */ s("div", {
+						className: `h-3 rounded ${x.spent / x.budget > .9 ? "bg-status-error-text" : "bg-status-success-text"}`,
+						style: { width: `${Math.round(x.spent / x.budget * 100)}%` }
 					})
 				})]
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "grid grid-cols-2 gap-4 mt-4 text-sm",
-				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 					className: "text-xs text-text-secondary",
 					children: "Manager"
-				}), /* @__PURE__ */ a("p", {
+				}), /* @__PURE__ */ s("p", {
 					className: "font-medium",
-					children: p.managerName
-				})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+					children: x.managerName
+				})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 					className: "text-xs text-text-secondary",
 					children: "Timeline"
-				}), /* @__PURE__ */ o("p", { children: [
-					p.startDate,
+				}), /* @__PURE__ */ c("p", { children: [
+					x.startDate,
 					" — ",
-					p.endDate
+					x.endDate
 				] })] })]
 			})] })] })
 		]
-	}) : /* @__PURE__ */ a("div", {
-		className: "p-6 text-text-secondary",
-		children: "No project found."
+	}) : /* @__PURE__ */ s("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ s(g, {
+			illustration: "empty-search",
+			title: "Project not found",
+			description: "This project is no longer available."
+		})
 	});
 }
 //#endregion
-export { f as ProjectsProjectDetailsPagePage };
+export { y 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  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, FolderKanban, Target, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectDetailsPagePage() {\n  const navigate = useNavigate();\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      <PagePurpose>\n        Track a single project end-to-end — progress, budget, team, and timeline in one place — so\n        you can spot risks early and keep delivery on schedule and on budget.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"crewfoundry-project-details\"\n        steps={[\n          {\n            id: 'all-projects',\n            label: 'View all projects',\n            description: 'See how this project compares across your portfolio.',\n            icon: <FolderKanban className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../projects/projects-page'),\n          },\n          {\n            id: 'team',\n            label: 'Check the team',\n            description: 'Review who is working on this and their workload.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../teams/teams-page'),\n          },\n          {\n            id: 'new-project',\n            label: 'Start a new project',\n            description: 'Kick off the next piece of work.',\n            icon: <Target className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../projects/create-project-page'),\n          },\n        ]}\n      />\n\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      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Task Progress</div>\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      </EmphasisPanel>\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,39 +1,55 @@
 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, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
+import { useI18n as m } 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 h() {
+	let { t: h } = m(), { projects: g } = e(), _ = g.filter((e) => e.status === "active"), v = (e, t) => {
+		let n = h(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ r("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ r("div", {
 			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")
-			}), /* @__PURE__ */ r("p", {
-				className: "text-sm text-text-secondary",
-				children: [
-					m.length,
-					" ",
-					h("crewfoundry.projects.summary.activeProjects", "active projects")
-				]
-			})] }), /* @__PURE__ */ r(a, {
+			children: [/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ n(d, { children: v("crewfoundry.projects.title", "Projects") })
+				}),
+				/* @__PURE__ */ r("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						_.length,
+						" ",
+						v("crewfoundry.projects.summary.activeProjects", "active projects")
+					]
+				}),
+				/* @__PURE__ */ n(p, {
+					className: "mt-1",
+					children: "All your projects in one view — track status, progress, and budgets so nothing stalls and everything ships on time."
+				})
+			] }), /* @__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" }), v("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: g.length === 0 ? /* @__PURE__ */ n("div", {
+				className: "col-span-full",
+				children: /* @__PURE__ */ n(f, {
+					illustration: "empty-data",
+					title: "No projects yet",
+					description: "Create your first project to start tracking work."
+				})
+			}) : g.map((e, t) => /* @__PURE__ */ r(u, {
+				treatment: t === 0 ? "glass" : "plain",
+				glow: t === 0,
 				className: "hover:shadow-md transition-shadow cursor-pointer",
-				children: [/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ r(c, { children: [/* @__PURE__ */ r("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ n(u, {
+					children: [/* @__PURE__ */ n(l, {
 						className: "text-base",
 						children: e.name
 					}), /* @__PURE__ */ n(i, {
@@ -41,7 +57,7 @@ function f() {
 						className: "text-[10px]",
 						children: e.status
 					})]
-				}), /* @__PURE__ */ n(c, { children: e.description })] }), /* @__PURE__ */ r(s, { children: [
+				}), /* @__PURE__ */ n(s, { children: e.description })] }), /* @__PURE__ */ r(o, { children: [
 					/* @__PURE__ */ r("div", {
 						className: "space-y-2 mb-3",
 						children: [/* @__PURE__ */ r("div", {
@@ -51,7 +67,7 @@ function f() {
 								"/",
 								e.tasks,
 								" ",
-								h("crewfoundry.projects.card.tasks", "tasks")
+								v("crewfoundry.projects.card.tasks", "tasks")
 							] }), /* @__PURE__ */ r("span", { children: [e.progress, "%"] })]
 						}), /* @__PURE__ */ n("div", {
 							className: "h-2 bg-bg-sunken rounded overflow-hidden",
@@ -65,23 +81,23 @@ function f() {
 						className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
 						children: [
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.team", "Team"),
+								v("crewfoundry.projects.card.team", "Team"),
 								": ",
 								e.teamName
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.manager", "Manager"),
+								v("crewfoundry.projects.card.manager", "Manager"),
 								": ",
 								e.managerName
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.budget", "Budget"),
+								v("crewfoundry.projects.card.budget", "Budget"),
 								": $",
 								(e.budget / 1e3).toFixed(0),
 								"K"
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								h("crewfoundry.projects.card.spent", "Spent"),
+								v("crewfoundry.projects.card.spent", "Spent"),
 								": $",
 								(e.spent / 1e3).toFixed(0),
 								"K"
@@ -110,6 +126,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as ProjectsProjectsPagePage };
+export { h as ProjectsProjectsPagePage };
 
 //# sourceMappingURL=ProjectsProjectsPagePage.js.map