@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.707.1

package/dist/crewfoundry/pages/ProjectsProjectsPagePage.js

@@ -1,151 +1,322 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { Plus as n } from "lucide-react";
-import { useNavigate as r } from "react-router-dom";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Button as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, IllustratedEmptyState as m, PagePurpose as h, Pagination as g } from "@burdenoff/fe-libs/ui";
-import { usePagination as _ } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AllocationBar as n } from "../components/viz/AllocationBar.js";
+import { AvatarStack as r } from "../components/viz/AvatarStack.js";
+import { SegmentedTabs as i } from "../components/viz/SegmentedTabs.js";
+import "../components/viz/index.js";
+import { allocationByPerson as a } from "../lib/analytics.js";
+import { useMemo as o, useState as s } from "react";
+import { ArrowRight as c, Gauge as l, LayoutGrid as u, Plus as d, Table2 as f } from "lucide-react";
+import { useNavigate as p } from "react-router-dom";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, PagePurpose as D, Pagination as O, ResponsiveTable as k } from "@burdenoff/fe-libs/ui";
+import { usePagination as A } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/ProjectsProjectsPagePage.tsx
-function y() {
-	let { t: y } = v(), b = r(), { projects: x } = e(), S = x.filter((e) => e.status === "active"), { page: C, pageSize: w, setPage: T } = _({ initialPageSize: 12 }), E = (e, t) => {
-		let n = y(e);
+var M = 6;
+function N(e) {
+	return e === "active" ? "default" : e === "completed" ? "secondary" : "outline";
+}
+function P(e) {
+	return e === "critical" ? "destructive" : e === "high" ? "default" : "secondary";
+}
+function F() {
+	let { t: F } = j(), I = p(), { projects: L, teams: R, employees: z, timeEntries: B } = e(), V = L.filter((e) => e.status === "active"), { page: H, pageSize: U, setPage: W } = A({ initialPageSize: 12 }), [G, K] = s("board"), q = (e, t) => {
+		let n = F(e);
 		return n === e ? t : n;
-	}, D = x.slice((C - 1) * w, (C - 1) * w + w), O = (e) => b(`../projects/project-details-page?id=${encodeURIComponent(e.id)}`);
-	return /* @__PURE__ */ a("div", {
+	}, J = o(() => new Map(z.map((e) => [e.id, e])), [z]), Y = o(() => new Map(R.map((e) => [e.id, e])), [R]), X = (e) => {
+		let t = Y.get(e.teamId);
+		return t ? t.members.map((e) => J.get(e)).filter((e) => e !== void 0).map((e) => ({
+			name: `${e.firstName} ${e.lastName}`.trim(),
+			avatarUrl: e.avatar,
+			role: e.position
+		})) : [];
+	}, Z = o(() => a(B, z).slice(0, M), [B, z]), Q = L.slice((H - 1) * U, (H - 1) * U + U), $ = (e) => I(`../projects/project-details-page?id=${encodeURIComponent(e.id)}`), ee = [
+		{
+			key: "name",
+			header: q("crewfoundry.projects.table.project", "Project"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ h("span", {
+				className: "font-medium text-text-primary",
+				children: e.name
+			})
+		},
+		{
+			key: "status",
+			header: q("crewfoundry.projects.table.status", "Status"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ h(_, {
+				variant: N(e.status),
+				className: "text-[10px]",
+				children: t(e.status)
+			})
+		},
+		{
+			key: "progress",
+			header: q("crewfoundry.projects.table.progress", "Progress"),
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ g("div", {
+				className: "flex items-center gap-2 md:min-w-[160px]",
+				children: [/* @__PURE__ */ h("div", {
+					className: "h-1.5 flex-1 overflow-hidden rounded-full bg-bg-sunken",
+					children: /* @__PURE__ */ h("div", {
+						className: "h-1.5 rounded-full bg-action-primary-bg",
+						style: { width: `${e.progress}%` }
+					})
+				}), /* @__PURE__ */ g("span", {
+					className: "w-9 shrink-0 text-right text-xs tabular-nums text-text-secondary",
+					children: [e.progress, "%"]
+				})]
+			})
+		},
+		{
+			key: "team",
+			header: q("crewfoundry.projects.table.team", "Team"),
+			priority: "secondary",
+			cell: (e) => {
+				let t = X(e);
+				return t.length > 0 ? /* @__PURE__ */ h(r, {
+					people: t,
+					max: 4,
+					size: 26
+				}) : /* @__PURE__ */ h("span", {
+					className: "text-xs text-text-secondary",
+					children: e.teamName || "—"
+				});
+			}
+		},
+		{
+			key: "timeline",
+			header: q("crewfoundry.projects.table.timeline", "Timeline"),
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ g("span", {
+				className: "whitespace-nowrap text-xs text-text-secondary",
+				children: [
+					e.startDate,
+					" — ",
+					e.endDate
+				]
+			})
+		},
+		{
+			key: "budget",
+			header: q("crewfoundry.projects.table.budget", "Budget"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ g("span", {
+				className: "tabular-nums md:text-right md:block",
+				children: [
+					"$",
+					(e.budget / 1e3).toFixed(0),
+					"K"
+				]
+			})
+		}
+	];
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ a("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [
-					/* @__PURE__ */ i("h1", {
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
+				children: [/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ i(p, { children: E("crewfoundry.projects.title", "Projects") })
+						children: /* @__PURE__ */ h(T, { children: q("crewfoundry.projects.title", "Projects") })
 					}),
-					/* @__PURE__ */ a("p", {
+					/* @__PURE__ */ g("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							S.length,
+							V.length,
 							" ",
-							E("crewfoundry.projects.summary.activeProjects", "active projects")
+							q("crewfoundry.projects.summary.activeProjects", "active projects")
 						]
 					}),
-					/* @__PURE__ */ i(h, {
+					/* @__PURE__ */ h(D, {
 						className: "mt-1",
 						children: "All your projects in one view — track status, progress, and budgets so nothing stalls and everything ships on time."
 					})
-				] }), /* @__PURE__ */ a(s, {
-					size: "sm",
-					onClick: () => b("../projects/create-project-page"),
-					children: [/* @__PURE__ */ i(n, { className: "h-4 w-4 mr-1" }), E("crewfoundry.projects.actions.newProject", "New Project")]
-				})]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: x.length === 0 ? /* @__PURE__ */ i("div", {
-					className: "col-span-full",
-					children: /* @__PURE__ */ i(m, {
-						illustration: "empty-data",
-						title: "No projects yet",
-						description: "Create your first project to start tracking work."
-					})
-				}) : D.map((e, n) => /* @__PURE__ */ a(f, {
-					treatment: n === 0 && C === 1 ? "glass" : "plain",
-					glow: n === 0 && C === 1,
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `Open ${e.name} project detail`,
-					onClick: () => O(e),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), O(e));
-					},
-					className: "hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
-					children: [/* @__PURE__ */ a(u, { children: [/* @__PURE__ */ a("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ i(d, {
-							className: "text-base",
-							children: e.name
-						}), /* @__PURE__ */ i(o, {
-							variant: e.status === "active" ? "default" : e.status === "completed" ? "secondary" : "outline",
-							className: "text-[10px]",
-							children: t(e.status)
-						})]
-					}), /* @__PURE__ */ i(l, { children: e.description })] }), /* @__PURE__ */ a(c, { children: [
-						/* @__PURE__ */ a("div", {
-							className: "space-y-2 mb-3",
-							children: [/* @__PURE__ */ a("div", {
-								className: "flex justify-between text-xs",
-								children: [/* @__PURE__ */ a("span", { children: [
-									e.completedTasks,
-									"/",
-									e.tasks,
-									" ",
-									E("crewfoundry.projects.card.tasks", "tasks")
-								] }), /* @__PURE__ */ a("span", { children: [e.progress, "%"] })]
-							}), /* @__PURE__ */ i("div", {
-								className: "h-2 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ i("div", {
-									className: "h-2 bg-action-primary-bg rounded",
-									style: { width: `${e.progress}%` }
-								})
-							})]
+				] }), /* @__PURE__ */ g("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ h(i, {
+							"aria-label": "Projects view",
+							value: G,
+							onChange: (e) => K(e),
+							tabs: [{
+								id: "board",
+								label: "Board",
+								icon: /* @__PURE__ */ h(u, { className: "h-4 w-4" })
+							}, {
+								id: "table",
+								label: "Table",
+								icon: /* @__PURE__ */ h(f, { className: "h-4 w-4" })
+							}]
 						}),
-						/* @__PURE__ */ a("div", {
-							className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
-							children: [
-								/* @__PURE__ */ a("span", { children: [
-									E("crewfoundry.projects.card.team", "Team"),
-									": ",
-									e.teamName
-								] }),
-								/* @__PURE__ */ a("span", { children: [
-									E("crewfoundry.projects.card.manager", "Manager"),
-									": ",
-									e.managerName
-								] }),
-								/* @__PURE__ */ a("span", { children: [
-									E("crewfoundry.projects.card.budget", "Budget"),
-									": $",
-									(e.budget / 1e3).toFixed(0),
-									"K"
-								] }),
-								/* @__PURE__ */ a("span", { children: [
-									E("crewfoundry.projects.card.spent", "Spent"),
-									": $",
-									(e.spent / 1e3).toFixed(0),
-									"K"
-								] })
-							]
+						/* @__PURE__ */ g(v, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => I("../projects/resourcing-page"),
+							children: [/* @__PURE__ */ h(l, { className: "h-4 w-4 mr-1" }), q("crewfoundry.projects.actions.resourcing", "Resourcing & Utilization")]
 						}),
-						/* @__PURE__ */ a("div", {
-							className: "flex gap-1 mt-2",
-							children: [/* @__PURE__ */ i(o, {
-								variant: e.priority === "critical" ? "destructive" : e.priority === "high" ? "default" : "secondary",
-								className: "text-[10px]",
-								children: t(e.priority)
-							}), /* @__PURE__ */ a(o, {
-								variant: "outline",
-								className: "text-[10px]",
-								children: [
-									e.startDate,
-									" — ",
-									e.endDate
-								]
-							})]
+						/* @__PURE__ */ g(v, {
+							size: "sm",
+							onClick: () => I("../projects/create-project-page"),
+							children: [/* @__PURE__ */ h(d, { className: "h-4 w-4 mr-1" }), q("crewfoundry.projects.actions.newProject", "New Project")]
 						})
-					] })]
-				}, e.id))
+					]
+				})]
 			}),
-			x.length > w && /* @__PURE__ */ i(g, {
-				page: C,
-				pageSize: w,
-				totalItems: x.length,
-				onPageChange: T
-			})
+			L.length === 0 ? /* @__PURE__ */ h(E, {
+				illustration: "empty-data",
+				title: "No projects yet",
+				description: "Create your first project to start tracking work."
+			}) : G === "table" ? /* @__PURE__ */ h(w, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam",
+				children: /* @__PURE__ */ g(b, {
+					className: "p-4",
+					children: [/* @__PURE__ */ h(k, {
+						columns: ee,
+						data: Q,
+						rowKey: (e) => e.id,
+						onRowClick: $
+					}), L.length > U && /* @__PURE__ */ h("div", {
+						className: "mt-4",
+						children: /* @__PURE__ */ h(O, {
+							page: H,
+							pageSize: U,
+							totalItems: L.length,
+							onPageChange: W
+						})
+					})]
+				})
+			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: Q.map((e) => {
+					let n = X(e);
+					return /* @__PURE__ */ g(w, {
+						role: "button",
+						tabIndex: 0,
+						"aria-label": `Open ${e.name} project detail`,
+						onClick: () => $(e),
+						onKeyDown: (t) => {
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), $(e));
+						},
+						className: "cursor-pointer transition-shadow hover:shadow-md focus-visible:shadow-[var(--shadow-focus)] focus-visible:outline-none",
+						children: [/* @__PURE__ */ g(S, {
+							className: "pb-3",
+							children: [/* @__PURE__ */ g("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ h(C, {
+									className: "text-base",
+									children: e.name
+								}), /* @__PURE__ */ h(_, {
+									variant: N(e.status),
+									className: "text-[10px]",
+									children: t(e.status)
+								})]
+							}), /* @__PURE__ */ h(x, { children: e.description })]
+						}), /* @__PURE__ */ g(b, { children: [
+							/* @__PURE__ */ g("div", {
+								className: "space-y-2 mb-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex justify-between text-xs",
+									children: [/* @__PURE__ */ g("span", { children: [
+										e.completedTasks,
+										"/",
+										e.tasks,
+										" ",
+										q("crewfoundry.projects.card.tasks", "tasks")
+									] }), /* @__PURE__ */ g("span", {
+										className: "tabular-nums",
+										children: [e.progress, "%"]
+									})]
+								}), /* @__PURE__ */ h("div", {
+									className: "h-2 overflow-hidden rounded bg-bg-sunken",
+									children: /* @__PURE__ */ h("div", {
+										className: "h-2 rounded bg-action-primary-bg",
+										style: { width: `${e.progress}%` }
+									})
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "mb-3 flex items-center justify-between gap-2",
+								children: [n.length > 0 ? /* @__PURE__ */ h(r, {
+									people: n,
+									max: 4,
+									size: 26
+								}) : /* @__PURE__ */ g("span", {
+									className: "text-xs text-text-secondary",
+									children: [
+										q("crewfoundry.projects.card.team", "Team"),
+										": ",
+										e.teamName
+									]
+								}), /* @__PURE__ */ g("span", {
+									className: "shrink-0 text-xs tabular-nums text-text-secondary",
+									children: [
+										"$",
+										(e.spent / 1e3).toFixed(0),
+										"K / $",
+										(e.budget / 1e3).toFixed(0),
+										"K"
+									]
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex flex-wrap gap-1",
+								children: [/* @__PURE__ */ h(_, {
+									variant: P(e.priority),
+									className: "text-[10px]",
+									children: t(e.priority)
+								}), /* @__PURE__ */ g(_, {
+									variant: "outline",
+									className: "text-[10px]",
+									children: [
+										e.startDate,
+										" — ",
+										e.endDate
+									]
+								})]
+							})
+						] })]
+					}, e.id);
+				})
+			}), L.length > U && /* @__PURE__ */ h(O, {
+				page: H,
+				pageSize: U,
+				totalItems: L.length,
+				onPageChange: W
+			})] }),
+			Z.length > 0 && /* @__PURE__ */ g(y, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ g("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(C, {
+					className: "text-base",
+					children: q("crewfoundry.projects.resourcing.title", "Resourcing")
+				}), /* @__PURE__ */ g(x, { children: [
+					q("crewfoundry.projects.resourcing.subtitle", "People allocation for the latest week with logged time"),
+					" ",
+					"(",
+					Z[0].weekLabel,
+					")"
+				] })] }), /* @__PURE__ */ g(v, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => I("../projects/resourcing-page"),
+					children: [q("crewfoundry.projects.resourcing.viewAll", "View full resourcing"), /* @__PURE__ */ h(c, { className: "ml-1 h-4 w-4" })]
+				})]
+			}) }), /* @__PURE__ */ h(b, {
+				className: "space-y-5",
+				children: Z.map((e) => /* @__PURE__ */ h(n, {
+					segments: e.segments,
+					label: e.name,
+					rightLabel: `${e.utilization}% utilized`
+				}, e.employeeId))
+			})] })
 		]
 	});
 }
 //#endregion
-export { y as ProjectsProjectsPagePage };
+export { F 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  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Plus } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { projects } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const pageProjects = projects.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const openProject = (project: Project) =>\n    navigate(`../projects/project-details-page?id=${encodeURIComponent(project.id)}`);\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\">\n            All your projects in one view — track status, progress, and budgets so nothing stalls\n            and everything ships on time.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('../projects/create-project-page')}>\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\n              illustration=\"empty-data\"\n              title=\"No projects yet\"\n              description=\"Create your first project to start tracking work.\"\n            />\n          </div>\n        ) : (\n          pageProjects.map((project, _idx) => (\n            <GlassCard\n              key={project.id}\n              treatment={_idx === 0 && page === 1 ? 'glass' : 'plain'}\n              glow={_idx === 0 && page === 1}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Open ${project.name} project detail`}\n              onClick={() => openProject(project)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  openProject(project);\n                }\n              }}\n              className=\"hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n            >\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                    {formatEnumLabel(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                    {formatEnumLabel(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        )}\n      </div>\n\n      {projects.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={projects.length}\n          onPageChange={setPage}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"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  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { ArrowRight, Gauge, LayoutGrid, Plus, Table2 } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useMemo, useState } from 'react';\nimport {\n  useCrewFoundryStore,\n  type Employee,\n  type Project,\n} from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AllocationBar, AvatarStack, SegmentedTabs, type Person } from '../components/viz';\nimport { allocationByPerson } from '../lib/analytics';\n\nconst MAX_ALLOCATION_ROWS = 6;\n\nfunction statusVariant(status: Project['status']): 'default' | 'secondary' | 'outline' {\n  if (status === 'active') {\n    return 'default';\n  }\n  if (status === 'completed') {\n    return 'secondary';\n  }\n  return 'outline';\n}\n\nfunction priorityVariant(\n  priority: Project['priority']\n): 'destructive' | 'default' | 'secondary' {\n  if (priority === 'critical') {\n    return 'destructive';\n  }\n  if (priority === 'high') {\n    return 'default';\n  }\n  return 'secondary';\n}\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { projects, teams, employees, timeEntries } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const [view, setView] = useState<'board' | 'table'>('board');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n  const teamById = useMemo(() => new Map(teams.map((team) => [team.id, team])), [teams]);\n\n  const teamPeople = (project: Project): Person[] => {\n    const team = teamById.get(project.teamId);\n    if (!team) {\n      return [];\n    }\n    return team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined)\n      .map((employee) => ({\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        avatarUrl: employee.avatar,\n        role: employee.position,\n      }));\n  };\n\n  const allocation = useMemo(\n    () => allocationByPerson(timeEntries, employees).slice(0, MAX_ALLOCATION_ROWS),\n    [timeEntries, employees]\n  );\n\n  const pageProjects = projects.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const openProject = (project: Project) =>\n    navigate(`../projects/project-details-page?id=${encodeURIComponent(project.id)}`);\n\n  const columns: ResponsiveTableColumn<Project>[] = [\n    {\n      key: 'name',\n      header: t('crewfoundry.projects.table.project', 'Project'),\n      priority: 'primary',\n      cell: (project) => (\n        <span className=\"font-medium text-text-primary\">{project.name}</span>\n      ),\n    },\n    {\n      key: 'status',\n      header: t('crewfoundry.projects.table.status', 'Status'),\n      priority: 'primary',\n      cell: (project) => (\n        <Badge variant={statusVariant(project.status)} className=\"text-[10px]\">\n          {formatEnumLabel(project.status)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'progress',\n      header: t('crewfoundry.projects.table.progress', 'Progress'),\n      priority: 'secondary',\n      cell: (project) => (\n        <div className=\"flex items-center gap-2 md:min-w-[160px]\">\n          <div className=\"h-1.5 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-1.5 rounded-full bg-action-primary-bg\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n          <span className=\"w-9 shrink-0 text-right text-xs tabular-nums text-text-secondary\">\n            {project.progress}%\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'team',\n      header: t('crewfoundry.projects.table.team', 'Team'),\n      priority: 'secondary',\n      cell: (project) => {\n        const people = teamPeople(project);\n        return people.length > 0 ? (\n          <AvatarStack people={people} max={4} size={26} />\n        ) : (\n          <span className=\"text-xs text-text-secondary\">{project.teamName || '—'}</span>\n        );\n      },\n    },\n    {\n      key: 'timeline',\n      header: t('crewfoundry.projects.table.timeline', 'Timeline'),\n      priority: 'secondary',\n      cell: (project) => (\n        <span className=\"whitespace-nowrap text-xs text-text-secondary\">\n          {project.startDate} — {project.endDate}\n        </span>\n      ),\n    },\n    {\n      key: 'budget',\n      header: t('crewfoundry.projects.table.budget', 'Budget'),\n      priority: 'primary',\n      cell: (project) => (\n        <span className=\"tabular-nums md:text-right md:block\">\n          ${(project.budget / 1000).toFixed(0)}K\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg: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\">\n            All your projects in one view — track status, progress, and budgets so nothing stalls\n            and everything ships on time.\n          </PagePurpose>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <SegmentedTabs\n            aria-label=\"Projects view\"\n            value={view}\n            onChange={(id) => setView(id as 'board' | 'table')}\n            tabs={[\n              { id: 'board', label: 'Board', icon: <LayoutGrid className=\"h-4 w-4\" /> },\n              { id: 'table', label: 'Table', icon: <Table2 className=\"h-4 w-4\" /> },\n            ]}\n          />\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigate('../projects/resourcing-page')}\n          >\n            <Gauge className=\"h-4 w-4 mr-1\" />\n            {t('crewfoundry.projects.actions.resourcing', 'Resourcing & Utilization')}\n          </Button>\n          <Button size=\"sm\" onClick={() => navigate('../projects/create-project-page')}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            {t('crewfoundry.projects.actions.newProject', 'New Project')}\n          </Button>\n        </div>\n      </div>\n\n      {projects.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No projects yet\"\n          description=\"Create your first project to start tracking work.\"\n        />\n      ) : view === 'table' ? (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardContent className=\"p-4\">\n            <ResponsiveTable\n              columns={columns}\n              data={pageProjects}\n              rowKey={(project) => project.id}\n              onRowClick={openProject}\n            />\n            {projects.length > pageSize && (\n              <div className=\"mt-4\">\n                <Pagination\n                  page={page}\n                  pageSize={pageSize}\n                  totalItems={projects.length}\n                  onPageChange={setPage}\n                />\n              </div>\n            )}\n          </CardContent>\n        </GlassCard>\n      ) : (\n        <>\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {pageProjects.map((project) => {\n              const people = teamPeople(project);\n              return (\n                <GlassCard\n                  key={project.id}\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label={`Open ${project.name} project detail`}\n                  onClick={() => openProject(project)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      openProject(project);\n                    }\n                  }}\n                  className=\"cursor-pointer transition-shadow hover:shadow-md focus-visible:shadow-[var(--shadow-focus)] focus-visible:outline-none\"\n                >\n                  <CardHeader className=\"pb-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                      <Badge variant={statusVariant(project.status)} className=\"text-[10px]\">\n                        {formatEnumLabel(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 className=\"tabular-nums\">{project.progress}%</span>\n                      </div>\n                      <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded bg-action-primary-bg\"\n                          style={{ width: `${project.progress}%` }}\n                        />\n                      </div>\n                    </div>\n                    <div className=\"mb-3 flex items-center justify-between gap-2\">\n                      {people.length > 0 ? (\n                        <AvatarStack people={people} max={4} size={26} />\n                      ) : (\n                        <span className=\"text-xs text-text-secondary\">\n                          {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                        </span>\n                      )}\n                      <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                        ${(project.spent / 1000).toFixed(0)}K / $\n                        {(project.budget / 1000).toFixed(0)}K\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1\">\n                      <Badge variant={priorityVariant(project.priority)} className=\"text-[10px]\">\n                        {formatEnumLabel(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            })}\n          </div>\n\n          {projects.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={projects.length}\n              onPageChange={setPage}\n            />\n          )}\n        </>\n      )}\n\n      {/* Resourcing — People allocation this week */}\n      {allocation.length > 0 && (\n        <Card>\n          <CardHeader>\n            <div className=\"flex flex-wrap items-center justify-between gap-2\">\n              <div>\n                <CardTitle className=\"text-base\">\n                  {t('crewfoundry.projects.resourcing.title', 'Resourcing')}\n                </CardTitle>\n                <CardDescription>\n                  {t(\n                    'crewfoundry.projects.resourcing.subtitle',\n                    'People allocation for the latest week with logged time'\n                  )}{' '}\n                  ({allocation[0].weekLabel})\n                </CardDescription>\n              </div>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => navigate('../projects/resourcing-page')}\n              >\n                {t('crewfoundry.projects.resourcing.viewAll', 'View full resourcing')}\n                <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-5\">\n            {allocation.map((row) => (\n              <AllocationBar\n                key={row.employeeId}\n                segments={row.segments}\n                label={row.name}\n                rightLabel={`${row.utilization}% utilized`}\n              />\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}