npm - @burdenoff/microfe-crewfoundry - Versions diffs - 2026.625.1 → 2026.626.1 - Mend

@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.626.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/dist/crewfoundry/pages/ProjectsProjectDetailsPagePage.js CHANGED Viewed

@@ -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, GradientText as f, IllustratedEmptyState as p } 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 m() {
-	let { projects: m } = e(), h = m[1];
-	return h ? /* @__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: /* @__PURE__ */ a(f, { children: h.name })
-				}), /* @__PURE__ */ a("p", {
+					children: /* @__PURE__ */ s(h, { children: x.name })
+				}), /* @__PURE__ */ s("p", {
 					className: "text-sm text-text-secondary",
-					children: h.description
-				})] }), /* @__PURE__ */ o("div", {
+					children: x.description
+				})] }), /* @__PURE__ */ c("div", {
 					className: "flex gap-1",
-					children: [/* @__PURE__ */ a(s, {
-						variant: h.priority === "critical" ? "destructive" : "default",
-						children: h.priority
-					}), /* @__PURE__ */ a(s, {
-						variant: h.status === "active" ? "default" : "secondary",
-						children: h.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: [h.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: [
 									"$",
-									(h.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: h.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: h.endDate
+								children: x.endDate
 							}),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ s("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
@@ -92,69 +120,72 @@ function m() {
 					}) })
 				]
 			}),
-			/* @__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: [
-						h.completedTasks,
+					children: [/* @__PURE__ */ c("span", { children: [
+						x.completedTasks,
 						" of ",
-						h.tasks,
+						x.tasks,
 						" tasks completed"
-					] }), /* @__PURE__ */ o("span", {
+					] }), /* @__PURE__ */ c("span", {
 						className: "font-medium",
-						children: [h.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: `${h.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 $",
-						(h.spent / 1e3).toFixed(0),
+						(x.spent / 1e3).toFixed(0),
 						"K of $",
-						(h.budget / 1e3).toFixed(0),
+						(x.budget / 1e3).toFixed(0),
 						"K"
-					] }), /* @__PURE__ */ o("span", {
+					] }), /* @__PURE__ */ c("span", {
 						className: "font-medium",
-						children: [Math.round(h.spent / h.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 ${h.spent / h.budget > .9 ? "bg-status-error-text" : "bg-status-success-text"}`,
-						style: { width: `${Math.round(h.spent / h.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: h.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: [
-					h.startDate,
+				}), /* @__PURE__ */ c("p", { children: [
+					x.startDate,
 					" — ",
-					h.endDate
+					x.endDate
 				] })] })]
 			})] })] })
 		]
-	}) : /* @__PURE__ */ a("div", {
+	}) : /* @__PURE__ */ s("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ a(p, {
+		children: /* @__PURE__ */ s(g, {
 			illustration: "empty-search",
 			title: "Project not found",
 			description: "This project is no longer available."
@@ -162,6 +193,6 @@ function m() {
 	});
 }
 //#endregion
-export { m as ProjectsProjectDetailsPagePage };
+export { y as ProjectsProjectDetailsPagePage };
 //# sourceMappingURL=ProjectsProjectDetailsPagePage.js.map

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

	@@ -1 +1 @@
1	- {"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":"~~;;;;;AAYA~~,SAAgB,IAAiC;CAC/C,IAAM,EAAE,gBAAa,GAAqB,EACpC,IAAU,EAAS;AAYzB,QAXK,IAYH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,EAAQ,MAAoB,CAAA;KACxC,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAQ;KAAgB,CAAA,CAChE,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAS,EAAQ,aAAa,aAAa,gBAAgB;gBAC/D,EAAQ;MACH,CAAA,EACR,kBAAC,GAAD;MAAO,SAAS,EAAQ,WAAW,WAAW,YAAY;gBACvD,EAAQ;MACH,CAAA,CACJ;OACF;;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAQ,WAAU,4CAA6C,CAAA;OAC/D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkC,EAAQ,UAAS,IAAK;;OACxD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,4CAA6C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAAG,EAAQ,SAAS,KAAM,QAAQ,EAAE;SAAC;SAAK;;OAC3E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAU,CAAA;OACzC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAa,CAAA;OACvD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAQ,CAAA;OACvC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAY,CAAA;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,~~GAAD~~,~~EAAA~~,~~UACE,kBAAC,GAAD,EAAA,UAAW,iBAAyB,~~CAAA,~~EACzB~~,~~CAAA,EACb,~~kBAAC,~~GAAD,EAAA,UACE,kBAAC,~~OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MACG,EAAQ;MAAe;MAAK,EAAQ;MAAM;MACtC,EAAA,CAAA,EACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA+B,EAAQ,UAAS,IAAQ;QACpD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;MACxC,CAAA;KACE,CAAA,CACF;~~OACM~~,~~CAAA,CACT,~~EAAA,CAAA;~~GACP~~,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MAAM;OACK,EAAQ,QAAQ,KAAM,QAAQ,EAAE;MAAC;OAAQ,EAAQ,SAAS,KAAM,QAAQ,EAAE;MAAC;MAE/E,EAAA,CAAA,EACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,KAAK,MAAO,EAAQ,QAAQ,EAAQ,SAAU,IAAI,EAAC,IAC/C;QACH;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAW,eAAe,EAAQ,QAAQ,EAAQ,SAAS,KAAM,yBAAyB;MAC1F,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,EAAQ,QAAQ,EAAQ,SAAU,IAAI,CAAC,IAAI;MAC1E,CAAA;KACE,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAW,CAAA,EACtD,kBAAC,KAAD;KAAG,WAAU;eAAe,EAAQ;KAAgB,CAAA,CAChD,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAY,CAAA,EACvD,kBAAC,KAAD,EAAA,UAAA;KACG,EAAQ;KAAU;KAAI,EAAQ;KAC7B,EAAA,CAAA,CACA,EAAA,CAAA,CACF;MACM,EAAA,CAAA,CACT,EAAA,CAAA;GACH;~~MAlHJ~~,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA"}
1	+ {"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 CHANGED Viewed

@@ -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, GradientText as d } from "@burdenoff/fe-libs/ui";
-import { useI18n as f } 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 p() {
-	let { t: p } = f(), { projects: m } = e(), h = m.filter((e) => e.status === "active"), g = (e, t) => {
-		let n = p(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: /* @__PURE__ */ n(d, { children: g("crewfoundry.projects.title", "Projects") })
-			}), /* @__PURE__ */ r("p", {
-				className: "text-sm text-text-secondary",
-				children: [
-					h.length,
-					" ",
-					g("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" }), g("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: m.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 p() {
 						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 p() {
 								"/",
 								e.tasks,
 								" ",
-								g("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 p() {
 						className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
 						children: [
 							/* @__PURE__ */ r("span", { children: [
-								g("crewfoundry.projects.card.team", "Team"),
+								v("crewfoundry.projects.card.team", "Team"),
 								": ",
 								e.teamName
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								g("crewfoundry.projects.card.manager", "Manager"),
+								v("crewfoundry.projects.card.manager", "Manager"),
 								": ",
 								e.managerName
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								g("crewfoundry.projects.card.budget", "Budget"),
+								v("crewfoundry.projects.card.budget", "Budget"),
 								": $",
 								(e.budget / 1e3).toFixed(0),
 								"K"
 							] }),
 							/* @__PURE__ */ r("span", { children: [
-								g("crewfoundry.projects.card.spent", "Spent"),
+								v("crewfoundry.projects.card.spent", "Spent"),
 								": $",
 								(e.spent / 1e3).toFixed(0),
 								"K"
@@ -110,6 +126,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as ProjectsProjectsPagePage };
+export { h as ProjectsProjectsPagePage };
 //# sourceMappingURL=ProjectsProjectsPagePage.js.map

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

	@@ -1 +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 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"}
1	+ {"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n GlassCard,\n GradientText,\n IllustratedEmptyState,\n PagePurpose,\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 <PagePurpose className=\"mt-1\">All your projects in one view — track status, progress, and budgets so nothing stalls and everything ships on time.</PagePurpose>\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.length === 0 ? (\n <div className=\"col-span-full\">\n <IllustratedEmptyState illustration=\"empty-data\" title=\"No projects yet\" description=\"Create your first project to start tracking work.\" />\n </div>\n ) : (\n projects.map((project, _idx) => (\n <GlassCard key={project.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0} 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 </GlassCard>\n )))}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/TeamsTeamAnalyticsPagePage.js CHANGED Viewed

@@ -1,33 +1,41 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Star as t, TrendingUp as n, Users as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f } from "@burdenoff/fe-libs/ui";
+import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/TeamsTeamAnalyticsPagePage.tsx
-function p() {
-	let { teams: p, employees: m, projects: h } = e(), g = p.map((e) => {
-		let t = m.filter((t) => e.members.includes(t.id)), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = h.filter((t) => t.teamId === e.id), i = r.filter((e) => e.status === "active").length;
+function m() {
+	let { teams: m, employees: h, projects: g } = e(), _ = m.map((e) => {
+		let t = h.filter((t) => e.members.includes(t.id)), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = g.filter((t) => t.teamId === e.id), i = r.filter((e) => e.status === "active").length;
 		return {
 			...e,
 			avgPerf: n,
 			activeProjects: i,
 			totalProjects: r.length
 		};
-	}), _ = Math.max(...p.map((e) => e.memberCount));
+	}), v = Math.max(...m.map((e) => e.memberCount));
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-				className: "text-2xl font-semibold",
-				children: /* @__PURE__ */ i(f, { children: "Team Analytics" })
-			}), /* @__PURE__ */ i("p", {
-				className: "text-sm text-text-secondary",
-				children: "Performance and productivity metrics across teams"
-			})] }),
+			/* @__PURE__ */ a("div", { children: [
+				/* @__PURE__ */ i("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ i(f, { children: "Team Analytics" })
+				}),
+				/* @__PURE__ */ i("p", {
+					className: "text-sm text-text-secondary",
+					children: "Performance and productivity metrics across teams"
+				}),
+				/* @__PURE__ */ i(p, {
+					className: "mt-1",
+					children: "Understand how your teams are performing — productivity, workload, and trends that help you balance and support your groups."
+				})
+			] }),
 			/* @__PURE__ */ a("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
 					/* @__PURE__ */ a(d, {
-						treatment: "metric",
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ a(l, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
@@ -37,7 +45,7 @@ function p() {
 							}), /* @__PURE__ */ i(r, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: p.length
+							children: m.length
 						}) })]
 					}),
 					/* @__PURE__ */ a(d, {
@@ -51,7 +59,7 @@ function p() {
 							}), /* @__PURE__ */ i(r, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: p.reduce((e, t) => e + t.memberCount, 0)
+							children: m.reduce((e, t) => e + t.memberCount, 0)
 						}) })]
 					}),
 					/* @__PURE__ */ a(d, {
@@ -65,14 +73,14 @@ function p() {
 							}), /* @__PURE__ */ i(n, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: g.reduce((e, t) => e + t.activeProjects, 0)
+							children: _.reduce((e, t) => e + t.activeProjects, 0)
 						}) })]
 					})
 				]
 			}),
 			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "Team Size Comparison" }) }), /* @__PURE__ */ i(c, {
 				className: "space-y-3",
-				children: p.sort((e, t) => t.memberCount - e.memberCount).map((e) => /* @__PURE__ */ a("div", {
+				children: m.sort((e, t) => t.memberCount - e.memberCount).map((e) => /* @__PURE__ */ a("div", {
 					className: "flex items-center gap-3",
 					children: [
 						/* @__PURE__ */ i("span", {
@@ -83,7 +91,7 @@ function p() {
 							className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
 							children: /* @__PURE__ */ i("div", {
 								className: "h-4 bg-action-primary-bg rounded",
-								style: { width: `${Math.round(e.memberCount / _ * 100)}%` }
+								style: { width: `${Math.round(e.memberCount / v * 100)}%` }
 							})
 						}),
 						/* @__PURE__ */ i("span", {
@@ -111,7 +119,7 @@ function p() {
 						children: "Status"
 					})
 				]
-			}), g.map((e) => /* @__PURE__ */ a("div", {
+			}), _.map((e) => /* @__PURE__ */ a("div", {
 				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
 				children: [
 					/* @__PURE__ */ i("span", {
@@ -148,6 +156,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as TeamsTeamAnalyticsPagePage };
+export { m as TeamsTeamAnalyticsPagePage };
 //# sourceMappingURL=TeamsTeamAnalyticsPagePage.js.map